مثال على Breadcrumb Schema

مثال كامل لصفحة من ثلاثة مستويات

لنفترض مقالا في مدونة على الرابط https://example.com/blog/breadcrumb-basics/. مسار التنقل الظاهر هو: الرئيسية، المدونة، أساسيات مسار التنقل. يُدخَل في الأداة هكذا:

الرئيسية | https://example.com/
المدونة | https://example.com/blog/
أساسيات مسار التنقل | https://example.com/blog/breadcrumb-basics/

والناتج المولَّد هو:

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement": [
    {
      "@type": "ListItem",
      "position": 1,
      "name": "الرئيسية",
      "item": "https://example.com/"
    },
    {
      "@type": "ListItem",
      "position": 2,
      "name": "المدونة",
      "item": "https://example.com/blog/"
    },
    {
      "@type": "ListItem",
      "position": 3,
      "name": "أساسيات مسار التنقل",
      "item": "https://example.com/blog/breadcrumb-basics/"
    }
  ]
}
</script>

وظيفة كل جزء

تكييف المثال مع موقعك

حافظ على الترتيب من أعلى الموقع نزولا إلى الصفحة الحالية. استخدم التسميات نفسها التي يراها زوارك في مسار التنقل داخل الصفحة، واكتب الروابط كاملة مع البروتوكول. السطر الذي ينقصه اسم أو رابط يُتجاهل، فيبقى الترقيم متصلا بلا فجوات. وتكتب الأداة رابط الخطوة الأخيرة أيضا، وهذا markup صالح.

للصفحة الأعمق أضف أسطرا أكثر. فمنتج في العمق الخامس يحصل على خمسة إدخالات بمواضع من 1 إلى 5.

قراءة ناتجك أنت

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

وللصفحة الأقل عمقا، مثل صفحة «من نحن» تحت الرئيسية مباشرة، يتقلص المثال إلى إدخالين. البنية لا تتغير أبدا، وإنما يتغير عدد كائنات ListItem فقط، والأداة تتولى هذا العدد.