במאמר הזה מוסבר איך להטמיע תגי עיצוב של נתונים מובְנים לייצוג נתוני מוצרים.
- לפני שמתחילים, מומלץ לקרוא את המאמר מידע על תגי עיצוב של נתונים מובְנים ל-Merchant Center ולוודא שהאתר שלכם עומד בדרישות.
- במדריך לתחילת העבודה של Schema.org אפשר לקרוא הנחיות כלליות בנוגע לנתונים מובְנים, מעבר למה שקשור לנתוני המוצרים ב-Merchant Center. מומלץ להשתמש גם ב-Search Console כדי לפתור בעיות שקשורות לנתונים מובְנים, ולמדוד את התנועה והביצועים של האתר ברשת החיפוש.
- הנחיות נוספות מפורטות במאמר על נתונים מובְנים של מוצרים לרשת החיפוש, ספציפית בקטעים על כרטיסי מוצר של מוֹכר (Merchant Listings).
בדף הזה
איך מתחילים
כדי להוסיף תגי עיצוב של נתונים מובְנים לאתר שלכם, צריך לוודא שיש לכם גישת עריכה ל-HTML של האתר או להגדרות התבנית של מערכת החנות. תג עיצוב הוא הערה שמוסיפים לאתר באמצעות תג HTML. ההערה הזו מאפשרת לסורקים ולבוטים של מנועי חיפוש לזהות שיש נתוני מוצרים באתר שלכם, ועוזרת למערכות לפענח את הנתונים בצורה אמינה.
כדי שהסורק של Google יוכל להתאים בין הנתונים המובְנים לבין נתוני המוצרים שלכם, חייב להתקיים אחד משני התנאים הבאים:
- בדף הנחיתה צריך להיות רק מוצר אחד.
- אם יש בדף כמה מוצרים, לכל מוצר שמופיע בדף צריך להוסיף הערת מק"ט או הערה של מספר GTIN, ולמוצר הרלוונטי בנתוני המוצרים בשופינג צריך להיות אותו מק"ט (מאפיין המזהה
[id]) או מספר GTIN (מאפיין מספר ה-GTIN[gtin]). האפשרות הזו שימושית כשמציגים כמה וריאציות של אותו מוצר (לדוגמה: גדלים או צבעים שונים או מוצרים קשורים) באותו דף נחיתה.
אם אחד או יותר מהתנאים האלה לא יתקיימו, לא תהיה התאמה בין המוצרים בדף הנחיתה לבין נתוני המוצרים ששלחתם.
במדריך לתחילת העבודה של schema.org אפשר לקרוא מידע מפורט יותר על הגדרת תגי עיצוב של נתונים מובְנים באתר. בקטע machine-understandable versions of information (גרסאות של מידע בפורמט שמחשב מסוגל להבין) ב-schema.org תמצאו מידע שיעזור לכם להבין ולהגדיר את הנתונים המובְנים שלכם.
הוספת תגי עיצוב של נתונים מובְנים
אם אתם רוצים להוסיף לאתר שלכם תגי עיצוב של נתונים מובְנים, מומלץ להוסיף אותם באמצעות JSON-LD לתגי העיצוב של HTML. למידע נוסף כדאי לקרוא את המאמר מבוא לתגי עיצוב של נתונים מובְנים בחיפוש Google.
תגי עיצוב של JSON-LD בולטים על פני כל קוד אחר שמוצג למשתמש, ולכן קל יותר לתחזק אותם. אם משתמשים בתגי עיצוב של נתונים מובְנים שמיועדים במיוחד ל-Google, אפשר להוסיף אותם בלי לבצע שינויים באף אחד מהרכיבים הוויזואליים של האתר.
אם באתר שלכם אתם משתמשים בפלטפורמת מסחר אלקטרוני, יכול להיות שתצטרכו לבצע כמה שינויים בתבנית הפלטפורמה או בקוד לפני שתוכלו להוסיף את הנתונים המובְנים. בנוסף, האתר צריך לתמוך ב-JavaScript ליישומים ברמת התבנית והדף.
דוגמה
JSON-LD
{
"@context": "https://schema.org/",
"@type": "Product",
"sku": "trinket-12345",
"image": "https://www.example.com/trinket.jpg",
"name": "Nice trinket",
"description": "Trinket with clean lines",
"gtin": "12345678901234",
"brand": {
"@type": "Brand",
"name": "MyBrand"
},
"offers": {
"@type": "Offer",
"url": "http://www.example.com/trinket_offer",
"itemCondition": "https://schema.org/NewCondition",
"availability": "https://schema.org/InStock",
"price": "39.99",
"priceCurrency": "USD"
}
תגי עיצוב של נתונים מובְנים שנוספו יכולים להופיע בכל מקום במקור ה-HTML. הם חייבים להיכלל ב-HTML שמוחזר משרת האינטרנט, ואי אפשר להשתמש ב-JavaScript כדי ליצור אותם אחרי שהדף נטען.
מוצרים והצעות
דפי הנחיתה צריכים לכלול אובייקט Product, שמתאר את המוצר, ואובייקט Offerמקונן בתוך השדה offers, שמתאר את אופן המכירה של המוצר.
הערה: כדי לציין מפריד עשרוני במחיר, יש להשתמש בנקודה ולא בפסיק. אם המחיר מוצג בדף הנחיתה בכמה מטבעות, אפשר להשתמש בכמה אובייקטים מסוג Offer. אם משתמשים בכמה אובייקטים מסוג Offer, צריך להשתמש גם במאפיין priceCurrency לציון מטבעות.
אם בדף הנחיתה מוצג מחיר מבצע, וזהו המחיר שהמשתמש ישלם בפועל באותה נקודת זמן, צריך לוודא שמחיר המבצע מופיע בנתונים המובְנים.
חשוב: מערכת schema.org לא תומכת בכל המאפיינים של מפרט המוצרים. כדי להשתמש בעדכונים אוטומטיים של פריטים, חובה לציין את הערכים הבאים של schema.org: price, priceCurrency, availability ו-condition. למידע נוסף על מאפיינים נתמכים של נתונים מובְנים
בדיקה של תגי העיצוב
אפשר לבדוק את ההטמעה של schema.org באמצעות Search Console או באמצעות הכלי Rich Results. במרכז העזרה של Google Search Console אפשר למצוא מידע נוסף על השימוש בכלי הבדיקה, על ניפוי באגים ועל המשמעות של תוצאות הבדיקה.