طريقة اضافة مسار التنقل BreadcrumbList شرح اضافة مسار التنقل في مدونتك فى بلوجر 2018 BreadcrumbList-widget

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

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

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

    تظهر النتائج في البحث بالشكل التالي https://www.ma3l.com › أخبار التقنية
    طريقة اضافة مسار التنقل Breadcrumb في بلوجر

        ادخل على لوحة تحكم بلوجر .
        ادخل على الظهر .
        افتح تحرير HTML.
        ابحث عن كلمة <b:includable id='post' var='post'>
        اضف الكود التالي بعدها

        <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 .

    إرسال تعليق