فتات الخبز Breadcrumb اضافة جديدة بلوجر - كوليكا ويب | هدفنا تطوير الويب العربي

صفحات المدونة

    Social Items

كوليكا ويب | هدفنا تطوير الويب العربي

و تقديم كل ماهو جديد و كل ما يخص بلوجر.

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


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

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

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

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

اضافة فتات الخبز Breadcrumb بلوجر

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


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

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



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

فتات الخبز Breadcrumb اضافة جديدة بلوجر

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


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

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

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

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

اضافة فتات الخبز Breadcrumb بلوجر

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