لماذا وكيف تضيف فتات الخبز Elementor لتحسين التنقل في موقع الويب الخاص بك

فتات الخبز هي مؤشر مسار موقع الويب الخاص بك الموجود في الغالب في الجزء العلوي من موقع الويب الخاص بك. كما أنه يعرض رحلة المستخدم لموقعك ويضمن تنقلًا أفضل للموقع مع إمكانية زحف أفضل.

تعمل مسارات التنقل كميزة تنقل لموقع الويب الخاص بك ويمكن أن يكون لها تأثير كبير على مُحسّنات محرّكات البحث لموقعك على الويب.

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

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

إذا كان لديك موقع ويب مدعوم من Elementor وتبحث عن حل نهائي لإضافة فتات الخبز ، فأنت في المكان الصحيح.

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

قبل أن تذهب دعنا نتحدث عن أهمية وجود فتات الخبز على موقعك.

لماذا تفكر في إضافة فتات الخبز إلى موقع ويب Elementor الخاص بك

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

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

في الواقع ، تهتم معظم محركات البحث بشكل إضافي بتلك الأنواع من المواقع التي تحتوي على فتات تنقل.

هناك ثلاثة أنواع من فتات الخبز ،

• فتات الخبز المستندة إلى التسلسل الهرمي: يُظهر هذا المستخدم مكان تواجدهم في الموقع. على سبيل المثال: الصفحة الرئيسية> مدونة> دليل WordPress

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

• فتات الخبز المستندة إلى التاريخ: اعرض للمستخدمين الصفحات الأخرى التي قاموا بزيارتها على الموقع. على سبيل المثال: الصفحة الرئيسية> مقالة العنصر 1> مقالة العنصر 2> الصفحة الحالية .

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

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

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

طريقتان لإضافة فتات الخبز Elementor إلى موقع الويب الخاص بك

في الجزء التالي من مدونتنا ، ستتعلم كيفية إضافة فتات الخبز إلى موقع الويب الخاص بك بطريقتين بسيطتين.

1. كيفية استخدام عنصر واجهة مستخدم فتات الخبز لـ Yoast SEO

2. طرق بديلة لإضافة فتات تنقل عنصر أو (لمكونات تحسين محركات البحث الأخرى)

كيفية استخدام عنصر واجهة مستخدم فتات الخبز لـ Yoast SEO

يجب أن يكون لديك المكونات الإضافية التالية على موقع الويب الخاص بك قبل أن نبدأ:

• Elementor (مجاني)
• Elementor (Pro)
• يوست سيو

تأكد من تثبيت وتفعيل إصدار Elementor Free & Premium .

إذا كنت جديدًا على Elementor ، فراجع هذا الدليل وتعرف على كيفية استخدام Elementor (دليل خطوة بخطوة للمبتدئين).

هيا بنا نبدأ:

الخطوة 1: تثبيت البرنامج المساعد Yoast SEO وإعداده

أولاً ، تحتاج إلى تثبيت المكون الإضافي Yoast SEO على موقعك لأن أداة فتات التنقل لا تعمل إلا عند تثبيت المكون الإضافي.

انتقل إلى البرنامج المساعد -> إضافة جديد. ثم اكتب Yoast SEO في شريط البحث. بعد العثور على المكون الإضافي ، انقر فوق زر التثبيت . أخيرًا ، انقر فوق الزر النشط لإنهاء عملية تنشيط المكون الإضافي.

الآن ، سنقوم بتمكين خيار فتات التنقل. للقيام بذلك ، تحتاج إلى زيارة SEO–> Seach Appearance . ثم انقر فوق علامة التبويب فتات الخبز . هنا ، ستحصل على جميع الخيارات اللازمة لتعيين فتات الخبز الخاصة بك.

ملاحظة: بشكل افتراضي ، يحدد المكون الإضافي SEO الإعداد الذي يعمل بشكل مثالي.

الخطوة 2: إنشاء قالب العنصر

حان الوقت لإنشاء قالب صفحة لإضافة فتات الخبز. للقيام بذلك ، يجب أن تذهب إلى Template-> Theme Builder . ثم افتح علامة التبويب Single Page وانقر فوق الزر Add New Single Page .

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

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

الخطوة 3: أضف العنصر أداة فتات الخبز

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

الخطوة 4: تخصيص ملف فتات الخبز

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

• تقصير
• ص
• شعبة
• التنقل
• امتداد

يمكنك أيضًا تصميم فتات الخبز باستخدام خيار النمط . في منطقة النمط ، يمكنك تغيير أسلوب الطباعة ولون النص ولون الارتباط بطريقتك . ترى أننا قمنا بتغيير النص ولون الارتباط.

إذا كنت تريد تغيير لون التمرير ، يمكنك اتباع الصورة أدناه.

طرق بديلة لإضافة فتات الخبز (لمكونات تحسين محركات البحث الأخرى)

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

نسخة مجانية من Elementor

يمكنك إضافة فتات الخبز إلى موقعك إذا لم يكن لديك ترخيص Elemntor pro. اتبع الخطوة أدناه للقيام بهذه العملية.

• قم بإنشاء قسم حيث تريد عرض مسار التنقل
• إضافة عنصر واجهة مستخدم الرمز القصير إلى القسم
• الصق الرمز القصير التالي Yoast SEO Breadcrumb

 [wpseo_breadcrumb]

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

رتبة الرياضيات SEO

يمكنك أيضًا استخدام المكون الإضافي Rank Math SEO لعرض فتات التنقل. إذا كنت من مستخدمي Rank Math pro ، فيمكنك بسهولة إضافة فتات التنقل باستخدام الأداة.

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

العملية مشابهة لتلك المذكورة أعلاه. ولكن عليك التأكد من استخدام الرمز المختصر الصحيح الذي يقدمه البرنامج المساعد Rank Math. هنا هو رمز مسار التنقل القصير لـ Rank Math.

 [rank_math_breadcrumb]

هذا هو.

الأسئلة الشائعة حول فتات الخبز Elementor

دعنا نتحقق من الأسئلة الشائعة أدناه بخصوص فتات تنقل Elementor.

المكافأة: استخدم أداة فتات الخبز الخاصة بملحقات Happy Addons لإضافة فتات الخبز المذهلة على موقع ويب Elementor الخاص بك!

إذا كنت تريد المزيد من الخيارات المتقدمة لإضافة فتات الخبز اللامعة والجذابة والقابلة للتخصيص إلى موقع ويب Elementor الخاص بك ، فعليك تجربة أداة Happy Addons Breadcrumbs Widget. تتيح لك هذه الأداة الرائعة إضافة فتات تنقل ديناميكية إلى موقعك بطريقة فنية أكثر. كما يأتي مع بعض التصميمات الجميلة لفتات الخبز الجاهزة.

دلائل الميزات.

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

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

تحقق من الوثائق الخاصة بـ Happy Addons Breadcrumbs وتعلم كيفية استخدامها.

تحسين تجربة المستخدم لموقع الويب الخاص بك مع فتات الخبز

تمنحك إضافة فتات الخبز ميزة تحسين محركات البحث (SEO) على موقع ويب Elementor الخاص بك.

في هذا الدليل ، قمنا بتغطية جميع الطرق الممكنة لإضافة عنصر الويب هذا. لقد ناقشنا أهميتها. أيضًا ، نقدم مقدمة قصيرة لعنصر واجهة مستخدم Breadcrumbs الخاص بـ Happy Addons.

إذا كانت هناك أي أسئلة عالقة في ذهنك بخصوص هذه المدونة ، فيمكنك التعليق علينا.

لا تنس الاشتراك في النشرة الإخبارية للحصول على المزيد من النصائح والحيل الرائعة حول Elementor و Happy Addons.