إضافة مسار التنقل Breadcrumb وتصحيح خطأ أدوات مشرفي المواقع

إضافة مسار التنقل Breadcrumb وتصحيح خطأ أدوات مشرفي المواقع

ابراهيم زكاغ

2/02/2020

مسار التنقل Breadcrumb هي أداة تسمح للزائر بمعرفة المكان الذي يقوم بالتصفح فيه. حيث يتم إظهار هذه العناصر:

1. الصفحة الرئيسية.
2. قسم الموضوع أو المشاركة.
3. ثم عنوان الصفحة.

هذا مثال لمسار التنقل في مدونة فولفولي:

هذا المسار يظهر فوق موضوع كورس للمبتدئين لتعلم مايكروسوفت إكسل Microsoft Excel كاملا والتي تم تنشرها في قسم برامج الكمبيوتر.

ما أهمية مسار التنقل؟

أهمية مسار التنقل تكمن في مساعدة الزائر لمعرفة مكان التصفح وكذلك زيادة عدد الزيارات بالنقر على القسم وتسهيل الوصول للصفحة الرئيسية.

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

طريقة إضافة مسار التنقل لمدونات بلوجر

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

للقيام بإضافته لأول مرة، اتبع الخطوات التالية:

1. قم بالنقر على المظهر.

2. بعد ذلك هناك ثلاث نقط في الأعلى إلى اليسار، انقر عليها لإظهار قائمة ثم تعديل HTML.

3. قم بالنقر في مكان وسط كود القالب ثم Ctrl+F من لوحة المفاتيح لفتح نافذة البحث.

4. ابحث عن الكود التالي:

<b:includable id='comment-form' var='post'>

5. بعد ايجاده، أضف فوقه الكود التالي:

<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.pageType == "item"'>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<div class='breadcrumbs' itemscope='itemscope' itemtype='https://schema.org/BreadcrumbList'>
<span itemprop='itemListElement' itemscope='itemscope' itemtype='https://schema.org/ListItem'>
<a class='homebread' expr:href='data:blog.homepageUrl' itemprop='item' title='Home'>
<span itemprop='name'>الرئيسية</span></a>
<meta content='1' itemprop='position'/>
</span>
&#8250;
<b:loop index='num' values='data:post.labels' var='label'>
<span itemprop='itemListElement' itemscope='itemscope' itemtype='https://schema.org/ListItem'>
<a expr:href='data:label.url + "?&amp;max-results=16"' expr:title='data:label.name' itemprop='item'>
<span itemprop='name'>
<data:label.name/>
</span>
</a>
<meta expr:content='data:num+2' itemprop='position'/>
</span>
<b:if cond='data:label.isLast != "true"'>
&#8250;
</b:if>
</b:loop>
&#8250;
<span>
<data:post.title/>
</span>
</div>
</b:if>
</b:loop>
</b:if>
</b:includable>

6. قم مرة أخرى بالبحث عن الكود التالي:

<b:includable id='main' var='top'>

7. وتحته أضف الكود التالي:

<b:include data='posts' name='breadcrumb'/>

8. قم بحفظ التغييرات.

تصحيح الخطأ في أدوات مشرفي المواقع

كما قلت أعلاه، إذا كان مسار التنقل موجود مسبقا في مدونتك، وتوصلت بتنبيه من جوجل حول وجود خطأ فسببه استعمال data-vocabulary.org schema والتي لم تعد جوجل تقوم بدعمها وأصبحت توصي باستعمال schema.org  بدلا منها في تدوينة رسمية.

فشخصيا توصلت بهذه الرسالة من جوجل:

تحذير في أدوات مشرفي المواقع

إلى مالك https://www.folfoly.com/:

رصدت Search Console تأثّر موقعك الإلكتروني بسبب 1 من مشاكل مسارات التنقل:

أهمّ التحذيرات

التحذيرات عبارة عن اقتراحات تهدف إلى التحسين. يمكن لبعض التحذيرات أن تؤثر على ظهور موقعك الإلكتروني على خدمة "بحث Google"، وقد تتحوَّل بعض التحذيرات إلى أخطاء في المستقبل. تم رصد التحذيرات التالية على موقعك الإلكتروني:

data-vocabulary.org schema deprecated

ننصح بحلّ هذه المشاكل متى أمكن ذلك لتوفير أفضل تجربة وتغطية في "بحث Google".

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

1. قم بالنقر على مسار التنقل.
2. قم بالنقر على فيها خطأ أو صالحة ولكنها تتضمن تحذيرا.
3. في الأسفل توجد خانة خاصة بالتفاصيل، انقر عليها.
4. ثم اختر التحقق من الإصلاحات، وستقوم جوجل من عملية التحقق وإصلاح المشكل.

التأكد من حل المشكل

لتتأكد تماما من أن المشكل لم يعد موجودا، قم ب:

1. فتح أداة اختبار البيانات المنظمة Structured Data Testing Tool.
2. أدخل رابط لموضوع من مدونتك.
3. انقر على اجراء الإختبار.

بعد ظهور النتيجة، يجب ألا يكون هناك اي خطأ في خانة BreadcrumbList.

سيو

ابراهيم زكاغ 2/02/2020