تحسين مظهر أرشفة موقعك بإستخدام خاصية 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:includable id='breadcrumb' var='posts'>
<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:includable>
قد تجد بعض الأكواد التي عليك البحث عنها مكرر في القالب احدها سيعمل معك فجرب حتى تحدد المضبوط منهم
طبعا يمكنك استبدال الكلمات العربية بكلمات بلغة اخرى ان كانت مدونتك بلغة مختلفة

المظهر

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

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

  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. وعليكم السلام ورحمة الله وبركاته
      أهلا بك
      المشكلة في الخطوة الاخيرة في الكود انت لا تضيفها ي المكان المضبوط المناسب لها اما قالبك به تعديلات تتسبب في الأمر
      او انت تضيف قبل الكود الخطأ

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

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

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

      حذف
    3. طيب اخي الكريم جرب مرة اخرى انا عدلت الكود في الموضوع ان شاء الله تحل المشكلة
      ولا اخي لا يوجد في القوالب النمطية او اى قالب مصمم في المدونة مشاكل تخص التعديلات او اكواد تمنعها فأنا صممتها لكي تكون قابلة لعمل التعديلات ليخصصها كل واحد منكم كيفما يريد وبالتوفيق

      حذف
  11. بارك الله فيك تم التركيب وهى الان تعمل
    كالمعتاد لا يسعنى سوى كتابة "شكرا"
    فهى اقل كثيرا عما يجب قولة ولكن لا نملك سواها

    ردحذف
    الردود
    1. وفيك بارك الله أخي الكريم , وتعليقاتكم عندي غالية واكثر من كافية
      وفقك الله وتحياتي لك

      حذف
  12. الردود
    1. لم تجد ماذا لم أفهم ؟

      حذف
    2. معذرة

      لم أجد العبارة:
      blog-posts hfeed

      فما العمل؟

      حذف
    3. جرب أن تبحث عن هذا اذا واضف الكود قبله
      <b:include data='top' name='status-message'/>
      ان لم تجده فربما يكون لديك مشكلة في قالبك او شئ محذوف او نمط التصميم لا يقبل هذا التعديل

      حذف
  13. السلام عليكم أخ عمرو وإن كان السؤال لا يتعلق مباشرة بالخاصية التي شرحتها لكنه يتعلق بالأرشفة أيضا وهو : هل استعمال بعض الرموز في العنوان مثلا هذا الخط | او النقطتان الرأسيتان : أو الأقواس ( ) او غيرها من الرموز وعلامات الترقيم يضر بالأرشفة .

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

      حذف

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

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