شريط التنقُّل

شريط تنقُّل معروض على صفحة ويب

يشير مسار شريط التنقُّل على الصفحة إلى موضعها في التسلسل الهرمي للموقع الإلكتروني. ويستطيع المستخدم التنّقل من مستوى إلى آخر حتى يصل إلى قمة التسلسل الهرمي، وذلك من خلال البدء من الموضع الأخير في مسار شريط التنقُّل.

أمثلة

يستخدِم "بحث Google" ترميز شريط التنقُّل في نص صفحة الويب لتصنيف معلوماتها في نتائج البحث. وعادة ما يمكن للمستخدِمين الوصول إلى الصفحة من خلال استخدام أنواع مختلفة تمامًا من طلبات البحث، كما ستوضِّح حالات الاستخدام التالية. على الرغم من أن كل عملية بحث قد تعرض صفحة الويب نفسها، يعمل شريط التنقُّل على تصنيف المحتوى ضمن سياق طلب البحث على خدمة "بحث Google". وقد تعرض الصفحة ancillaryjustice.html مسارات شريط التنقُّل التالية استنادًا إلى سياق البحث:

وقد يؤدي طلب البحث عن كتاب بعنوان "عصفور من الشرق" إلى إنشاء شريط التنقُّل التالي:

الكتبالمؤلفونتوفيق الحكيم › عصفور من الشرق

في ما يلي مثال لترميز JSON-LD لإتاحة شريط التنقُّل هذا:

قد يؤدي طلب البحث عن عام وجائزة ممنوحة لنوع كتابة معيّن، مثل "جائزة نيبولا لأفضل رواية لعام 2014" إلى إنشاء شريط التنقُّل التالي:

الكتبالخيال العلميالروايات الحاصلة على جوائز

RDFa

في ما يلي مثال لترميز RDFa لإتاحة شريط التنقُّل هذا:

Microdata

في ما يلي مثال لترميز Microdata لإتاحة شريط التنقُّل هذا:

في ما يلي مثال لمسار شريط تنقُّل متعدد:

الكتبالخيال العلميالروايات الحاصلة على جوائز
الأدبالخيال التأملي

RDFa

في ما يلي مثال لترميز RDFa لإتاحة شريط التنقُّل هذا:

Microdata

في ما يلي مثال لترميز Microdata لإتاحة شريط التنقُّل هذا:

مثال HTML

في ما يلي مثال على كتلة شريط تنقُّل HTML في الصفحة كجزء من التصميم المرئي لها.

<ol>
  <li>
    <a href="http://www.example.com/books">Books</a>
  </li>
  <li>
    <a href="http://www.example.com/sciencefiction">Science Fiction</a>
  </li>
  <li>
    Award Winners
  </li>
</ol>

الإرشادات

يجب أن تتّبع هذه الإرشادات لكي يكون موقعك الإلكتروني مؤهَّلاً ليضم أشرطة تنقُّل في "بحث Google".

تعريفات أنواع البيانات المنظّمة

لتحديد أشرطة التنقُّل، حدّد BreadcrumbList الذي يحتوي على رمزيّ ListItems على الأقل. يجب تضمين الخصائص المطلوبة لكي يكون المحتوى مؤهَّلاً للعرض مع ظهور أشرطة التنقُّل.

BreadcrumbList هي حاوية العناصر التي تتضمّن جميع العناصر في القائمة. يتوفر التعريف الكامل للقائمة BreadcrumbList على schema.org/BreadcrumbList.

الخصائص المطلوبة
itemListElement

BreadcrumbList

مجموعة من أشرطة التنقُّل المدرَجة بترتيب معيّن. حدّد كل شريط تنقُّل باستخدام ListItem مثل:


{
"@context": "https://schema.org",
"@type": "BreadcrumbList",
  "itemListElement": [{
    "@type": "ListItem",
    "position": 1,
    "name": "Books",
    "item": "https://example.com/books"
  },{
    "@type": "ListItem",
    "position": 2,
    "name": "Authors",
    "item": "https://example.com/books/authors"
  },{
    "@type": "ListItem",
    "position": 3,
    "name": "Ann Leckie",
    "item": "https://example.com/books/authors/annleckie"
  }]
}

ListItem

يحتوي ListItem على تفاصيل حول عنصر واحد في القائمة. يتوفر التعريف الكامل لعنصر ListItem على schema.org/ListItem.

الخصائص المطلوبة
item

URL أو نوع فرعي من Thing

هذه الخاصية هي عنوان URL لصفحة الويب التي تمثل شريط التنقُّل. هناك طريقتان لتحديد item:

  • URL: حدد عنوان URL للصفحة. مثل:
    
    "item": "https://example.com/books"
  • Thing: استخدم معرّفًا لتحديد عنوان URL استنادًا إلى تنسيق الترميز الذي تستخدمه:
    • JSON-LD: استخدم @id لتحديد عنوان URL.
    • Microdata: يمكنك استخدام href أو itemid لتحديد عنوان URL.
    • RDFa: يمكنك استخدام about أو href أو resource لتحديد عنوان URL.

إذا كان شريط التنقُّل هو العنصر الأخير في مسار شريط التنقُّل، لن يُطلب item. إذا لم يتم تضمين item في العنصر الأخير، سيستخدم محرك البحث Google عنوان URL للصفحة المضمنة.

name

Text

تمثل هذه الخاصية عنوان شريط التنقُّل المعروض للمستخدم. إذا كنت تستخدم Thing مع name بدلاً من URL لتحديد item، لن يُطلب name في هذه الحالة.

position

Integer

تمثل هذه الخاصية موضع شريط التنقُّل ضمن مسار شريط التنقُّل. ويشير الموضع 1 إلى بداية المسار.