اضافة فتات الخبز Breadcrumb لمدونات بلوجر #2

jeudi 17 mai 2018 mai 17, 2018

شارك الموضوع

اضافة فتات الخبز Breadcrumb لمدونات بلوجر #2

فتات الخبز إضافة هامه جدا للمواقع فى السيو وتحسين الموقع لمحركات البحث ، واليوم فى هذا الموضوع سوف أقدم لكم إضافة فتات الخبز Breadcrumb لمدونات بلوجر كما أستخدمها فى مدونتى حاليا.

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

اضافة فتات الخبز Breadcrumb لمدونات بلوجر #2

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

معاينة الإضافة

معاينة

ما هو سبب هذا الأسم فتات الخبز

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

إقرأ ايضا : كيفية تمكين الإصدار الجديد من Gmail

شكل فتات الخبز فى محرك البحث

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

اضافة فتات الخبز Breadcrumb لمدونات بلوجر #2

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

بعد وضع الكود سوف يتم تحديث المواضيع القديمه فى البحث بعد فتره قليلة ولكن المواضيع الجديده التى يتم أرشفتها سوف تظهر بدون مشكلة بالكود الجديد.

يمكنك فى اداة اختبار البيانات المنظمة معرفة اذا كان الكود تم فعيله على مدونتك أم لا ، الكود هذا يختلف عن الموضوع السابق لان فى هذا الكود يمكنك معرفة اذا يعمل ام لا من خلال اداة اختبار البيانات المنظمة ، وسوف تظهر معك كما فى هذه الصورة.

إقرأ ايضا : طريق تثبيت تعليقات Disqus فى قائمة جانبية فى بلوجر

هذا كل شئ فى موضوع اليوم بالتوفيق للجميع وأنتظرونا بكل جديد بأذن الله على المدونة ، لا تنس مشاركة الموضوع حتى يتسفيد غيرك وأى مشكلة تجدها تضعها فى تعليق .