كيفية إضافة فتات الخبز إلى WordPress لمساعدة المستخدمين على التنقل في موقع الويب الخاص بك بشكل أفضل

نشرت: 2019-11-20

إذا كنت تدير موقعًا غنيًا بالمحتوى ، أو إذا كنت تتساءل كيف ستساعدك هذه المقالة على تعلم كيفية إضافة فتات الخبز إلى WordPress.

في الحكاية الخيالية الألمانية ، " هانسيل وجريتل " الأخ الصغير والأخت - سمعا خطة والدتهما الشريرة لإلقاءهما في الغابة لتدبير أمورها بنفسهما - أخذوا شريحة من الخبز وتركوا أثراً من فتات الخبز اتبع العودة إلى المنزل بمجرد أن تخلى عنها آباؤهم.

في النشر الحديث ؛ على الويب أو البرامج أو المستندات ، تُستخدم مسارات التنقل بالمثل لمساعدة القارئ في العثور على طريق العودة إلى المنزل. أو على الأقل أن تكون قادرًا على تتبع خطواتهم بناءً على مكان وجودهم.

مسارات التنقل هي عناصر تنقل ثانوية على موقع ويب تُظهر موقع الزائر.

أنت تقرأ هذا المقال ، لأنك تعرف ما هو عليه ، ولكن إذا كنت تتساءل عما يبدو أنه يمكنك التوجه إلى موقع eBay ورؤية مواقعهم.

المشتري الذي يشاهد قاعدة شحن Qi Wireless Fast Charging Pad Stand لهاتف Galaxy S9 + iPhone X XS Max ، يعرف بسهولة مكانهم وكيفية الحصول على الفئات المختلفة التي يتم إدراج منتجاتهم تحتها.

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

موقع ئي باي

لماذا تضيف فتات الخبز إلى موقع WordPress؟

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

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

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

لا تساعد مسارات التنقل المستخدمين على التنقل في موقع الويب فحسب ، بل تساعد أيضًا محركات البحث في التنقل في الموقع.

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

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

كيفية إضافة فتات الخبز إلى موقع WordPress؟

تحتوي معظم سمات WordPress الحديثة وجميع سمات التجارة الإلكترونية تقريبًا على ميزات فتات التنقل حسب التصميم.

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

تفعيل مسارات التنقل من خلال تعديل السمة

إذا كان قالبك لا يدعم فتات الخبز أصلاً ، فيمكنك إضافتها بسهولة باستخدام ملحقات فتات الخبز. يمكنك أيضًا استخدام معظم إضافات SEO WordPress مثل Yoast لإضافة فتات الخبز إلى موقعك.

في هذه المقالة ، سنضيف فتات الخبز إلى WordPress مع إضافة WordPress مجانية - Breadcrumb NavXT

الخطوة 1: تثبيت البرنامج المساعد Breadcrumb NavXT WordPress.

مسار التنقل يقوم NavXT بإنشاء فتات تنقل بناءً على موقع المستخدم. يمكن بعد ذلك تخصيص المسارات حسب رغبتك.

انطلق وقم بتثبيت Breadcrumb NavXT.

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

أدخل المكون الإضافي الذي تريد تثبيته - Breadcrumb NavXT - في مربع البحث.

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

قم بتثبيت Breadcrumb NavXT

الخطوة 2: عرض Breadcrumb NavXT Breadcrumbs على موقع WordPress.

يمكنك عرض فتات الخبز بطريقتين.

1. استخدام القطعة التي يوفرها Breadcrumb NavXT

اذهب إلى القائمة الرئيسية ؛ المظهر> الحاجيات.

ابحث عن Breadcrumb NavXT ثم اسحبه إلى الشريط الجانبي الذي تريده.

عرض عنصر واجهة مستخدم مسار التنقل NavXT

الآن ، انتقل إلى أي منشور أو صفحة يظهر فيها الشريط الجانبي ، وسترى فتات التنقل الخاصة بك.

انظر فتات الخبز في القطعة

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

2. تعديل الموضوع الخاص بك

الملفات التي قد تحتاج إلى تعديلها هي ؛ home.php و single.php و page.php. يمكنك أيضًا تعديل التصنيفات وأي ملف آخر ، طالما أنك بحاجة إلى فتات الخبز هناك.

ولكن ، قبل القيام بأي شيء ، قم بعمل نسخة احتياطية من موقع الويب الخاص بك. سيوفر لك المكون الإضافي WPVivid للنسخ الاحتياطي الوقت والصداع إذا أدت الأمور إلى نتائج عكسية.

بعد ذلك ، أوصي بإجراء أي تغييرات على سمة فرعية. لدينا مقال يوضح لك بالضبط كيفية إنشاء سمة فرعية لموقع الويب الخاص بك على WordPress.

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

 <div class = "breadcrumbs" typeof = "BreadcrumbList" vocab = "https://schema.org/">

<؟ php if (function_exists ('bcn_display)) {bcn_display ()؛ }؟>

</div>

إذا كنت تريد عرضه في مقال ، فإن ملف single.php هو ما تقوم بتعديله. الصق الكود في علامة المقالة.

عرض فتات التنقل عن طريق تعديل ملف موضوع واحد

احفظ التغييرات ثم انتقل إلى مقالاتك.

يجب أن تكون فتات الخبز في المنطقة التي وضعت فيها الشفرة.

يمكنك أن ترى في حالتي لدي فتات الخبز أعلى المقالة.

عرض فتات الخبز في المقالة

إذا لم يتم عرض فتات الخبز بشكل صحيح ، فستحتاج إلى تصميمها باستخدام بعض CSS.

يستخدم Breadcrumb NavXT فئة .breadcrumbs css (قد يعتمد هذا أيضًا على السمة الخاصة بك). يمكنك تعديل كود CSS لموقعك ، أو استخدام مُخصص WordPress لتصميم فتات التنقل الخاصة بك.

 .breadcrumbs {

اللون: # 000 ؛

الهامش السفلي: 20 بكسل ؛

}

الخطوة 3: تخصيص فتات تنقل Breadcrumb NavXT.

إذا كنت بحاجة إلى إجراء تعديلات على فتات التنقل الخاصة بك ، فيمكنك القيام بذلك في لوحة معلومات WordPress الخاصة بك.

انتقل إلى صفحة إعدادات Breadcrumb NavXT. يمكنك العثور عليه ضمن قائمة WordPress العامة - الإعدادات > Breadcrumb NavXT - القائمة.

تخصيص مسارات التنقل NavXT

هذا كل شيء ، آمل أن تكون قد أضفت فتات الخبز بنجاح إلى موقع WordPress الخاص بك.

لا تفقد زوار موقعك في غابة موقع الويب الخاص بك. أضف فتات الخبز إلى موقع الويب الخاص بك.

بعد ذلك ، قد ترغب أيضًا في معرفة كيفية إضافة بحث Google المخصص إلى WordPress لتحسين التنقل في الموقع.