במדריך הזה מוסבר איך לתייג את האתר שלכם באמצעות מיקרו-נתונים ומאפייני ניווט, כדי שסורק דיוק המחירים של Google יוכל לנווט באופן אוטומטי במשפך ההזמנות שלכם ולאמת את מחירי החדרים.
למפרט הטכני המלא של כל המאפיינים הזמינים של נתונים מובְנים (כולל מיסים, עמלות ופרטי חדרים מפורטים), אפשר לעיין בהפניה לנתונים מובְנים של מחירי חדרים.
1. הטמעה של ניווט (data-nav-*)
כדי שהסורק יוכל לעבור את תהליך ההזמנה, צריך להשתמש במאפייני HTML מותאמים אישית של data-nav-* כדי להוסיף הערות לרכיבים אינטראקטיביים ולהצהיר על שלבי המשפך.
1.1 הצהרה על השלב בחלק העליון של הדף (data-nav-stage)
כל דף במשפך ההזמנות שבו מוצגים מחירים צריך להצהיר על השלב שלו, באמצעות תג <body> או תג wrapper ראשי (כמו <div>, <section> או <main>). כך הסורק יודע איזה שלב בתהליך ההזמנה פעיל, וזה עוזר בפתרון בעיות בהמשך.
-
data-nav-stage(מומלץ): מציין את השלב הפעיל במשפך. אמנם לא חובה לציין שמות (לדוגמה,"landing", "room-selection","checkout", "ready-for-payment"), אבל זה עוזר לזהות את השלב הפעיל במהלך האימות.
1.2 אינדיקטור של השלב הסופי (data-nav-stage-final)
בדף האחרון שבו מוצגים המחירים לפני שהמשתמש מזין את הפרטים האישיים או פרטי התשלום, מוסיפים את הדגל של השלב האחרון למאגר התגים בחלק העליון של הדף, לצד הצהרה על השלב (לדוגמה, data-nav-stage="ready-for-payment").
-
data-nav-stage-final(אופציונלי): הערך שמוגדר הוא"true"(data-nav-stage-final="true") בדף המחיר הסופי לפני התשלום. התג הזה מציין לסורק שהדף הזה הוא הדף הסופי, ושאפשר לחלץ ממנו את המחיר לצורך אימות. בדף הזה צריך להיות מבנה המחיר עם תגי מיקרו נתונים.
1.3 מאפייני אינטראקציה בנתיב הקריטי
בדפי ביניים, מתייגים את הרכיבים האינטראקטיביים (לחצנים או קישורים) שמעבירים את המשתמש לאורך הנתיב הקריטי של ההזמנה. אם נדרשות כמה פעולות באותו דף, צריך לציין את סדר הביצוע. הסורק פועל לפי הסדר שצוין לפני שהוא מנסה לחלץ את המחיר בדף הסופי.
| מאפיין | ערך נדרש | מטרה |
|---|---|---|
data-nav-criticalpath |
"true" |
מציין את הכפתור או הקישור שחובה ללחוץ עליהם כדי להתקדם. |
data-nav-interactiontype |
"CLICK" |
הצהרה שנדרשת פעולת לחיצה כדי להתקדם בתהליך. |
data-nav-interactionorder |
"1", "2", ... |
התג הזה מגדיר את רצף הביצוע אם נדרשות כמה פעולות באותו דף. |
דוגמה לניווט מינימלי
<button data-nav-criticalpath="true"
data-nav-interactiontype="CLICK"
data-nav-interactionorder="1">
Continue
</button>
2. הצהרת מחיר (מיקרו נתונים)
בדף האחרון בנתיב ההמרות של ההזמנה (לפני הזנת פרטים אישיים או פרטי תשלום), צריך לתייג את המחיר (מחיר אחד) באמצעות תגי מיקרו-נתונים. בדף צריך לתייג רק מבצע אחד, כדי לציין איזה מחיר הסורק מחלץ, בהתאם למחיר שנבחר ב-Google לפני שהמשתמש מגיע לאתר שלכם. לפרטים על הגדרת פרמטרים של דף נחיתה, אפשר לעיין במאמר בנושא משתנים ותנאים.
Google תומכת באופן מלא בהיררכיה המלאה בהפניה לנתונים מובְנים של מחירי מלונות (כולל תעריפים בסיסיים מפורטים, מיסים, עמלות ופרטי חדרים), אבל היא גם מקבלת עץ נתונים מובְנים פשוט כדי להקל עליכם לתייג מחירי מלונות בדפי האינטרנט.
חובה לציין את המחיר הכולל לשהייה בתעריפים שזמינים. אם חדר או מסלול נסיעה לא זמינים או שהכרטיסים אליהם אזלו, צריך להצהיר על כך באמצעות התג https://schema.org/SoldOut בתג makesOffer בלי התג priceSpecification:
<div itemprop="makesOffer" itemscope itemtype="https://schema.org/Offer">
<meta itemprop="availability" content="https://schema.org/SoldOut"/>
Sold Out
</div>
מידע נוסף זמין במפרט של המאפיין availability.
2.1 עץ נתונים מובנים פשוט
כדי לפשט את התיוג בדפי ההזמנה, צריך להצהיר רק על מאגר התגים הראשי של המלון וההזמנה, על תאריכי השהייה (YYYY-MM-DD), על מספר האורחים ועל מבצע יחיד שמכיל את המחיר הכולל לשהייה:
Hotel / LodgingReservation (Root Container)
├── identifier [Meta/Attribute] Hotel ID
├── name [Visible text] Hotel Name
├── checkinTime / checkoutTime [Visible text with YYYY-MM-DD in content="..."] Stay Dates
├── numAdults / numChildren [Visible text] Occupancy
└── makesOffer (Offer)
└── priceSpecification (CompoundPriceSpecification)
├── priceCurrency [ISO Code, such as "USD"] Currency
└── price [Visible text] Total Stay Price (Taxes & Fees Included)
2.2 כללים קריטיים להרשאות גישה
כדי להבטיח חילוץ מחירים מהימן, חשוב להקפיד על כללי הנראות האלה כשמתייגים את קוד ה-HTML:
- המחיר הכולל לשהייה צריך להיות גלוי: צריך לתייג את מספר המחיר הגלוי ישירות בדף באמצעות
itemprop="price". אל תשתמשו במטא-נתונים מוסתרים (<meta>) או בערכי מאפיינים (value="..."אוcontent="...") כדי לציין את מספר המחיר. - תאריכי שהייה שניתנים לקריאה על ידי מכונה: כדאי לתייג כמה שיותר תאריכי שהייה שמוצגים בדף. אם צריך, אפשר להשתמש במאפיין
content="..."ברכיבי<span>כדי לספק פורמטYYYY-MM-DDסטנדרטי בזמן הצגת התאריך הגלוי (לדוגמה,<span itemprop="checkinTime" content="2026-08-10">August 10, 2026</span>). - שדות לא גלויים: בשדות שלא מוצגים ישירות בדף (כמו מזהה המלון או קוד המטבע) אפשר להשתמש בתגי
<meta>או במאפייניcontent="...".
3. דוגמאות
בדוגמאות הבאות מקצה לקצה אפשר לראות איך מתייגים שלבים ביניים במשפך ודפי תשלום סופיים באמצעות מאפייני ניווט ומיקרו-נתונים.
דוגמה 1: דף ביניים עם לחצן שאפשר ללחוץ עליו
בדוגמה הבאה מוצג קטע טקסט של דף ביניים לבחירת חדר (room-selection) עם כפתור פעולה יחיד בנתיב קריטי שתויג כדי להמשיך את התהליך:
<body data-nav-stage="room-selection">
<!-- Main page content -->
<button class="btn-continue"
data-nav-criticalpath="true"
data-nav-interactiontype="CLICK"
data-nav-interactionorder="1">
Book This Room
</button>
</body>
דוגמה 2: דף עם המחיר הסופי, אינדיקטור של שלב ומיקרו נתונים מינימליים
בקטע הקוד הבא מוצג הדף האחרון לפני התשלום (ready-for-payment) שבו data-nav-stage-final="true" מוצהר ב-wrapper ומחיר השהייה הסופי מוצג באופן גלוי:
<body data-nav-stage="ready-for-payment" data-nav-stage-final="true">
<!-- Root Container: Co-Typed Hotel & LodgingReservation -->
<div itemscope itemtype="https://schema.org/Hotel https://schema.org/LodgingReservation">
<!-- Hotel Identifier (Can be hidden meta tag) -->
<meta itemprop="identifier" content="grand-view-001" />
<h1 itemprop="name">Grand View Hotel</h1>
<!-- Visible Stay Dates & Occupancy -->
<p>
Check-in: <span itemprop="checkinTime" content="2026-08-10">Aug 10, 2026</span> |
Check-out: <span itemprop="checkoutTime" content="2026-08-15">Aug 15, 2026</span> |
Guests: <span itemprop="numAdults">2</span> Adults, <span itemprop="numChildren">1</span> Child
</p>
<!-- Single Minimal Rate Offer -->
<div itemprop="makesOffer" itemscope itemtype="https://schema.org/Offer">
<div itemprop="priceSpecification" itemscope itemtype="https://schema.org/CompoundPriceSpecification">
<p class="summary-total">
Total Stay Price (Taxes & Fees Included):
<!-- 3-letter ISO Currency Code (can use content="" for hiding the 3-letter currency code while displaying a symbol) -->
<span itemprop="priceCurrency" content="EUR">€</span>
<!-- VISIBLE TOTAL STAY PRICE (Directly wrapped, no hidden attributes) -->
<span itemprop="price">650.00</span>
</p>
</div>
</div>
</div>
</body>
4. אימות ההטמעה
לפני שמיישמים את השינויים, חשוב לבדוק את תגי העיצוב ואת תגי הניווט כדי לוודא שהסורק יכול לאמת את נתוני התמחור.
4.1 בדיקת המחיר ומבנה המיקרו נתונים
אתם יכולים להשתמש בכלי לאימות schema.org או בבדיקת תוצאות החיפוש המתקדמות של Google כדי לבדוק את המיקרו נתונים שחולצו מכתובת ה-URL של הדף או מתוכן ה-HTML. בודקים את השדות שחולצו בהשוואה למפרט שמופיע במאמר בנושא נתונים מובְנים של מחירי מלונות, ומוודאים שהרכיב itemprop="price" הוא פריט שמוצג בדף.
4.2 אימות הניווט
כדי לוודא שהתגים פועלים, פותחים את הכלים למפתחים בדפדפן ב-Google Chrome. לשם כך, לוחצים לחיצה ימנית על דף האינטרנט ובוחרים באפשרות בדיקה (או לוחצים על F12) כדי לבדוק את ה-HTML DOM.
מוודאים שההטמעה עומדת בדרישות הניווט הבאות:
- השלב 'החלק העליון של הדף' מוצהר: כל דף בתהליך ההזמנה כולל את התג
data-nav-stage="..."בתג<body>או בתג העוטף הבסיסי שלו, ודף המחיר הסופי כולל את התגdata-nav-stage-final="true". - הנתיב הקריטי הושלם: רכיבים אינטראקטיביים (לחצנים או קישורים) בדפי ביניים מסומנים ב-
data-nav-criticalpath="true",data-nav-interactiontypeו-data-nav-interactionorder. אם יש כמה פעולות, מוודאים שמספרי ההזמנות מוגדרים בצורה נכונה.
4.3 בדיקת הנראות ואיכות התיוג
מוודאים שהמיקרו נתונים עומדים בכל דרישות המבנה והנראות (פרטים מופיעים בעץ נתונים מובְנים פשוט ובכללי נראות חשובים):
- היררכיה קפדנית: מוודאים שתגי העיצוב פועלים לפי סדר הקינון הנדרש (או העץ הפשוט או המפרט המלא של הפניה לנתונים מובְנים). יכול להיות שהסורק לא יזהה אלמנטים לא מסודרים או אלמנטים שמוטמעים בצורה לא נכונה.
- מחיר גלוי:
itemprop="price"עוטף ישירות את מספר המחיר הגלוי בלי מאפיינים מוסתרים או תגי<meta>. - תאריכי שהייה בפורמט קריא למכונה: התגים
checkinTimeו-checkoutTimeמכיליםYYYY-MM-DDסטנדרטי (אפשר להשתמש גם במאפייניםcontent="..."). - תיוג ישיר של רכיבים: כל המאפיינים הגלויים (שם המלון, תאריכי השהייה, מספר האורחים) עוטפים את הטקסט הגלוי בדף.