إليك برنامج تعليمي حول كيفية إضافة فتات الخبز إلى سمة WordPress الخاصة بك
نشرت: 2022-10-16فتات الخبز هي عنصر أساسي في أي تصميم جيد لموقع الويب. أنها توفر دربًا للزوار لمتابعة ، حتى يتمكنوا من العثور بسهولة على طريق العودة إلى الصفحة الرئيسية أو صفحة الفئة الرئيسية. تعد إضافة فتات الخبز إلى سمة WordPress الخاصة بك طريقة رائعة لتحسين إمكانية استخدام موقعك. لن يساعد ذلك زوار موقعك فحسب ، بل يمكنه أيضًا مساعدة محركات البحث على فهرسة صفحاتك بشكل أكثر فعالية. هناك عدة طرق مختلفة لإضافة مسارات التنقل إلى WordPress. يمكنك استخدام مكون إضافي ، أو يمكنك تعديل ملفات السمات الخاصة بك مباشرة. إذا كنت تستخدم مكونًا إضافيًا ، فهناك بعض الأشياء التي يجب وضعها في الاعتبار. أولاً ، تحتاج إلى التأكد من أن المكون الإضافي متوافق مع إصدار WordPress الخاص بك. ثانيًا ، عليك أن تقرر ما إذا كنت تريد أن تكون فتات الخبز مرئية في كل صفحة ، أو على صفحات معينة فقط. إذا كنت ستقوم بتعديل ملفات السمات الخاصة بك ، فستحتاج إلى معرفة القليل من التعليمات البرمجية. لحسن الحظ ، هناك الكثير من البرامج التعليمية المتاحة عبر الإنترنت والتي يمكن أن تساعدك. بمجرد إضافة فتات الخبز إلى موقع WordPress الخاص بك ، يمكنك البدء في تجربة الموضع والتصميم. جرب مواضع مختلفة على الصفحة ، وشاهد ما يبدو أفضل. يمكنك أيضًا تغيير الألوان والخطوط لتتناسب مع التصميم العام لموقعك. بقليل من الجهد ، يمكنك بسهولة إضافة فتات الخبز إلى موقع WordPress الخاص بك وتحسين قابلية استخدام موقعك لكل من الزوار ومحركات البحث.
يمكن أن يؤدي استخدام مسارات التنقل على موقع WordPress الخاص بك إلى تحسين تجربة المستخدم وزيادة تحسين محرك البحث لموقعك وتقليل معدل ارتداد موقع الويب. فتات الخبز هي نوع من التمثيل المرئي لهيكل صفحات الموقع ، وتساعد محركات البحث والزوار في اكتساب فهم أفضل لهيكلها. إن موقع التجارة الإلكترونية الذي يوفر لعملائه طريقة بسيطة للعثور على منتجات مماثلة سيحسن معدل التحويل وتجربة المستخدم. تستخدم محركات البحث مسارات التنقل لفهم بنية صفحة الويب وفهرستها بدقة أكبر. يمكن أن تساعد فتات الخبز المستخدمين على التنقل في بقية الموقع إذا لم يجدوا ما يبحثون عنه في محرك البحث. يمكن إضافة رابط التنقل بفتات الخبز في WordPress يدويًا أو تلقائيًا ، اعتمادًا على كيفية استخدامك للموضوع أو المكون الإضافي. يمكنك إضافة فتات الخبز إلى موقعك إذا لم يكن القالب الخاص بك يحتوي على وظائف مضمنة باستخدام مكون إضافي.
يمتلئ دليل WordPress بالعديد من الخيارات. يمكن إضافة فتات الخبز إلى موقع الويب الخاص بك باستخدام أفضل ملحقات WordPress. يأتي المكون الإضافي المجاني Yoast SEO بميزات محدودة ، والإصدار المتميز يكلف 89 دولارًا سنويًا أو أكثر. تعد Breadcrumbs إضافة مفيدة لصفحات المنتج الخاصة بك على المكون الإضافي WooCommerce Breadcrumbs. تعد إضافة مقتطفات التعليمات البرمجية إلى ملفات قوالب السمة و Breadcrumb NavXT إليها طريقة أخرى لإضافة روابط التنقل لمسار التنقل. يمكن للمستخدمين أيضًا استخدام المكون الإضافي لتحسين مواقع الويب الخاصة بهم عن طريق إضافة ميزات إضافية. يمكنك الاختيار من بين ثلاثة أنواع من التراخيص المتميزة: المبتدئ بسعر 9 دولارات ، والمطور بسعر 29 دولارًا ، والعمل بسعر 49 دولارًا في السنة.
فتات الخبز ديناميكية وتستخدم وظائف JavaScript متنوعة ، مثل jQuery prepend () ، clone () والنقر () ، لتحقيق ذلك. عند النقر فوق أي رابط تنقل في الجزء السفلي div ، سترى رابط "GeeksforGeeks /" ملحقًا بالعقد الفرعية.
كيف يمكنني تمكين فتات الخبز في WordPress؟

يمكن تحقيق ذلك من خلال الانتقال إلى لوحة تحكم WordPress ، واختيار SEO ، ثم النقر فوق Breadcrumbs في قائمة Search Appearance. يجب تمكين فتات الخبز في إعدادات فتات الخبز من خلال النقر على الخيار "ممكّن". إذا كنت لا ترغب في تكوين إعدادات مسار التنقل بهذه الطريقة ، يمكنك القيام بذلك في الخطوة التالية.
كيف أضيف فتات الخبز إلى موقع الويب الخاص بي؟
يمكن أن تساعد إضافة مسارات التنقل إلى موقع الويب الخاص بك في تحسين تجربة المستخدم والتنقل ، بالإضافة إلى مساعدة محركات البحث على فهرسة صفحاتك بشكل أكثر دقة. هناك عدة طرق مختلفة لإضافة فتات الخبز إلى موقع الويب الخاص بك. تتمثل إحدى الطرق في استخدام مكون إضافي أو ملحق لنظام إدارة المحتوى الخاص بك (CMS). هناك طريقة أخرى تتمثل في إضافة رمز مسار التنقل يدويًا إلى ملفات قالب موقع الويب الخاص بك. إذا لم تكن متأكدًا من كيفية إضافة مسارات التنقل إلى موقع الويب الخاص بك ، فيمكنك استشارة مطور ويب أو مصمم.
يمكن استخدام WordPress Breadcrumbs لتحسين تجربة المستخدم وتحسين محرك البحث على موقع الويب الخاص بك. باستخدام مكون إضافي أو رمز مخصص صغير ، يمكنك إعداد هذه الوظائف. كما أنها تعرض للمستخدمين فئات تقودهم إلى المحتوى الذي يشاهدونه حاليًا ، بالإضافة إلى التنقل البسيط للعودة إلى الصفحات التي تم عرضها مسبقًا. كيف يمكنني إضافة ميزة فتات الخبز إلى موقع ويب باستخدام WordPress؟ يمكن إنجاز هذه المهمة بإحدى الطرق الأربع. قد ترغب في التفكير في استخدام المكون الإضافي Yoast SEO لتحسين المحتوى الخاص بك إذا كنت تستخدمه بالفعل. يعد Breadcrumb NavXT مكونًا إضافيًا شائعًا يضيف عنصر واجهة مستخدم إلى أي منطقة عناصر واجهة مستخدم يوفرها قالبك.

بعد تثبيت وتفعيل Flexy Breadcrumb ، يمكنك استخدام الرمز المختصر [flexy_breadcrumb] لإضافة فتات الخبز إلى موقع الويب الخاص بك. ستحصل أيضًا على مزيد من التحكم في حجم الخط ولونه ورمزه ، من بين أشياء أخرى. إذا كنت تدير متجرًا عبر الإنترنت باستخدام المكون الإضافي WooCommerce Breadcrumbs ، فقد تتمكن من استخدامه هنا. يسمح لك المكوّن الإضافي للرموز المختصرة Breadcrumb بإضافة فتات تنقل إلى أي صفحة من صفحات موقعك على الويب بدون تشفير. يوفر Breadcrumb أيضًا مقتطفًا من التعليمات البرمجية يمكن إضافته إلى أحد ملفات القالب لإدراج مساراتك في رأس الصفحة أو تذييلها أو في أي مكان آخر على صفحتك. إذا كنت تبدأ موقع ويب WordPress جديدًا أو تقوم بإجراء تغييرات على أحدها ، فمن السهل دمج فتات الخبز فيه مع موضوع يتضمن فتات الخبز. يمكن استخدام المعلمات التالية لتخصيص مسارات التنقل الخاصة بك.
أضف أيًا من هذه المعلمات أو جميعها إلى الرمز القصير الخاص بك عن طريق النقر فوق أقواس الرمز القصير. قد لا تكون هذه الأدوات مناسبة لموقعك على الويب ، لذا قد ترغب في تعديلها للحفاظ على التناسق. لاستخدامها ، يجب عليك أولاً إنشاء ملف function.php في ملف jobs.php الخاص بك. لا يمكن تصميم هذه الملفات لتتناسب مع تصميم موقعك. باستخدام CSS ، يمكنك تصميم فتات الخبز على موقع WordPress. قد يستغرق الأمر بعض التجارب للحصول على CSS بالطريقة التي تريدها بالضبط ، نظرًا لوجود العديد من الخيارات باستخدام CSS. إذا كنت تستخدم قالبًا مرمزًا بشكل مخصص ، فيمكنك بسهولة إزالة الرمز من ملفاته.
لا يمكن إزالة مسارات التنقل عن طريق حذف هذا السطر من التعليمات البرمجية من موقعك. إذا لم تتمكن من تحديد موقع الرمز الصحيح ، فيمكنك المحاولة مرة أخرى في ملفي single.php و page.php. قم بإجراء أي تغييرات ضرورية على قالب WordPress الخاص بك باستخدام التحديث. نتيجة لذلك ، توصي أفضل الممارسات باستخدام سمة فرعية.
كيف أضيف فتات الخبز إلى موقع الويب الخاص بي؟
تتمثل الخطوة الأولى في وضع aria-label = ”breadcrumb” في عنصر التنقل . تؤدي إضافة class = breadcrumb-item إلى عناصر القائمة إلى class = breadcrumb-item. الفئة = شريط التنقّل-العنصر النشط في عنصر القائمة الحالي مطلوب في الخطوة 3.
هل فتات الخبز تؤثر على سيو؟
يمكنك تصنيف موقع الويب الخاص بك والتنقل فيه بشكل أكثر فاعلية باستخدام مسارات التنقل ، وستساعدك Google في هذه العملية. فتات الخبز مشكلة مهمة لتحسين محركات البحث.
ما هو مسار التنقل على موقع الويب؟
يمكن أن تكون فتات الخبز مفيدة كمساعدات تنقل ثانوية بالإضافة إلى توجيه المستخدمين إلى صفحة (مثل صفحة منتج أو فئة) تشرح سياق موقعهم.
كيفية إضافة فتات الخبز في Html

تعد إضافة مسارات التنقل إلى HTML طريقة رائعة لتحسين إمكانية استخدام موقع الويب الخاص بك. توفر فتات الخبز مجموعة من الروابط ليتبعها الزوار ، مما يتيح لهم الرجوع بسهولة إلى الصفحات السابقة على موقعك. لإضافة مسارات تنقل إلى HTML ، ستحتاج إلى استخدام العلامات و. تشير العلامة إلى قائمة غير مرتبة ، بينما تُستخدم العلامات لسرد كل رابط مسار تنقل. فيما يلي مثال على كيفية إضافة فتات الخبز إلى HTML الخاص بك: الصفحة الرئيسية من نحن اتصل بنا في هذا المثال ، ستظهر فتات التنقل على النحو التالي: الصفحة الرئيسية> معلومات عنا> اتصل بنا يمكنك تخصيص مظهر فتات التنقل الخاصة بك عن طريق إضافة CSS إلى HTML الخاص بك. على سبيل المثال ، يمكنك تغيير لون الخلفية أو حجم الخط أو الهوامش. من خلال توفير سلسلة من الروابط ليتبعها الزوار ، يمكن أن تساعدهم مسارات التنقل بسهولة في الرجوع إلى الصفحات السابقة على موقعك.
يستخرج "بحث Google" المعلومات من صفحة ويب ويصنفها باستخدام تقنية ترميز تُعرف باسم "be markup". يحدد تنسيق البيانات المنظمة كيفية تنظيم البيانات وكيفية تصنيفها لصفحة معينة. نظرة عامة سريعة على الخطوات المتبعة في إنشاء البيانات المنظمة واختبارها وإصدارها. بدلاً من استخدام بنية عنوان URL ، نوصي باستخدام مسارات التنقل التي تمثل مسار المستخدم إلى الصفحة. قد لا تكون بعض أجزاء مسار URL واضحة للزوار ، مما يجعل من الصعب فهم كيفية عرض صفحتك على موقع الويب الخاص بك. إليك بعض الموارد لمساعدتك إذا كنت تواجه صعوبة في تصحيح أخطاء البيانات المنظمة أو تنفيذها.