הכלי Structured Data Markup Helper עוזר להוסיף תגי עיצוב לרכיבים בדף אינטרנט כדי ש-Google תוכל להבין את הנתונים שבדף. כאשר Google מבינה את הנתונים שבדף באופן ברור יותר, ניתן להציג אותם בצורה מושכת יותר ובדרכים חדשות בחיפוש Google. בנוסף, אם שולחים אימייל בפורמט HTML ללקוחות, Markup Helper יכול להראות לכם כיצד לשנות את תבניות האימייל כך ש-Gmail יוכל להציג את הנתונים למשתמש בדרכים חדשות ושימושיות.
לפתיחת Structured Data Markup Helper
לדוגמה:
- אירוע: אם מוסיפים תגי עיצוב לאירועים באתר, בפעם הבאה ש-Google תסרוק את האתר, נתוני האירועים יהיו זמינים עבור Rich Snippets בדפי תוצאות חיפוש:
- אימייל: אם אימייל בנושא טיסה מכיל תגי עיצוב הקשורים להזמנות הטיסה שלכם, Gmail יכול להציג את המידע הזה באפליקציה למחשב או בפיד האישי שלכם:
אם אינכם חשים בנוח להוסיף קוד לאתר שלכם, ניתן לנסות את מדגיש הנתונים.
אם יש לכם כישורים טכניים, קראו על נתונים מובְנים והוסיפו תגי עיצוב לאתר שלכם באופן ידני.
הוספת תגי עיצוב לדף אינטרנט או אימייל
ניתן להוסיף תגי עיצוב לדף אינטרנט או לאימייל בתבנית HTML.
הוספת תגי עיצוב לדף אינטרנט
כך ניתן להוסיף תגי עיצוב לרכיבים בדף אינטרנט.
- פותחים את Structured Data Markup Helper.
- בוחרים בכרטיסייה אתר.
- בוחרים את סוג הדף שבו מוסיפים תגי עיצוב. לדוגמה, דף של סרט או דף של אירוע. ניתן לכלול פריטים מרובים בדף אחד, אך מומלץ שכל הפריטים יהיו מאותו סוג (לדוגמה, שכולם יהיו סרטים או אירועים).
- מזינים את כתובת האתר של דף קיים או את קוד ה-HTML הגולמי של הדף. במקרה של כתובת אתר, צריך לוודא שהדף זמין לכולם ללא התחברות. (ניתן לבדוק את הגישה לדף כך: פותחים חלון אנונימי ב-Chrome ומנסים להיכנס לדף שלכם. אם הצלחתם להגיע אליו, הכל בסדר).
- בוחרים באפשרות התחלת תיוג.
- מדגישים את חלקי הדף שמכילים מידע חשוב (למשל, שעת ההתחלה בדף של אירוע) ולאחר מכן מזהים את סוג המידע בתיבה הנפתחת שתוצג ("שעת התחלה").
- אם יש לכם מחרוזות תאריכים מורכבות או שנתקלתם בבעיה בתיוג התאריכים, כדאי לעיין בתיוג תאריכים מתקדם.
- אם אתם צריכים להוסיף מידע שאינו גלוי בדף, כדאי לעיין בהוספת נתונים חסרים.
- אם אתם צריכים להוריד תג ש-Structured Data Markup Helper יצר, כדאי לעיין בהסרת תגים.
- חשוב להקפיד לציין את כל המידע הנדרש עבור סוג הנתונים הספציפי. בחלונית פריטי הנתונים שלי תוצג רשימה של כל הערכים האפשריים של כל פריט, עם תוויות של הערכים הנדרשים. למשל, באירוע יש לציין שם, מיקום ותאריך התחלה של האירוע.
- בסיום תהליך התיוג של כל הנתונים המתאימים בדף, בוחרים יצירת HTML כדי ליצור את הקוד של הדף. בוחרים פורמט פלט: ברירת המחדל היא JSON-LD (זו האפשרות המועדפת על Google), אך ניתן גם לבחור באפשרות של מיקרו נתונים. מעתיקים ומדביקים את הקוד מחלון הפלט או בוחרים הורדה. אופן השימוש בקוד משתנה בהתאם לפורמט:
- עבור JSON-LD: מעתיקים את הקוד שנוצר ומדביקים אותו בגוף של הדף הקיים.
- עבור מיקרו נתונים: מחליפים את הדף בקוד ה-HTML שנוצר.
- כדי לבדוק את הקוד, מעתיקים את הקוד שנוצר ומדביקים אותו בבדיקה של תוצאת חיפוש מתקדמת כלי הבדיקה הזה יספק מידע על כל השדות החסרים שצריך להוסיף כדי לעזור ל-Google להבין את הדף, ועבור סוגים מסוימים של נתונים הוא יכול לספק תצוגה מקדימה של האופן בו הדף עשוי להופיע בתוצאות החיפוש ב-Google.
- ייתכן שיעברו מספר שבועות עד ש-Google תמצא את קוד הדף החדש. אם הנתונים נסרקו, ואם הם מלאים ונכונים, הם יוכלו להופיע כתוצאות חיפוש מתקדמות. אם תוצאות חיפוש מתקדמות לא מופיעות עבור האתר שלכם, כאן תוכלו לראות את הסיבות האפשריות לכך.
הוספת תגי עיצוב לאימייל
כך ניתן להוסיף תגי עיצוב לאימייל בפורמט HTML:
- פותחים את Structured Data Markup Helper.
- בוחרים את הכרטיסייה אימייל.
- בוחרים את סוג המידע שאליו יש להוסיף תגי עיצוב. למשל, הזמנה של כרטיס נסיעה או מוצר.
- מזינים את קוד ה-HTML של האימייל.
- בוחרים באפשרות התחלת תיוג.
- מדגישים את חלקי האימייל שמכילים מידע חשוב (למשל, מספר ההזמנה של כרטיס נסיעה), ולאחר מכן בוחרים את סוג המידע בתיבה הנפתחת שתוצג ("מספר הזמנה").
- אם יש לכם מחרוזות תאריכים מורכבות או שנתקלתם בבעיה בתיוג התאריכים, כדאי לעיין בתיוג תאריכים מתקדם.
- אם אתם צריכים להוסיף מידע שאינו גלוי באימייל, כדאי לעיין בהוספת נתונים חסרים.
- אם אתם צריכים להוריד תג ש-Structured Data Markup Helper יצר, כדאי לעיין בהסרת תגים.
- חשוב להקפיד לציין את כל המידע הנדרש עבור סוג הנתונים הספציפי. בחלונית פריטי הנתונים שלי תוצג רשימה של כל הערכים האפשריים, שבה מסומנים הערכים הנדרשים. אם לא יסופקו כל הערכים הנדרשים, לא תהיה ל-Google אפשרות לעבד את האימייל.
- אם סמל ההתראה (
) מופיע לצד רכיב מתויג, בוחרים את הנתונים שלצד הסמל, בודקים את התיוג ומבצעים אחת מהפעולות הבאות:
- אם התיוג שגוי, לוחצים על ה-X שלצד הנתונים. לאחר מכן מתייגים מחדש את הנתונים.
- אם התיוג נכון, בוחרים את סמל ההתראה עצמו (
- בסיום תהליך התיוג, בוחרים יצירת HTMLכדי ליצור את קוד ה-HTML שישמש לאימייל. ברירת המחדל היא JSON-LD, אך ניתן גם לבחור באפשרות של מיקרו נתונים. בוחרים הורדה או מעתיקים את קוד ה-HTML שנוצר ומדביקים אותו.
- עבור JSON-LD: מעתיקים את הקוד שנוצר ומדביקים אותו בגוף האימייל.
- עבור מיקרו נתונים: מחליפים את האימייל בקוד ה-HTML שנוצר.
- לבדיקת הקוד, אפשר לשלוח אימייל אל חשבון Gmail או להשתמש בכלי התיקוף לסכמות אימייל.
) מופיע לצד רכיב מתויג, בוחרים את הנתונים שלצד הסמל, בודקים את התיוג ומבצעים אחת מהפעולות הבאות:
שמירה והמשך העריכה של דף או אימייל
כדי לשמור את תגי העיצוב במצבם הנוכחי, מוסיפים את הדף לסימניות בדפדפן. Structured Data Markup Helper ישמור את המצב למשך חודש, כולל כל הערכים של תגי העיצוב.
ניתן לבטל חלק מהתגים ש-Structured Data Markup Helper יצר, או את כולם.
כדי לנקות תג מסוים:
- לוחצים על התג בדף או באימייל לדוגמה.
- בתפריט הקופץ שמופיע לאחר הלחיצה על התג, בוחרים באפשרות נקה תג.
כדי לנקות את כל התגים:
- זהירות: לא ניתן לבטל בקשה לניקוי כל התגים. במקום זאת, יהיה צורך להתחיל בתיוג מההתחלה. אם התוכן כבר מכיל תגי עיצוב, Markup Helper לא יסיר את תגי העיצוב הקיימים. ניקוי של כל התגים יסיר רק את התגים שנוספו על ידי Markup Helper.
- בוחרים את סמל גלגל השיניים
.
- בוחרים באפשרות ניקוי כל התגים מדף זה.
.הכלי Structured Data Markup Helper מבין תאריכים בפורמטים רבים, כל עוד התאריכים כוללים חודש, יום ושנה. ניתן להוסיף כל נתון חסר (למשל, שנה) על ידי הוספת הנתונים החסרים לקבוצת הדפים.
אם הדף לדוגמה שיצרתם מציג תאריכים בחלק אחד (למשל, 4 ביוני 2012), מומלץ לתייג תאריכים בחלק אחד. ככל שיוצרים פחות תגים, כך תהליך התיוג קצר יותר ו-Markup Helper מדויק יותר.
תיוג תאריכים בחלק אחד:
- מתחילים בתיוג הנתונים בהתאם להוראות שבסעיפים תיוג דף או תיוג אימייל.
- בדף המתייג, משתמשים בעכבר לבחירת תאריך. למשל, בוחרים באפשרות הבאה: 4 ביוני 2012
- בוחרים באפשרות תאריך > תאריך/שעה או טווח מתפריט ההקשר שיופיע.
Markup Helper מוסיף את התאריך לעמודה 'פריטי הנתונים שלי'.
- מסיימים את תהליך התיוג של הדף לפי ההוראות שבסעיף תיוג דף או תיוג אימייל.
תיוג תאריכים בחלקים נפרדים
סוגים מסוימים של תוכן מכילים פרטי תאריך בחלקים נפרדים או משתמשים בתוויות לזיהוי רכיבי התאריך הנפרדים. לדוגמה, דף שמציג רשימה של מספר אירועים עשוי להציג את החודש והשנה פעם אחת בראש בדף ולהציג ימים ספציפיים ליד כל אירוע. אם התוכן שלכם מציג תאריכים בחלקים נפרדים, עליכם לתייג תאריכים בחלקים נפרדים.
שימו לב: Markup Helper לא מבין תאריכים שגם מתויגים בחלקים נפרדים וגם מציינים טווח (למשל, 4-5 ביוני ו-2012).
תיוג תאריכים בחלקים נפרדים:
- מתחילים בתיוג הנתונים בהתאם להוראות שבסעיפים תיוג דף או תיוג אימייל.
- בדף המתייג, משתמשים בעכבר לבחירת חלק מתאריך. למשל, בוחרים באפשרות הבאה: יוני
- בוחרים באפשרות תאריך > מתקדם > חלק מתאריך מתפריט ההקשר שיופיע. למשל, בוחרים תאריך > מתקדם > חודש.
Markup Helper מוסיף את התאריך לעמודה 'פריטי הנתונים שלי'.
- ממשיכים בתיוג חלקי התאריך עד לתיוג כל הנתונים הזמינים של התאריך.
- מסיימים את תהליך התיוג לפי ההוראות שבסעיפים תיוג דף או תיוג אימייל.
דוגמאות לתגי תאריך
הנה כמה דוגמאות לתאריכים שניתן לתייג:
- תאריך יחיד. לדוגמה, ניתן לתייג כל אחד מתאריכים אלה:
- 4 ביוני 2012
- 4 ביוני 2012
- 6/4/12 - התגים שלך יכולים לכלול גם מפרידים אחרים ושנים בנות ארבע ספרות, כגון 6-4-2012. כאשר תאריכים מספריים הם דו-משמעיים, Google מניחה שהמספר הראשון הוא החודש. לדוגמה, 6/4/12 מפוענח כ-4 ביוני 2012, ואילו 13/4/12 יפוענח כ-13 באפריל 2012.
- טווח של ימים. לדוגמה, 4-7 ביוני 2012
לתשומת לבך, המפריד בין יום ההתחלה ליום הסיום צריך להיות קו מפריד (-).
- תאריכים עם שעות. לדוגמה, ניתן לתייג כל אחד מתאריכים אלה:
- 4 ביוני 2012 3pm - שעה שאחריה מצוין am או pm. מדגיש הנתונים משתמש בשעות הפעילות הרגילות הנהוגות על מנת לפענח שעות שאין אחריהן ציון am או pm. לדוגמה, 11 יפוענח כ-11am (לפנה"צ) ואילו 2 יפוענח כ-2pm (אחה"צ).
- 4 ביוני 2012, 15:00 - זמן צבאי
- 4 ביוני 2012, 3pm EST או 4 ביוני 2012, 3PM -5:00 - שעות עם אזור זמן או הבדל זמן מ-UTC (זמן אוניברסלי מתואם)/GMT (שעון גריניץ').
- 4 ביוני 2012, 2-3PM או 4-5 ביוני 2012, 2-3PM - טווחי שעות עם או ללא טווח תאריכים.
- תאריכים בחלקים נפרדים. ניתן להשתמש באפשרות התיוג המתקדמת כדי לתייג את החלקים הנפרדים הבאים של הטקסט כתאריך אחד:
- יום: שלישי, 4 ביוני שנה: 2013
- 4 ביוני | שעה: 7:30pm-9:30pm ו- 2012
- 4-5 ביוני ו- 2012
ציון פורמט התאריך באופן ידני
Markup Helper מניח שהתאריכים בתוכן בנויים לפי כללי הפורמט המשויכים לשפה של התוכן. לדוגמה, אם השפה של דף מסוים היא en-US, Markup Helper מניח שהתאריך 12-06-12 מייצג את ה-6 בדצמבר 2012. אם השפה של דף מסוים היא en-GB, Helper מניח שהתאריך 12-06-12 מייצג את ה-12 ביוני 2012. הכלי Markup Helper מזהה באופן אוטומטי את השפה של הדף, ולכן גם את כללי הפורמט של תאריכים.
כדי לעקוף את הזיהוי האוטומטי של Markup Helper ולציין פורמט תאריך אחר:
- לוחצים על סמל גלגל השיניים ובוחרים באפשרות הגדרות.
- בחלון הקופץ 'הגדרות', בוחרים פורמט מרשימת הפורמטים של תאריכים.
- בוחרים שמירה.
אם חסרים נתונים בדף או באימייל לדוגמה שיצרתם, למשל השנה של אירוע מסוים, ניתן לציין ערך. Structured Data Markup Helper יוסיף תגי עיצוב עבור הערך.
ניתן להוסיף נתונים חסרים בכל עת, וכן לשנות או למחוק נתונים במקרה הצורך.
להוספה, שינוי או מחיקה של נתונים חסרים:
- בוחרים באפשרות הוספת תגים חסרים בתחתית העמודה 'פריטי הנתונים שלי'.
- מבצעים אחת מהפעולות הבאות:
- מוסיפים ערך על ידי בחירה בתג מהרשימהבחירת תג. לאחר מכן מקלידים את הערך בתיבת הטקסט. למשל, בוחרים באפשרות קטגוריה ומקלידים 'מוסיקה אירית מסורתית'.
- כדי למחוק נתונים קיימים, לוחצים על X בתיבת טקסט.
- כדי לערוך נתונים קיימים, משנים את הערך בתיבת הטקסט.
- בוחרים שמירה.
Markup Helper מציג את הערך שנבחר תחת 'פריטי הנתונים שלי'.
שינוי שפת הדף
Structured Data Markup Helper מזהה באופן אוטומטי את השפה של הדף או האימייל לדוגמה, כדי שיוכל להבין טוב יותר את הנתונים שבדף. אם תגי העיצוב ש-Markup Helper יוצר שגויים, ניתן ליידע את Markup Helper באופן מפורש מהי השפה שבה משתמשים.
כדי לציין את השפה באופן ידני:
-
לוחצים על סמל גלגל השיניים ובוחרים באפשרות הגדרות.
- בחלון הקופץ 'הגדרות', בוחרים שפה מרשימת שפות האתר.
- בוחרים שמירה.
schema.org הוא שיתוף פעולה בין Google, Microsoft ו-Yahoo! שנועד לשפר את האינטרנט על ידי יצירת אוצר מילים משותף לתיאור הנתונים באינטרנט. אם תוסיף סימון של schema.org לדפי ה-HTML, חברות ומוצרים רבים - כולל חיפוש Google - יבינו את הנתונים באתר שלך. כמו כן, אם תוסיף סימון schema.org להודעות הדוא"ל שלך שבפורמט HTML, ייתכן שגם מוצרי דוא"ל אחרים, מלבד Gmail, יבינו את הנתונים.
ניתן להשתמש בסוגי סימון שונים על מנת לתאר את הנתונים באמצעות אוצר המילים של schema.org. Markup Helper יכול להראות לך כיצד להשתמש במיקרו-נתונים וב-JSON-LD.
למידע נוסף על schema.org, ראה שאלות נפוצות בנושא schema.org.
מיקרו-נתונים ו-JSON-LD הן שתי דרכים שונות לסימון הנתונים שלכם באמצעות אוצר המילים של schema.org. Google מעדיפה פורמט JSON-LD לתוכן אינטרנט.
JSON-LD
הפורמט JSON-LD משתמש באובייקט JavaScript בדף ה-HTML כדי להגדיר נתונים. לדוגמה, הנה JSON-LD שמתאר אירוע:
<script type="application/ld+json">
{
"@context" : "http://schema.org",
"@type" : "Event",
"name" : "Slim Whitman Tribute",
"startDate" : "2013-07-06",
"location" : {
"@type" : "Place",
"name" : "Hollywood Bowl"
}
}
</script>
כשמוסיפים JSON-LD, Markup Helper מעדיף להוסיף תגי עיצוב לרכיבי HTML קיימים. לדוגמה, אם מדגישים אירוע שקודד בתור <h4>My Event</h4>, Markup Helper מוסיף JSON-LD כזה לדוגמה שלכם:
<script type="application/ld+json">
{
"@context" : "http://schema.org",
"@type" : "Event",
"name" : "My event"
}
</script>
לקבלת מידע נוסף, עיינו בקטע JSON-LD.
מיקרו נתונים
מיקרו נתונים משתמשים בתגים ובמאפיינים של HTML כדי להגדיר נתונים. לדוגמה, הנה HTML המתאר אירוע:
<div> בואו לשמוע את Tiny Tim Tribute Band, בהופעה חיה ב-6 ביולי 2013 ב-Regency Theater המקסים! </div>
והנה אותו קטע HTML עם תגי עיצוב של מיקרו נתונים:
<div itemscope itemtype="http://schema.org/Event">
בואו לשמוע את
<span itemprop="name">Tiny Tim Tribute Band</span>,
בהופעה חיה בתאריך
<span itemprop="startDate"
content="2013-07-06>6 ביולי 2013</span>
<span itemprop="location" itemscope
itemtype="http://schema.org/Place">
<span itemprop="name">ב-Regency Theater</span> המקסים!
</span>
</div>
לקבלת מידע נוסף, עיינו בקטע מידע על מיקרו נתונים.
Markup Helper מתעלם מכל סימון קיים בדף או באימייל לדוגמה שמתייגים. לכן, אם מתייגים טקסט שכבר מזוהה באמצעות תגי עיצוב, Markup Helper יוסיף תגי עיצוב נוספים עבור התג.