מדריך HTML מספר 13 - תגיות מטא (Meta tags)

Steps

1. 1

   Step 1

   תגיות מטא צריכות תמיד להיות כתובות בין תגיות הראש . השימוש הנפוץ ביותר בתגיות הmeta הוא בשביל לתת תיאור לדף, למילות מפתח, ליוצר, לזכויות יוצרים וכו'.
2. 2

   Step 2

   Some text in the body
3. 3

   Step 3

   בדוגמא זו אפשר לראות שתגית המטא מכילה 2 מאפיינים (attributes): name וcontent , כאשר הname מייצג את סוג תגית המטא (בדוגמא זה תיאור הדף) ומאפיין ה content מייצג את תוכן התגית. סה"כ מה שאנחנו רואים בדוגמא זה תגית מטא המתארת את תוכן הדף. מנועי החיפוש משתמשים בתוכן תגית המטא הזאת (מה שנמצא בcontent) בכדי לתאר את האתר בתוצאות החיפוש.
4. 4

   Step 4

   Some text in the body
5. 5

   Step 5

   זוהי דוגמא נוספת לתגית מטא (הוספתי אותה לקוד הקודם) - תגית עם מאפיין מסוגkeywords. בתגית זו נשים את המילים המתארות בצורה הטובה ביותר את תוכן הדף - נפריד בין המילים בעזרת פסיק - גם במתגית זו נעזרים מנועי החיפוש (יש האומרים שכבר לא). המנעו מהכנסת אותם מילים כמה פעמים או בשימוש במילים שלא באמת קשורות לדף האינטרנט, מנועי החיפוש לא אוהבים את זה וזה עלול לעלות לכם בדירוג נמוך.
6. 6

   Step 6

   Some text in the body
7. 7

   Step 7

   שימו לב לדוגמא הזו: הוספנו מאפיין לתגית הmeta שנקרא HTTP-EQUIV שערכו הוא content-style-type ועוד מאפיין CONTENT שמכיל text/css. תגית המטא הזו חשובה שכן היא אומרת שבדף האינטרנט הזה ברירת המחדל לעיצוב שבו נשתמש יהיה CSS. (במדריכים מתקדמים יותר נדבר על CSS ומה הוא נותן לנו).
8. 8

   Step 8

   עוד דוגמאות מעניינות לתגיות META שתוכלו להתנסות איתם:
9. 9

   Step 9

   בעזרת תגית זו נגדיר את השפה בה האתר כתוב (זה טוב בשביל מנועי החיפוש כאשר אנשים מחפשים אתרים בשפות שונות). בכדי להגדיר את האתר לעברית נשנה את תוכן הcontent לhe במקום en-us תגית עם מאפיינים אלו תגדיר שנעשה שימוש בשפת תכנות javascript בדף האינטרנט הזה. מגדיר את תגית המטא של כותב האתר. מגדיר את זכויות היוצרים על דף האינטרנט הזה. תגית זו מגדירה שהאתר לא יישמר במטמון של הדפדפן (מטמון זה זיכרון מהיר בדפדפן המאפשר שליפה מהירה של גרסת הדף) ניתן להגדיר שכן ישמור את הדף ע"י החלפת הערך no-cache ב cache. תגית זו מגדירה שהאתר תמיד יהיה חייב להפתח עליון, כלומר, לא ניתן יהיה להציג את הדף בתוך iframe בדף אחר.
10. 10

    Step 10

    התגית הבאה שנדבר עליה מעניינת במיוחד משום שהיא מתייחסת באופן ישיר לרובוט של מנועי החיפוש הסורק את אתרכם. קיימות כמה אופציות: אם נרצה שהרובוט של מנועי החיפוש לא יאנדקס את הדף הספציפי הזה אבל כן יעבור דרך הלינקים השונים בדף: אם נרצה שהרובוט יאנדקס את הדף ויעקוב אחר הלינקים בדף נשתמש בתגית הבאה: אם נרצה שהרובוט יאנדקס את הדף ולא יעקוב אחר הלינקים בדף נשתמש בתגית הבאה: ברירת המחדל (אם לא תשתמשו בתגית הזאת) היא שהרובוט יאנדקס את הדף ויעבור על כל הלינקים. אם נרצה שהרובוט לא יעבור על אף אחד מהלינקים ולא יאנדקס שום דף באתר אז נשתמש בערך none בcontent.