كيفية عرض روابط التنقل في شريط التنقل في WordPress

نشرت: 2020-08-07

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

ما هو Breadcrumb Navigation؟

  • التنقل في مسار التنقل هو مسار من الروابط يمثل قائمة تنقل هرمية. إنه بمثابة نظام تنقل ثانوي يمنح المستخدمين معلومات حول موضع الصفحة داخل التسلسل الهرمي لموقعك .

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

كيفية إضافة وعرض روابط التنقل في مسار التنقل في WordPress

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

Breadcrumb NavXT Plugin

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

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

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

إظهار Breadcrumb NavXT على موقع الويب الخاص بك

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

يوست سيو البرنامج المساعد

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

SEO.
هناك المزيد من Yoast SEO

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

  • <؟ php
  • إذا (function_exists ('yoast_breadcrumb')) {
  • yoast_breadcrumb ('<p id = ”breadcrumbs”>'، '</p>')؛
  • }
  • ؟>
رمز ، ضروري أحيانًا لعرض روابط التنقل في مسار التنقل في WordPress.
يكون الرمز ضروريًا في بعض الأحيان لعرض روابط التنقل في مسار التنقل في WordPress

كيفية عرض روابط التنقل في مسار التنقل باستخدام YOAST SEO

اعتمادًا على الموضوع والتحديثات ، هناك فرصة لتجاوز الكود. في هذه الحالة ، يجب عليك الاتصال بمطور المظهر الخاص بك. بمجرد وضع المقتطف ، انتقل إلى SEO واختر Search Appearanc e وانقر فوق Breadcrumbs. في إعدادات فتات الخبز ، قم بتمكين فتات الخبز. عند معاينة موقعك ، يجب أن تكون قادرًا على رؤية أماكن فتات الخبز على الأجزاء المطلوبة من موقع الويب الخاص بك.

مسار التنقل المرن

Flexy Breadcrumd هو أحد المكونات الإضافية التي يمكنك استخدامها لإضافة فتات الخبز في WordPress. بمجرد تثبيت وتنشيط المكون الإضافي ، ستتمكن من إضافة فتات الخبز باستخدام الرمز القصير [flexy_breadcrumb]. إذا لم تكن معتادًا على الرموز القصيرة في WordPress ، فهناك الكثير من المواد التي ستساعدك على فهم الرمز القصير بشكل أفضل.

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

فتات الخبز WooCommerce

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

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

ابدأ العمل على تحسين موقع الويب الخاص بك UX اليوم

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