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

jeudi 17 mai 2018 mai 17, 2018

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

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

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

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

ما هو شكل فتات الخبز

فتات الخبز يكون له شكل فى مدونتك مثل التى فى مدونتى حاليا أعلى عنوان الموضوع مثل الصورة التاليه.

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

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

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

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

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

التركيب سهل جدا سوف تبحث عن هذا الوسم]]></b:skin>وتقوم بوضع الكود التالى فوقه، هذا كود أستايل بسيط للإضافة.

.swtBreadCrumbs {
  padding: 10px;
  color: #444;
  background-color: #fff;
  margin-bottom: 10px;
}
.swtBreadCrumbs a {
  color: #444;
}

الأن أبحث عن هذا الوسم<b:includable id='post' var='post'>وقم بوضع الكود التالى أسفله

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'>
<div class='swtBreadCrumbs'>
<a expr:href='data:blog.homepageUrl' itemprop='url' title='الصفحة الرئيسية'>
<span itemprop='title'> الرئيسية </span></a><i class='fa fa-angle-left'/> 
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<span typeof='v:breadcrumb'>
<a expr:href='data:label.url' itemprop='url' property='v:title' rel='v:url' title='القسم'>
<span itemprop='title'><data:label.name/></span>
</a>
</span>
<b:if cond='data:label.isLast != &quot;true&quot;'> <i class='fa fa-angle-left'/> 
</b:if>
</b:loop>
</b:if>
<i class='fa fa-angle-left'/> 
<a expr:href='data:post.url' itemprop='url' title='عنوان الموضوع'>
<span itemprop='title'>
<data:post.title/>
</span>
</a>
</div>
</div>
</b:if>

الأن بعد وضع الأكواد قم بحفظ القالب ومبروك عليك الإضافة الجديد.

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

mai 17, 2018

mai 17, 2018