תגי ה – meta משמשים את הדפדפן, את מנועי החיפוש המקטלגים את האתר, ולתת מידע אודות היוצרים, זכויות יוצרים וכיו"ב. במאמר זה אסביר על תגי ה -meta ושימושיהם.
תגי ה -meta נכתבים בראש דף בין תגיות ה –
ישנם שני סוגים של תגי meta
1 2 |
1. <meta http–equiv="name" content="content" /> 2. <meta name="name" content="content" />
|
|
שימו לב לצורה בה תג המטה מופיע ב-xhtml:
1 |
<meta name="name" content="content" />
|
|
לעומת html:
1 |
<meta name="name" content="content">
|
|
תגי HTTP-EQUIV
תגים מסוג זה משמשים את הדפדפן, והם קובעים את פעולתו (לדוגמא: הגדרת הקידוד, שפת הסקריפטים וכד').
תגי NAME
בטח ניחשתם, שאלו התגים שלא משמשים את הדפדפן. אלו בעצם התגים שנותנים מידע על האתר למנועי החיפוש ואת שאר המידע (כמו יוצרים וכד').
ועכשיו לפירוט התגים…
HTTP-EQUIV
Content-Type
נתחיל מהתג שקובע את השפה/קידוד של הדף/האתר:
1 |
<meta http–equiv="Content-Type" content="text/html; charset=windows-1255" /> |
|
תג זה מגדיר את השפה כעברית לוגית (charset=windows-1255), כדי להגדיר עברית ויזואלית נכתוב את התג הבא:
1 |
<meta http–equiv="Content-Type" content="text/html; charset=ISO-8859-8" /> |
|
Content-Script-Type
תג זה קובע את שפת הסקריפטים בדף, בדי לקבוע את השפה ל-JS, נכתוב:
1 |
<meta http–equiv="Content-Script-Type" content="text/javascript" /> |
|
ערכים אפשריים:
- text/tcl
- text/javascript
- text/vbscript
לאחר בדיקה שלי גיליתי שהתג הזה לא משפיע ב-IE6 (לגבי דפדפנים אחרים, לא בדקתי). אם לא יוגדר בתג <script> את השפה, הדפדפן יקבע אותה ל-JavaScript.
Content-Style-Type
מגדיר את שפת העיצוב של הדף.
1 |
<meta http–equiv="Content-Style-Type" content="text/css" /> |
|
התג הנ"ל, מגיד את שפת העיצוב בדף כ-CSS.
Expires
תג זה מגדיר את התאריך והשעה שבה יפוג תוקפו של הדף.
מהרגע שתוקפו של הדף פג, גלישה לדף זה תחייב את הדפדפן לשלוח בקשה לשרת, ולא לטעון אותו מזכרון הדפדפן.
תג זה משמש גם את מנועי החיפוש. מנועי החיפוש ימחקו את הדף שתוקפו פג, או שהם יסרקו אותו שנית.
1 |
<meta http–equiv="expires" content="Sun, 12 Oct 2003 09:23:54 GMT" /> |
|
הערה: כל התאריכים חייבים להיות נתונים בפורמט RFC850.
ניתן להכניס במקום תאריך את הערך 0:
1 |
<meta http–equiv="expires" content="0" /> |
|
וזה יקבע את תאריך התפוגה לזמן הנוכחי (כלומר תאריך התפוגה הוא עכשיו).
Content-Language
תג זה קובע את השפה של הדף (משמש למנועי חיפוש).
תג זה שונה מ-Content-Type, בכך שהוא מגדיר את השפר הטבעית של האתר ולא את הקידוד.
1 |
<meta http–equiv="Content-Language" content="he" /> |
|
תג זה קובע את השפה הטבעית כעברית (he).
דוגמאות לערכים אפשריים:
- en – אנגלית
- fr – צרפתית
- de – גרמנית
- ru – רוסית
- ar – ערבית
Refresh
תג זה מורה לדפדפן לעבור לדף מסויים לאחר זמן מוגדר:
1 |
<meta http–equiv="refresh" content="30; URL=https://www.webmaster.org.il" /> |
|
המבנה של התג הוא:
1 |
<meta http–equiv="refresh" content="sec; URL=url" /> |
|
NAME
Author
תג זה מכיל את שם האדם שיצר את הדף.
1 |
<meta name="author" content="Ohad Aston" /> |
|
CopyRight
מכיל את זכויות היוצרים על הדף/אתר:
1 |
<meta name="copyright" content="2002-2003, WebMaster Team" /> |
|
Keywords
תג זה משמש את מנועי החיפוש, ומגדיר את מלות החיפוש לדף/לאתר.
1 |
<meta name="keywords" content="meta, tags, html, xhtml" /> |
|
Description
תג זה מכיל את תאור האתר, מנועי החיפוש יציגו תאור זה כאשר הם מקטליגים את הדף.
1 |
<meta charset="description" content="מדריכים לבוני אתרים, עיצוב, סקריפטים ועוד" /> |
|
Rating
תג זה משמש לדירוג תוכן האתר וקובע האם הוא נועד לילדים ונוער.
1 |
<meta name="rating" conent="general" /> |
|
ערכים אפשריים:
- general
- safe for kids
- 14 years
- restricted
- mature
Revisit-After
תג זה שימושי לאתרים שהתוכן שלהם משתנה לעתים קרובות, ומורה למנועי החיפוש לסרוק אותם מחדשלאחר מספר הימים שמוגדר.
1 |
<meta name="revisit-after" content="31 Days" /> |
|
Generator או Formmater
תג זה מכיל את שם התוכנה שיצרה את הדף. (התוכנה שאיתה עורכים את דפי ה-html, בד"כ מוסיפה את התג הזה אוטומטית).
1 2 |
<meta name="generator" content="FrontPage" /> <meta name="formatter" content="FrontPage" /> |
|
Robots
תג זה קובע למנועי החיפוש האם לקטלג את הדף, והאם לסרוק את הדפים שהוא מקשר אליהם.
1 |
<meta name="robots" content="noindex, follow" /> |
|
ערכים אפשריים:
- index (ברירת מחדל) – מורה למנוע החיפוש לקטלג את הדף.
- noindex – מורה למנוע החיפוש לא לקטלג את הדף.
- follow – מורה למנוע החיפוש לסרוק את הלינקים בדף.
- nofollow – מורה למנוע החיפוש לא לסרוק את הלינקים בדף.
- none – כמו – "noindex, nofollow".
Distribution
מגדיר למנוע החיפוש למי מיועד הדף/האתר.
1 |
<meta name="distribution" content="global" /> |
|
ערכים אפשריים:
- global – גלובלי, משמש את כולם.
- local – מקומי, אזורי.
- IU – Internal Use – פנימי.
Classification
מגדיר למנוע חיפוש לאיזו קטגוריה לשייך את האתר (סיווג).
1 |
<meta name="classification" content="Programming" /> |
|
בהצלחה!
תגובות בפייסבוק