القائمة الرئيسية

الصفحات

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

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 .
هل اعجبك الموضوع :