تحسين مظهر أرشفة موقعك بإستخدام خاصية Breadcrumb

Breadcrumb For Blogger
ما هي خاصية Breadcrumb أو فتات الخبز ؟
هي خاصية تعطي مسار للمواضيع ولهذا سميت بفتات الخبز على غرار القصص التي اتبع رجل أبناءه عبر فتات الخبز المتساقط منهم او لمن يطارد حيوان فيتبع فتات طعامه فهذه هي الفكرة من تلك التسمية الغريبه
هذه الخاصة توفر مسار للمواضيع يتكون من الرئيسية يليه التصنيفات ثم رابط الموضوع
هل هذه الخاصية تسرع الأرشفة ؟
لا فليست وظيفتها تسريع الأرشفه فقط تحسين مظهر الأرشفة الظاهر في جوجل كما تراه في المثال الموجود في صورة الموضوع
هل أحتاج تركيبها في قالبي؟
على حسب فربما هي موجوده في قالبك بالفعل بالتالي لا داعي من تركيبها
كيف اعرف انها في قالبي؟
فقط ابحث عن كلمة Breadcrumb في قالبك ان كانت موجوده غالباً هي مركبة
وجدتها لكن الأرشفة لا تظهر لدي بهذا الشكل ما السبب ؟
ربما تكون نسخة قديمه توقفت او القالب نفسه به مشكلة تمنع عملها بشكل مضبوط فيمكنك حينها استبدال التي لديك بالموجوده في الموضوع
لكن قبل أى شئ احتفظ بنسخة احتياطية من قالبك

طريقة التركيب

ابحث عن هذا الكود
<div class='blog-posts hfeed'>
بعده أضف الكود التالي
<b:include data='posts' name='breadcrumb'/>
ثم ابحث عن هذا الكود
<b:includable id='comment-form' var='post'>
وقبله أضف الكود التالي
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<p class='breadcrumbs'>
<span class='post-labels'>
<a expr:href='data:blog.homepageUrl' rel='tag'>الرئيسية</a>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == &quot;true&quot;'> &#187;
<a expr:href='data:label.url' rel='tag'><data:label.name/></a>
</b:if>
</b:loop>
<b:else/>
&#187; غير مصنف
</b:if>
&#187; <span><data:post.title/></span>
</b:loop>
</span>
</p>
<b:else/>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<p class='breadcrumbs'>
<span class='post-labels'>
<a expr:href='data:blog.homepageUrl'>الرئيسية</a> &#187; مؤرشف في <data:blog.pageName/>
</span>
</p>
<b:else/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<p class='breadcrumbs'>
<span class='post-labels'>
<b:if cond='data:blog.pageName == &quot;&quot;'>
<a expr:href='data:blog.homepageUrl'>الرئيسية</a> &#187; كل المقالات
<b:else/>
<a expr:href='data:blog.homepageUrl'>الرئيسية</a> &#187; المقال مصنف في <data:blog.pageName/>
</b:if>
</span>
</p>
</b:if>
</b:if>
</b:if>
</b:if>
قد تجد بعض الأكواد التي عليك البحث عنها مكرر في القالب احدها سيعمل معك فجرب حتى تحدد المضبوط منهم
طبعا يمكنك استبدال الكلمات العربية بكلمات بلغة اخرى ان كانت مدونتك بلغة مختلفة

المظهر

هذه الخاصة كما قلت تظهر مسار وهذا المسار يظهر في الموقع ان أعجبك وجوده يمكنك أن تنسقه كما تشاء لكن شخصيا أفضل اخفاءه وهذا كود مناسب للإخفاء أضفه فوق الوسم ]]></b:skin>
.breadcrumbs {display: block;height: 0;margin: 0;opacity: 0;overflow: hidden;padding: 0;visibility: hidden;width: 0;}
تم التحديث بتاريخ 20/2/2020

هناك 18 تعليقًا:

  1. الله يحفظك أستاذنا الغالي

    ردحذف
    الردود
    1. أعزك الله اخي الغالي
      دائما ما يسعدني مرورك وتعليقك يا طيب تحياتي لك

      حذف
  2. شكرا اخي الكريم
    هذه الخاصية وجدتها مفعلة اصلا في مدونتي كما تظهر ايضا في صفحات بحث جوجل رغم اني لم انتبه لها من قبل ربما كانت مرفوقة مع القالب من البداية لكن الذي اريد ان اعرفه اخي الكريم هو كيف يمكنني ازالة عنوان المدونة من جانب عنوان التدوبنة في نتائج البحث اذا كان عنوان التدوينة قصيرا فلقد جربت كل الطرق دون جدوى فهل جوجل الغى الامر واصبح يجبر ظهور اسم الموقع بجانب عنوان التدوينة ؟ خصوصا اذا كان عنوان التدوينة قصيرا اي اقل من 8 كلمات ؟

    ردحذف
    الردود
    1. سابقاً كان مجرد اخفاء العنوان بالميتا تاج من عنوان التدوينة يفي بالغرض الآن لم يعد الامر كذلك جوجل تضيف اسم الموقع تلقائياً
      فلم يعد التعديل فعالاً في جوجل
      وشكراً لمرورك يا طيب

      حذف
  3. دائما الافادة من كن مدون
    جزاك الله خيرآ ا/ عمرو

    ردحذف
    الردود
    1. تسلم اخي الفاضل
      وجزاك الله بالمثل , سررت بمرورك :)

      حذف
  4. بارك الله فيك على مجهودك الطيب ❤
    لدي استفسار استاذنا الفاضل
    ركبت ملف ads.txt في بلوجر لكن رسالة "الارباح معرضة للخطر" لا تزال تظهر
    للعلم ركبت الملف منذ شهرين والرسالة لا تزال تظهر

    ردحذف
    الردود
    1. وفيك بارك الله أخي الكريم
      راجع هذا الموضوع يا طيب
      https://www.cnmu.info/2019/12/ads.txt.html

      حذف
  5. لدي سؤال استاذي الفاضل هل ازالة ازالة الاكواد المدمجة في بلوجر css cundle تضرر بالمدونة لاني وجدت زيادة في السرعة عند ازالتها و القالب يعمل بدون تأثير لكن اخشي ان تضررني و لاني لم اجد كثير من المدونين يطبقونها ارجو الرد و شكرا لذوقك

    ردحذف
    الردود
    1. انا لا اعرف اى اكواد بالضبط التي ازلتها , لكن الاكواد في بلوجر أغلبها اكواد مضافة يعني ليست أصلية فيمكن ازالتها دون مشاكل طالما لم توقف شئ تحتاجه ان يعمل فلا تقلق من هذا

      حذف
  6. شكرا جدا لرد حضرتك و زوقك لكن موضوع breadcrumbs انا جربت نفس الخطوات و لكن لا تعمل في محرك البحث جوجل لا تظهر فيها و جربت معظم طرق النت لا تعمل عندي و على اغلب مواقع الانترنت اظن انها غير breadcrumbs في مدونة حضرتك رغم ان الخاصة بكن مدون بتعطي اخطاء في فحص جوحل الا انها تعمل في البحث ارجو من حضرتك انك تشيك على الموضوع ده و لو امكن تنشرلنا الخاصة بحضرتك حتى لو فيها اخطاء و شكرا تاني لزوقك ربنا يباركلك

    ردحذف
    الردود
    1. أهلا بحضرتك
      مسألة الخطأ في فحص جوجل او غيره هذا بسبب الخوارزميات ليس خطأ حقيقي هذا الموضوع سيفيدك في تلك النقطة
      https://www.cnmu.info/2016/02/website-analysis.html
      اما مسألة الخاصه بي أنا أستخدم نفس الكود الموجود في الموضوع في مدونتي

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

    ردحذف
    الردود
    1. هذا هو الجزء المسؤول عن الرئيسية يمكنك ازالته
      <a expr:href='data:blog.homepageUrl' property='v:title' rel='v:url'>الرئيسية</a>
      اما مسألة ظهور عدد من الأقسام هذا لانك تضيف الموضوع لاكثر من قسم بالتالي تظهر كلها عليك تقليل عدد الأقسام التي تضيف لها الموضوع حينها سيظهر عدد اقل
      وبالتوفيق

      حذف
  8. شكرا جدا ربنا يجازيك خير على اللي بتعمله معانا انت انسان محترم جدا

    ردحذف
    الردود
    1. العفو يا طيب شكراً لمرورك العطر وجزيت بالمثل

      حذف
  9. السلام عليكم
    عندما اضيف الكود الكبير تظهر لي هذه الرسالة "The widget with id "Blog1" cannot contain element: "b:if". A widget can only contain b:includable elements."
    ما السبب؟

    ردحذف
    الردود
    1. وعليكم السلام ورحمة الله وبركاته
      أهلا بك
      المشكلة في الخطوة الاخيرة في الكود انت لا تضيفها ي المكان المضبوط المناسب لها اما قالبك به تعديلات تتسبب في الأمر
      او انت تضيف قبل الكود الخطأ

      حذف

نسعد بتعليقاتكم ومروركم
يرجى أن يكون التعليق في اطار الموضوع اى اسئلة أو تعليق يخص موضوع آخر او سؤال خارجي نعتذر عن عدم القدرة للرد عليه

جميع الحقوق محفوظة لــ كن مدون 2013-2019 ©