إضافة مسار التنقل BreadcrumbList في بلوجر

طريقة استخدام مسار التنقل Breadcrumb في بلوجر لتحسين مظهر نتائج موقعك على محرك البحث جوجل وإظهار  مسار التنقل بين صفحات الموقع بشكل تسلسل هرمي يطلق عليها اسم فتات الخبز .

مسار التنقل ضمن البيانات المنظمة التي تضيف تحسينات على مظهر نتائج البحث وإظهار التسميات في مسار رابط الموقع، ويتم إضافة كود مسار التنقل بعدد من الترميزات المختلفة تنسيق RDFa او RFDA او تنسيق JSON-LD التي تسم لجوجل بالتعرف على مسارات التنقل .

خصائص BreadcrumbList

image(اختياري) اضافة صورة تمثل الفئة الحالية
item(مطلوب) عنوان الرابط @id
name(مطلوب) عنوان مسار التنقل
position(مطلوب) رقم ترتيب المسارات

تظهر النتائج في البحث بالشكل التالي https://www.kol7sry.news › أخبار التقنية

طريقة إضافة مسار التنقل Breadcrumb في بلوجر

  1. ادخل على لوحة تحكم بلوجر .
  2. ادخل على الظهر .
  3. افتح تحرير HTML.
  4. ابحث عن كلمة <b:includable id='post' var='post'>
  5. اضف الكود التالي بعدها
<b:loop index='item' values='data:post.labels' var='label'>
<b:if cond='data:item lt 1'>
<script type='application/ld+json'>{
&quot;@context&quot;: &quot;http://schema.org&quot;,&quot;@type&quot;: &quot;BreadcrumbList&quot;,&quot;itemListElement&quot;: [{&quot;@type&quot;: &quot;ListItem&quot;,&quot;position&quot;: 1,&quot;item&quot;: {&quot;@id&quot;: &quot;<data:blog.homepageUrl.canonical/>&quot;,&quot;name&quot;: &quot;<data:blog.title/>&quot;}},{&quot;@type&quot;: &quot;ListItem&quot;,&quot;position&quot;: 2,&quot;item&quot;: {&quot;@id&quot;: &quot;<data:label.url.canonical/>&quot;,&quot;name&quot;: &quot;<data:label.name/>&quot;}},{&quot;@type&quot;: &quot;ListItem&quot;,&quot;position&quot;: 3,&quot;item&quot;: {&quot;@id&quot;: &quot;<data:post.url.canonical/>&quot;,&quot;name&quot;: &quot;<data:view.title.escaped/>&quot;}}]}</script>
</b:if>
</b:loop>
بعد انتهاء الخطوات قم بتجربة اختبار البينات المنظمة من الرابط التالي https://search.google.com/structured-data/testing-tool .