ستساعدك المقالة التالية: التنقل التفصيلي سهل المتابعة: أفضل الممارسات والأمثلة
من كان يعلم أن قصة الأطفال الكلاسيكية يمكن أن تساعد المستخدمين على التنقل عبر الصفحات الموجودة على موقع الويب؟ حصلت فتات الخبز الموجودة على أحد مواقع الويب على معناها من قصة كيفية استخدام هانسيل وجريتيل لفتات الخبز للعثور على طريق عودتهما إلى المنزل. وبعد عام، أصبح لدى جمهورك الآن حرية التنقل بين الصفحات وزيادة رضا المستخدم.
div { الارتفاع: تلقائي! مهم؛ } .fx-wistia .wistia_click_to_play img { الارتفاع: تلقائي؛ العرض: 100%! هام؛ ملاءمة الكائن: الغطاء؛ الموقف: ثابت! مهم؛ } @media(min-width : 800px) { .fx-wistia .wistia_click_to_play img { height: 100% !important; } } .fx-wistia .wistia_click_to_play>div>div { لون الخلفية: #207DE9 !important; } .fx-wistia .video-thumb { الموضع: نسبي؛ العرض: كتلة مضمنة؛ ظل الصندوق: 2px 2px 5px 2px rgba(0, 0, 0, .1); المؤشر: المؤشر؛ نصف قطر الحدود: 16 بكسل؛ إخفاء الفائض؛ ارتفاع الخط: 0; } .fx-wistia .video-thumb:before { الموضع: مطلق؛ أعلى: 50%؛ اليسار: 50%؛ العرض محجوب؛ العرض: 110 بكسل؛ الارتفاع: 82 بكسل؛ الهامش: -41px 0 0 -55px؛ المحتوى: “\25BA”; محاذاة النص: مركز؛ لون الخلفية: #207DE9؛ اللون: #ففف؛ حجم الخط: 30 بكسل؛ ارتفاع الخط: 82 بكسل؛ -webkit-font-تجانس: الحواف؛ -moz-osx-font-تجانس: تدرج الرمادي؛ مسافة بادئة للنص: 5 بكسل؛ العتامة: 0.8؛ } .fx-wistia .video-thumb:hover:before { العتامة: 1; } .fx-wistia .video-thumb img { الهامش السفلي: 0px ! مهم؛ } /* المحاذاة */ .fx-wistia-left .wistia_click_to_play { Margin-right: auto; } .fx-wistia-center .wistia_click_to_play { الهامش الأيسر: تلقائي؛ الهامش الأيمن: تلقائي؛ } .fx-wistia-right .wistia_click_to_play { هامش اليسار: تلقائي؛ } .fx-wistia_thumb img.wistia-no-thumb { border: 1px Solid #dfdfdf; } .fx-wistia_thumb:قبل { المحتوى: “”; الموقف: مطلق؛ أعلى: 50%؛ اليسار: 50%؛ الارتفاع: 50 بكسل؛ العرض: 50 بكسل؛ تحويل: ترجمة(-50%، -50%)؛ لون الخلفية: var(–blue-03); } .fx-wistia_thumb .wistia_embed { صورة الخلفية: url(‘/wp-content/themes/fx/assets/img/icons/icon-play.png’); تكرار الخلفية: عدم التكرار؛ موضع الخلفية: يسار؛ حجم الخلفية: الغلاف؛ محتوى: ” “؛ العرض محجوب؛ العرض: 95 بكسل؛ الارتفاع: 95 بكسل؛ الموقف: مطلق؛ أعلى: 50%؛ اليسار: 50%؛ تحويل: ترجمة(-50%، -50%)؛ مؤشر z: 2؛ } .fx-wistia_thumb .wistia_embed:before { box-shadow: 0 0 0 12px rgb(106 106 106 / 30%)); نصف قطر الحدود: 50%؛ محتوى: ”؛ الموقف: مطلق؛ العرض: 95 بكسل؛ الارتفاع: 95 بكسل؛ مؤشر z: 2؛ أعلى: 50%؛ اليسار: 50%؛ تحويل: ترجمة(-50%، -50%)؛ } .fx-wistia_thumb:hover .wistia_embed:before { box-shadow: 0 0 0 12px var(–blue-03); } .fx-wistia2 .fx-wistia_thumb { الموضع: نسبي؛ العرض محجوب؛ } .fx-wistia2 .fx-wistia_thumb img { width: 100%; العرض محجوب؛ الموقف: الأولي؛ الارتفاع: 100%؛ }]]>
قم بقيادة العملاء المخلصين والعملاء الموثوقين إلى موقع الويب الخاص بك بمساعدة فريق تصميم الويب لدينا. نحن نقدم العديد من خدمات التسويق الرقمي التي ستحول علامتك التجارية إلى كيان رائد في مجال عملك. اتصل بنا اليوم عن طريق الاتصال Wix أو ملء نموذج الاتصال عبر الإنترنت هذا.
ما هي فتات الخبز على موقع على شبكة الانترنت؟
التنقل التفصيلي هو مسار أو مسار رابط نصي يوضح المسار الذي سلكه المستخدمون للوصول إلى الصفحة الحالية. إنه بمثابة تنقل ثانوي يساعد المستخدمين على العودة إلى الصفحة السابقة دون النقر على زر الرجوع مما يؤدي إلى فقدان نتائجهم السابقة.
غالبًا ما يتم العثور على مسارات التنقل على مواقع التجارة الإلكترونية أو مواقع الويب التي تتضمن بنية هرمية. مع الهيكل الهرمي، يتم تقسيم الصفحات إلى مستويات أعلى وأدنى. يمكن أن يشمل ذلك الصفحة الرئيسية والفئات الفرعية والمجموعات الأصغر داخل الموقع. إنه يعمل بشكل رائع على المواقع التي تصنف محتواها، مما يجعل من السهل تجميعها معًا، و يمكن أن تؤثر على SEO الخاص بك.
هناك العديد من الفوائد لإضافة مسارات التنقل إلى تصميمات الويب الخاصة بك:
- يعزز تجربة المستخدمين
- يحسن كبار المسئولين الاقتصاديين
- يساعد Google في تحديد بنية موقعك
- يجعل صفحات الويب الخاصة بك سهلة للتنقل
- يقلل من معدلات الارتداد
الأنواع المختلفة من فتات الخبز
هناك ثلاثة أنواع مختلفة من مسارات التنقل التي يمكنك العثور عليها على موقع الويب:
- الموقع أو فتات الخبز المستندة إلى التسلسل الهرمي
- مسارات التنقل المستندة إلى المسار أو التاريخ
- فتات الخبز القائمة على السمات
- الموقع أو مسارات التنقل المستندة إلى التسلسل الهرمي
يُظهر مسار التنقل هذا للمستخدمين المستوى الذي وصلوا إليه. تحتوي مواقع الويب الأكبر حجمًا على مستويات هرمية متعددة، من الأعلى إلى الأدنى. يمكن أن تنتقل هذه المسارات من الصفحة الرئيسية إلى الفئات والمجموعات المختلفة حتى يصل المستخدم إلى صفحته الحالية. ستتضمن الصفحات الأعلى في التسلسل الهرمي المزيد من المواضيع والمعلومات الواسعة. ستتضمن الفئات الفرعية السفلية موضوعات أو عمليات بحث محددة.
- مسارات التنقل المستندة إلى المسار أو التاريخ
يُظهر مسار التنقل هذا للمستخدمين المسار إلى الصفحة الحالية. يعد هذا مفيدًا للمستخدمين الذين يرغبون في الرجوع للخلف دون النقر على زر الرجوع مما قد ينقلهم إلى المستوى الرئيسي أو مستوى الفئة الفرعية. يسمح مسار التنقل المستند إلى المسار للمستخدمين بالانتقال إلى النتائج السابقة لمواصلة بحثهم دون البدء من الصفحة الرئيسية.
- فتات الخبز القائمة على السمات
يتميز مسار التنقل هذا بالسمات التي حددها المستخدم للوصول إلى الصفحة الحالية. عندما يتنقل المستخدم عبر صفحات مختلفة لتصفية بحثه، فإنه يعرض المسار لتضييق نطاق ما يبحث عنه. يمكن أن تكون هذه سمات لمنتج معين أو علامات مرتبطة مباشرة بالمنتج. يعمل مسار التنقل هذا بشكل جيد على مواقع التجارة الإلكترونية مما يسمح للمستخدمين بتصفية بحثهم.
أفضل ممارسات مسارات التنقل مع الأمثلة
حقق أقصى استفادة من التنقل في موقعك باستخدام أفضل الممارسات والنصائح الخاصة بمسارات التنقل هذه:
قم بإضافتها إلى مواقع الويب باستخدام بنية متعددة المستويات
يجب على مواقع الويب التي تستخدم بنية هرمية والتي تحتوي على مستويات متعددة أن تستخدم مسارات التنقل. إذا كان بإمكان المستخدمين الوصول إلى جميع صفحات موقعك من الصفحة الرئيسية أو شريط التنقل، فتجنب استخدامه.
انقل فتات الخبز الخاصة بك إلى أعلى الصفحة
اجعل مسار التنقل الخاص بك سهل الاستخدام والوصول إليه عن طريق إضافته إلى أعلى صفحة الويب الخاصة بك. نظرًا لأنه يعمل بمثابة تنقل ثانوي، يمكنك وضعه أسفل شريط التنقل الأساسي أو الرأس.
استخدم الرموز لفصل الصفحات المختلفة
يمكنك استخدام رموز مختلفة بين مسار الارتباط النصي لفصل الصفحات. تتضمن الرموز التي يمكنك استخدامها الشرطة المائلة للأمام (/)، أو أكبر من الرمز (＞)، أو السهم (➝). تأكد من أن الرمز يشير أو يميل إلى اليمين.
اجعل مسار التنقل الخاص بك صغيرًا ولكن مرئيًا
يجب ألا يشغل مسار التنقل الخاص بك مساحة كبيرة على الصفحة. اجعله مرئيًا ليراه المستخدمون ولكن صغيرًا بما يكفي لتجنب لفت الانتباه إليه. فكر في جعل حجم الخط صغيرًا مقارنة ببقية الصفحة.
قم بمطابقة فتات الخبز الخاصة بك مع تصميم موقعك
إذا كنت تريد أن تجعل مسار التنقل الخاص بك فريدًا، فقم بمطابقته مع تصميم موقع الويب الخاص بك. أضف ألوانًا أو كتلًا تتناسب مع نمط ورسومات موقعك. سيساعد ذلك على الاندماج مع صفحتك ومحتوياتك.
عرض مسارات عملية متعددة الخطوات لسهولة الاستخدام
إذا كان يجب على المستخدمين إكمال خطوات متعددة، مثل ملء التفاصيل لجدولة موعد، فقم بإضافة الخطوات المتنوعة إلى التنقل التفصيلي الخاص بك. يتيح لهم ذلك الانتقال إلى الصفحة السابقة إذا كانوا بحاجة إلى تغيير المعلومات.
عرض مسار التنقل الكامل
أظهر للمستخدم المسار الكامل الذي تم اتباعه حتى يعرف مكانه والصفحات الدقيقة التي تمت زيارتها للوصول إلى صفحته الحالية. استخدم الاسم الكامل وروابط الصفحة الدقيقة لضمان سهولة الوصول إليها.
تجنب استخدام فتات الخبز على صفحتك الرئيسية
تساعد مسارات التنقل في توجيه المستخدمين إلى صفحة سابقة. نظرًا لعدم وجود صفحات سابقة على الصفحة الرئيسية، فلن تحتاج إلى إضافة أي مسارات تنقل. أي مكان يعود من الصفحة الرئيسية سيجعل المستخدمين يخرجون من موقعك.
استخدمه كملاحة ثانوية
تجنب استخدام مسارات التنقل كملاحة أساسية. وهذا سيجعل من الصعب على المستخدمين الوصول إلى الصفحات الأخرى على موقعك. يجب أن يكون التنقل الثانوي الذي يدعم التنقل الأساسي الخاص بك.
التقدم من أعلى المستويات إلى أدنى المستويات
يجب أن ينتقل التنقل التفصيلي من أعلى المستويات إلى أدنى المستويات حيث يقوم المستخدمون بتضييق نطاق البحث. تأكد من أن التنقل يتحرك من اليسار إلى اليمين لعرض المسار.
تجنب الروابط إلى الصفحة الحالية
عندما يكون المستخدم في الصفحة الحالية، تجنب إضافة رابط إليها في شريط التنقل الخاص بك. إذا قاموا بالنقر عليه، فسوف يأخذهم إلى نفس الصفحة بالضبط. بدلاً من ذلك، قم بكتابة اسم الصفحة الحالية بخط غامق في شريط التنقل الخاص بك.
اجعل فتات الخبز مناسبة للجوال
يستخدم المستهلكون smartphones لتصفح المواقع يوميا. تأكد من أن التنقل التفصيلي الخاص بك يمكن أن يتكيف بسلاسة مع الأجهزة المحمولة والأجهزة اللوحية، مما يجعله في متناول الجميع.
تحسين تجربة المستخدم لموقع الويب الخاص بك
امنح عملائك الأوفياء أفضل تجربة من خلال إضافة التنقل في موقع الويب إلى موقعك. إنه يفيد المستخدمين ويستخدمه Google للتنقل في موقعك وتحديد بنيته. مع العديد من الفوائد، يمكنك تحويل هذه الحكاية الكلاسيكية إلى ميزة وظيفية لصفحة الويب الخاصة بك.
تقدم Wix مجموعة من خدمات تصميم الويب سيساعدك ذلك على إنشاء صفحة ويب تفيد عملائك وتحسن المبيعات. مع أكثر من 500 خبير، يمكنك الوصول إلى فريق من المحترفين الذين يتمتعون بخبرة تزيد عن 25 عامًا في مجال التسويق الرقمي.
تواصل معنا عن طريق الاتصال Wix أو استكمال هذا عبر الإنترنت نموذج للحصول على عرض أسعار مجاني اليوم.
