يعد التنقل في موقع الويب أمرًا ينشئه الكثيرون باعتباره فكرة لاحقة بعد الصفحات والمحتوى. في استطلاع حديث ، كان 50 ٪ فقط من مستخدمي الإنترنت قادرين على التنبؤ بالمحتوى ذي الصلة الذي سيعتمد على بنية التنقل القياسية في موقع الويب.
البحث في تصفح الموقع
أين تجد إجابات لأسئلة محددة
إذا لم يتمكن نصف زوارك من العثور على الصفحة التي يبحثون عنها ، فهذه مشكلة UX عملاقة.
سيؤدي ذلك إلى معدلات ارتداد أعلى ، ووقت أقل في الموقع ، ومعدلات تحويل أقل .
إذا كنت تدير متجرًا للتجارة الإلكترونية ، فإن التنقل السيئ يمكن أن يؤثر سلبًا على أرباحك وأرباحك.
في هذا المنشور ، أغطي التنقل في موقع الويب من الألف إلى الياء. وهذا يعني أنك ستتعلم أفضل الممارسات وأنواع التنقل المختلفة وما يجب عليك فعله بالضبط لإنشاء التنقل المثالي لموقعك.
التنقل في موقع الويب هو عملية التنقل بين الصفحات والتطبيقات ومواقع الويب على الإنترنت. تسمى التكنولوجيا التي تقف وراءها بالنص التشعبي أو الوسائط التشعبية.
النص التشعبي أو الوسائط عبارة عن صفحات ويب نصية تستخدم الارتباطات التشعبية لربطها بصفحات أخرى على الإنترنت. A الارتباط التشعبي هو ارتباط الذي يؤدي متصفح الويب الخاص بك لURL.
يشير عنوان URL إلى الملف الذي يجب أن يصل إليه المتصفح من الخادم ويقوم بتنزيل البيانات وعرضها حتى يتمكن المستخدم من رؤيتها.
تؤدي الروابط الداخلية إلى صفحات مختلفة في نفس المجال. تؤدي الروابط الخارجية إلى صفحات مختلفة على مجال آخر ، وهو موقع ويب وخادم منفصلان تمامًا.
يستخدم التنقل في موقع الويب قوائم مع روابط داخلية تسهل على الزائرين العثور على الصفحة التي يبحثون عنها. يعد التنقل الجيد عنصرًا أساسيًا في أي موقع سهل الاستخدام.
A القائمة موقع الملاحة عبارة عن مجموعة من الروابط، وعادة إلى الصفحات الداخلية، التي يتم تنظيمها في القائمة. تحتوي معظم مواقع الويب ، بما في ذلك موقعنا ، على قائمة في الجزء العلوي من موقعها على الويب.
مثال على رأس قائمة التنقل في موقع الويب
قائمة رأس Kinsta
يسمى هذا القسم “رأس” موقع ويب في تصميم وتطوير الويب. بعض الصفحات الأكثر شيوعًا المرتبطة بهذه القوائم هي:
معلومات عنا.
مدونة او مذكرة.
اتصل.
سمات.
الخطط / التسعير.
يمكن أن تتضمن القائمة ، بالطبع ، روابط إلى صفحات أخرى.
يصف هيكل التنقل لموقع الويب كيفية تنظيم الصفحات المختلفة على موقعك وتوصيلها ببعضها البعض.
على سبيل المثال ، لا يمكن الوصول إلى بعض الصفحات والمحتوى إلا من خلال زيارة صفحة معينة. غالبًا ما يخطط المصممون ومطورو الويب لهيكل التنقل عند إنشاء موقع ويب جديد.
مثال على بنية التنقل في موقع الويب
هيكل تصفح الموقع
في هذا المثال ، يتم ربط صفحات ” حول” و ” الخطط” و ” جهة الاتصال” و ” المدونة” من القائمة الرئيسية. للوصول إلى البعثة و فريق صفحات، تحتاج إلى زيارة معلومات عن الصفحة الأولى.
في مقدمة هذا المنشور ، علمت أن 50٪ من مستخدمي الإنترنت غير قادرين على استخدام قائمة قياسية بشكل صحيح. تخيل عدد الأشخاص الذين سيجدون المحتوى الصحيح بدون التنقل على الإطلاق.
من خلال النهج الصحيح للتنقل والقوائم ، يمكنك جعل النسبة المئوية أقل من 50٪. سيؤدي ذلك إلى تقليل معدلات الارتداد ، وزيادة متوسط الوقت الذي تقضيه في الموقع ، ويؤدي إلى المزيد من حركة المرور والعملاء والعملاء.
لا تدع زوارك يضيعون 🔎 نحن نشارك كل ما تحتاج لمعرفته حول التنقل في الموقع ولماذا هو مفتاح لنجاح الموقع في هذا الدليل!
انقر للتغريد
هناك ثلاثة أنواع رئيسية من تصفح الموقع. هم انهم:
التنقل في الموقع العالمي
التنقل الهرمي في الموقع
التنقل في الموقع المحلي
عندما يتم دمجها بشكل صحيح ، فإنها تساعد زوارك على التنقل في موقع الويب الخاص بك والعثور على وجهتهم دون مشكلة. دعونا نلقي نظرة فاحصة على كل واحدة.
من خلال التنقل العالمي في موقع الويب ، تكون القائمة والروابط متطابقة في جميع صفحات موقع الويب. تم تصميم العديد من القوائم الحديثة بهذه الطريقة ، بما في ذلك قائمة موقعنا الخاص للغاية هنا في Kinsta: إذا قمت بالتمرير لأسفل الصفحة ، فإن القائمة “تتبع”.
قائمة التنقل العالمية لموقع الويب
قائمة رأس Kinsta العالمية
في لقطة الشاشة ، يمكنك رؤية قائمة العناوين البسيطة وسهلة الفهم. إنه نفس الشيء في جميع صفحاتنا ويؤدي إلى بعض أهم صفحاتنا ومحتوياتنا.
نحن نعلم المعلومات المهمة التي يريد العميل المحتمل معرفتها عن شركة الاستضافة قبل اتخاذ القرار. لهذا السبب جعلنا من السهل على العملاء المحتملين العثور على خططنا وميزاتنا والاتصال بنا. وبالنسبة للمستخدمين الحاليين ، لدينا خيار تسجيل الدخول للسماح لهم بتسجيل الدخول إلى لوحة معلومات MyKinsta الخاصة بهم .
معلومات
هل تريد إلقاء نظرة خاطفة على شكل MyKinsta؟ قم بإنشاء حسابك التجريبي 100٪ مجانًا وابدأ في اللعب به.
قائمة التذييل الخاصة بنا عالمية أيضًا وتسلط الضوء على الأقسام الأساسية من موقعنا الإلكتروني وبعض المحتويات المميزة.
التنقل في الموقع: قائمة التذييل
قائمة التذييل
القوائم العالمية هي المعيار لمعظم حلول CMS الجاهزة .
يتيح لك كل قالب وورد بريس تمييز أنواع ومناطق مختلفة لقوائم التنقل. إذا كنت بحاجة إلى المزيد ، فيمكنك استخدام مكون إضافي للقائمة لإتاحة المزيد من الخيارات.
يعني التنقل الهرمي أن القوائم تتغير بناءً على سياق كل صفحة.
تتميز معظم الصحف والمواقع التي تعتمد على المحتوى البحت بالتنقل الهرمي. على سبيل المثال ، إذا قمت بزيارة الصفحة العليا لإحدى الصحف ، فسترى عادةً روابط لأهم فئات الأخبار في قائمة العناوين.
مثال على التنقل الهرمي من نيويورك تايمز
مثال على التنقل الهرمي من نيويورك تايمز
إذا كانت القائمة عامة ، فستظل كما هي بعد النقر فوق فئة مختلفة. ولكن نظرًا لأنها هرمية ، فإنها تكشف عن روابط جديدة تؤدي إلى فئات فرعية لصفحة الفئات التي نزورها.
التنقل في الموقع: مثال على التنقل الهرمي
مثال على التنقل الهرمي
في صفحة العلوم في New York Times ، لا ترى قائمة المستوى الأعلى على الإطلاق. بدلاً من ذلك ، ترى روابط لأقسام فرعية مختلفة من الأبحاث العلمية والمقالات.
هذا التغيير هو ما يفصل هذه القائمة عن القائمة العامة العادية التي تجدها في معظم المواقع الأصغر.
على عكس التنقل الهرمي والعالمي ، يشير التنقل المحلي في الموقع إلى الروابط الداخلية المضمنة في المحتوى نفسه. عادة ، يتم منح المستخدم خيارات على نفس المستوى من التسلسل الهرمي أو مستوى واحد أعمق ، أو روابط للتنقل إلى صفحات أخرى ذات صلة.
وخير مثال على ذلك هو مواقع المجلات الإلكترونية ، التي غالبًا ما تستخدم روابط لمساعدة القراء على استكشاف السياق الأعمق لمقالة معينة. إذا ذكروا حادثًا قاموا بتغطيته في الماضي ، فسيتم ربطهم بهذه المقالة ، بدلاً من شرحها بالتفصيل.
التنقل في الموقع: التنقل المحلي
مثال على المحتوى ذي الصلة المرتبط في صفحة
لكنها ليست مخصصة فقط للمجلات والمواقع الإخبارية. تعتمد متاجر التجارة الإلكترونية بشكل كبير على هذا النوع من قائمة التنقل لعرض المنتجات في نفس الفئة.
التنقل في الموقع: التجارة الإلكترونية
مثال على التنقل المحلي في التجارة الإلكترونية
يعد الارتباط الداخلي أيضًا جانبًا مهمًا من جوانب تحسين محركات البحث بشكل عام ، وبشكل أكثر تحديدًا وورد بريس SEO ، لذلك فهو الآن ممارسة قياسية لأي شخص يدير موقعًا إلكترونيًا.
بدلاً من التعمق في النظرية ، دعنا نتعمق في بعض الأمثلة. سأغطي موقعًا إخباريًا وموضوع Twenty Twenty وورد بريس .
مثال على التنقل في موقع الويب من NYT
قائمة الصفحة الرئيسية لنيويورك تايمز
في لمحة ، قد يبدو أن نيويورك تايمز تستخدم بشكل أساسي قائمة رأس عالمية واحدة لفئاتها.
لكن هذا ليس حيث ينتهي. تستخدم نيويورك تايمز جميع أنواع التنقل عبر مئات صفحات الفئات وملايين المقالات.
أنواع الملاحة المستخدمة:
الهرمية.
عالمي.
محلي.
لنلقِ نظرة على التنقل في الرأس المختلف لكل صفحة.
في قسم العنوان في موقعه على الويب ، يشتمل على قائمتين ، قائمة عامة قابلة للتوسيع فوق الشعار وقائمة هرمية أسفل العنوان. في جوهرها ، يشبه إعداد قائمة الرأس والفرعية.
تصفح موقع NYT
الصفحة الرئيسية لنيويورك تايمز – قوائم الترويسة
إذا قمت بتوسيع قائمة همبرغر الرأس ، فإنها تتحول إلى شريط جانبي على الجانب الأيسر ، حيث يوجد هامش عريض مع معظم الدقة الحديثة.
لا يتم تعتيم / استخدام تراكب لإخفاء أي محتوى على موقع الويب.
دعنا نفحص نفس قسم الرأس على الهاتف المحمول. يصل غالبية مستخدمي الإنترنت إلى مواقع الأخبار من خلال هواتفهم الذكية ، لذلك قد تكون تجربة الهاتف المحمول أكثر أهمية من تجربة سطح المكتب.
التنقل في الموقع الإلكتروني لصفحة NYT الرئيسية (جوال)
الصفحة الرئيسية لنيويورك تايمز – جوّال
قائمة العناوين الفرعية لفئة الأخبار ليست جزءًا من الصفحة الرئيسية على الهاتف المحمول. بدلاً من ذلك ، لديك فقط خيار التوسيع المتاح.
عند توسيعها ، تصبح قائمة بملء الشاشة وتغطي بالكامل كل المحتوى على الصفحة الرئيسية.
التنقل في الموقع الإلكتروني لصفحة NYT الرئيسية (جوال)
القائمة الموسعة – صفحة NYT الرئيسية (الجوال)
يتضمن كل خيار من القائمة الرئيسية على أجهزة كمبيوتر سطح المكتب ويتم تنظيم الروابط بدقة حسب الفئة.
في صفحة الفئة ، أسفل قائمة الهامبرغر الرئيسية ، ترى ارتباطًا لمجموعة فرعية أخرى من الفئات .
أمثلة على التنقل في مواقع الويب من نيويورك تايمز
صفحة العلوم NYT – القائمة الرئيسية
إنه يسهل على الأشخاص المهتمين فقط بمنطقة معينة ضمن الموضوع الأوسع العثور على مقالات قد تكون أكثر انسجامًا مع اهتماماتهم.
على الهاتف المحمول ، تشتمل صفحات الفئات هذه على نفس قائمة الهامبرغر الرأسية وهيكل إصدار سطح المكتب. لا يتم إخفاء قائمة الرأس الثانوية على الإطلاق لتسهيل التنقل واكتشاف المحتوى.
أمثلة على التنقل في مواقع الويب من NYT
صفحة العلوم في نيويورك تايمز – القائمة الرئيسية (جوال)
قد يكون السبب الآخر هو أن العديد من تجارب الأجهزة المحمولة تبدأ عبر البحث أو وسائل التواصل الاجتماعي ، بدلاً من زيارة الصفحة الرئيسية لـ NYT مباشرةً.
بالنسبة للمقالات الفردية ، يشير العنوان العائم إلى القسم الذي أنت فيه حاليًا ، ولكنه يتميز فقط بالقائمة العامة القابلة للتوسيع (جنبًا إلى جنب مع مربع البحث).
أمثلة على التنقل في مواقع الويب من نيويورك تايمز
مقال NYT – قائمة الترويسة
على الهاتف المحمول ، يتم الحفاظ على التنقل النظيف حيث أن القائمة الوحيدة هي قائمة همبرغر الرأس.
أمثلة على التنقل في مواقع الويب
مقال NYT – قائمة العنوان (الجوال)
قائمة تذييل NYT هي نفسها عبر الصفحة الرئيسية وصفحات الفئات والمقالات الفردية.
تريد أن تعرف كيف زدنا من حركة المرور لدينا أكثر من 1000 ٪؟
انضم إلى أكثر من 20000 آخرين ممن يتلقون رسائلنا الإخبارية الأسبوعية مع نصائح من الداخل حول وورد بريس!
إشترك الآن
التنقل في الموقع – NYT
مقال نيويورك تايمز – قائمة التذييل
أمثلة على التنقل في مواقع الويب من نيويورك تايمز
مقال نيويورك تايمز – قائمة التذييل (جوال)
على الهاتف المحمول ، تعرض قائمة التذييل خمسة عناصر قائمة فقط ، وكلها تتوسع إلى أقسام فرعية بمجرد النقر عليها.
على سبيل المثال ، إذا قمت بالنقر فوق قسم الفنون ، فستتمكن من تصفح الأقسام الفرعية التالية:
أمثلة على التنقل في مواقع الويب من نيويورك تايمز
مقالة نيويورك تايمز – تم توسيع قائمة التذييل (الجوال)
نظرًا لأن موقع الويب يستخدم JavaScript لتحميل المزيد من المحتوى ديناميكيًا أثناء التمرير لأسفل ، فقد يبدو الأمر كما لو أن التذييل غير موجود على الإطلاق.
إنها خدعة رائعة يمكن أن تساعد في تحديد الوقت المستغرق في الموقع والحصول على القراء لقراءة المزيد من المقالات ، ولكنها تجعل تصفح موقع الويب أكثر صعوبة.
قد يجادل البعض بأن أداة التنقل الأساسية التي تستخدمها الصحف والمدونات عبر الإنترنت ليست مجرد قائمة. إنه تصميم الصحيفة نفسه الذي يوفر العمود الفقري للملاحة لـ NYT والمواقع المماثلة الأخرى.
تخطيط محتوى نيويورك تايمز
الصفحة الرئيسية لنيويورك تايمز
جميع العناصر المميزة قابلة للنقر وتؤدي إلى صفحات داخلية مختلفة داخل موقع New York Times على الويب.
يعد تخطيط المحتوى عنصرًا أساسيًا آخر للتنقل في موقع الويب يتم تنفيذه عبر صفحتهم الرئيسية وصفحات الفئات.
عام آخر ، سمة وورد بريس افتراضية أخرى. هذه المرة ، إنها Twenty Twenty ، وسوف نغوص بعمق ونرى ما تغير مع التنقل.
سأدرس ما إذا كان هناك أي شيء مختلف حول الطريقة التي قرر بها المطورون معالجة القوائم والربط الداخلي مع هذا الإصدار الأحدث من وورد بريس.
تمامًا مثل أي سمة وورد بريس قياسية ، يحتوي الإصدار الرسمي الجديد على قائمة بدون زخرفة في قسم الرأس. يمكنك تحديد مواقع عرض مختلفة وهذا ما يبدو عليه خيار القائمة الأفقية لسطح المكتب :
أمثلة على التنقل في موقع الويب
مثال على قائمة الرأس في نسق Twenty Twenty
من ناحية أخرى ، سيضيف خيار القائمة الموسعة لسطح المكتب إمكانية توسيع روابط القائمة الخاصة بك في شريط مضبوط في الجانب العلوي الأيمن.
مثال على قائمة الرأس في نسق Twenty Twenty
مثال على قائمة رأس موسعة في نسق Twenty Twenty
منطقة المحتوى الرئيسية ملونة باللون الرمادي الداكن ، مما يدفع تركيز المستخدم إلى القائمة الموجودة على الروابط.
أمثلة على التنقل في موقع الويب
مثال على قائمة التذييل في نسق Twenty Twenty
في التذييل ، لا توجد روابط للتنقل الداخلي ، باستثناء رابط “إلى الأعلى” البسيط الذي يعيدك إلى أعلى الصفحة.
يتم دائمًا تصميم التنقل الجيد في الموقع مع وضع المستخدم في الاعتبار. يستخدم لغة واضحة وسهلة الفهم وروابط لأهم الصفحات.
فهو يستفيد من المساحة البيضاء الواسعة ، أو تغييرات الألوان ، أو تقنيات التصميم الأخرى لفصل نفسه عن المحتوى الرئيسي بوضوح. بالإضافة إلى ذلك ، من الأسهل القراءة والاستخدام على جميع الأجهزة (الأجهزة المحمولة وسطح المكتب).
يعني التنقل الذي يركز على المستخدم أيضًا أنه سياقي. يأخذ في الاعتبار تجربة المستخدم وتوقعاته. قد يكون هذا سببًا لعدم تمكن الصحف على الإنترنت من الابتعاد عن تصميمها “المزدحم”.
في سياق قراءة صحيفة ، هذا ما يتوقعه المستخدمون والعملاء المحتملون ، والذي يتضمن قوائمهم الواسعة للغاية من الفئات والفئات الفرعية.
في القسم التالي ، سأغطي أساسيات كيفية إنشاء تنقل جيد لموقعك.
هل تحتاج إلى استضافة من الدرجة الأولى وسريعة وآمنة لموقعك الجديد على وورد بريس؟ يوفر Kinsta خوادم سريعة للغاية ودعمًا عالميًا على مدار الساعة طوال أيام الأسبوع من خبراء وورد بريس. تحقق من خططنا
حتى إذا كنت مبتدئًا تمامًا ، فستتمكن من تحسين التنقل لموقع الويب الخاص بك باتباع النصائح أدناه.
قبل أن تبدأ حتى في كتابة المحتوى لموقعك على الويب ، خطط لكيفية ظهور بنية صفحتك والتنقل.
يعد التخطيط جزءًا أساسيًا من عملية تزويد زوار موقعك بإمكانية تنقل مرضية. يمكنك استخدام منشئ ملفات Sitemap لمساعدتك في إنشاء نماذج بالأحجام الطبيعية بسرعة لما تريد أن تكون عليه تجربة موقع الويب الخاص بك.
مثال على أداة خريطة الموقع الجيدة هو GlooMaps .
GlooMaps
GlooMaps
يمكنك إنشاء العديد من المستندات مجانًا. سيكون لكل واحد عنوان URL فريد يمكنك بعد ذلك مشاركته لجمع التعليقات والسماح للآخرين بتحريره. بمجرد إنشائه ، سيكون عنوان URL الخاص بك متاحًا لمدة 14 يومًا ما لم تتم إعادة زيارته. كل زيارة جديدة تطيل عمر الرابط لمدة 14 يومًا أخرى.
GlooMaps ليست الأداة الوحيدة التي يمكنك استخدامها ، فهناك الكثير مثل Octopus و VisualSitemaps و Creately ، على سبيل المثال لا الحصر.
لا تحاول إعادة اختراع العجلة. التنقل في موقع الويب يتعلق بقابلية الاستخدام أكثر من الإبداع.
بالنسبة لعناصر التصميم الأساسية مثل مكان وضع قائمتك وكيفية الإشارة إلى أنها قابلة للتوسيع ، اتبع المعايير المعروفة .
ثلاثة خطوط أفقية ، أو علامة “همبرغر” ، هي واحدة من أكثر الرموز التي يمكن التعرف عليها لتحديد قائمة قابلة للتوسيع. الآخر هو النقاط الثلاث التي تشكل خطًا أفقيًا.
إذا حاولت الإبداع وتطوير رمز مخصص ، فمن المحتمل أن العديد من الزوار لن يفهموا الغرض من التصميم الخاص بك وسيواجهون صعوبة في العثور على قائمتك.
بدلاً من مجرد الارتباط بالصفحات القديمة نفسها ، باستخدام لغة تطوير الويب القياسية ، أو النسخ الإبداعي بشكل مفرط ، استخدم لغة أقرب إلى ما يستخدمه المستخدمون ويبحثون عنه ويريدونه.
هذا النهج مفيد لكل من تحسين محركات البحث وسهولة الاستخدام. أنشئ صفحات تعكس ما يبحث عنه المستخدمون عبر الإنترنت.
يمكنك بعد ذلك الارتباط بهذه الصفحات نفسها باستخدام نفس الكلمات والعبارات التي تساعد المستخدمين في العثور على موقع الويب الخاص بك على Google.
نظرًا لأن أكثر من 52 ٪ من إجمالي حركة المرور عبر الإنترنت أصبحت الآن محمولة ، فقد أصبح التصميم سريع الاستجابة / المحمول أولاً ضرورة مطلقة.
بدلاً من القوائم التي تستمر خارج الإطار في متصفح الويب للجوال أو مزدحمة للغاية ، تأكد من تنفيذ قوائم الأجهزة المحمولة القابلة للتوسيع.
لقد أصبح معيارًا صناعيًا لسبب ما. يصعب قراءة القوائم الأفقية ذات النص الصغير والنقر عليها واستخدامها بشكل صحيح على الهاتف المحمول.
والخبر السار هو أن أفضل سمات وورد بريس تأتي بتصميم متجاوب وقوائم سريعة الاستجابة افتراضيًا. ما لم تكن تصمم موقع وورد بريس الخاص بك من البداية ، فقد جعلك وورد بريس مغطى هنا.
القراء الذين يواصلون القراءة والتمرير إلى أسفل موقع الويب الخاص بك هم أكثر تفاعلاً من المستخدم العادي. استفد من ذلك واستخدم المساحة الموجودة أسفل كل صفحة لإبراز المحتوى القيّم.
نظرًا لأن التذييل لا يستهلك مساحة “الجزء المرئي من الصفحة” ، يمكنك الحصول على دقة وتضمين فئات متعددة ، بل وحتى إبراز صفحات أو مقالات أساسية.
كمثال ، انظر إلى كيفية تعاملنا مع التذييل في هذه الصفحة بالذات. نحن نغطي صفحات الميزات الأساسية وشركتنا ونفصل مواردنا والمزيد.
يسمح لك التذييل بتسليط الضوء على المحتوى الذي “لم تستطع ملاءمته” في رأس الصفحة.
استخدم الألوان والخطوط والمساحة البيضاء لفصل القوائم عن المحتوى الرئيسي والأشرطة الجانبية. اجعله واضحًا حيث يبدأ التنقل وينتهي.
لا يهم اللغة التي تستخدمها في قوائمك ، أو الصفحات التي ترتبط بها إذا لم يتمكن زوار موقعك من العثور على القائمة في المقام الأول.
بالنسبة لمعظم مواقع الويب (وليس جميعها) ، فإن القوائم المنسدلة ليست ضرورية أو مفيدة. عندما يرى المستخدمون رابطًا في قائمة ، فإن الافتراض هو أنه قابل للنقر. ما لم يفصلها التصميم عن الروابط القابلة للنقر ، فقد يؤدي ذلك إلى حدوث ارتباك.
يمكن أن يؤثر وجود عدد كبير جدًا من الروابط في قائمتك الرئيسية سلبًا على قابلية استخدام موقع الويب الخاص بك.
يمكن أن يؤدي تنفيذ التنقل الهرمي والمحلي بدلاً من القوائم المنسدلة إلى تدفق مستخدم أكثر سلاسة. كما يسمح للمستخدمين بالتفاعل مع صفحات متعددة وقضاء المزيد من الوقت على موقعك ، بدلاً من تصفح قائمة عملاقة من الروابط.
إذا كنت تريد أن تجعل من السهل على الزائرين استكشاف جميع صفحات موقع الويب الخاص بك قدر الإمكان ، فاحرص على الحفاظ على بنية تنقل مسطحة قدر الإمكان.
بدلاً من الارتباط بعدد قليل من الصفحات من صفحتك الرئيسية ، ثم التوسع مع المزيد من الصفحات الفرعية والفئات ، اجعل الأمور بسيطة.
تأكد من الارتباط بفئات مهمة من صفحتك الرئيسية ، وقم بالارتباط بطبقة واحدة من فئة فرعية أو صفحات مقالة واحدة من هناك.
مثال على الهيكل المسطح
هيكل موقع مسطح
هناك دليل على أن تسوية الهيكل بهذه الطريقة لها تأثير إيجابي على تحسين محركات البحث ويمكن أن تؤدي إلى روابط أقسام موقع Google . لذلك لا تدع بنية موقع الويب الخاص بك تصبح فوضوية للغاية!
على الرغم من أن اتجاهات تصميم الويب الأوسع نطاقًا في السنوات الأخيرة تتضمن أشياء مثل عناصر التصميم ثلاثي الأبعاد ودمج الصور المصممة خصيصًا في تصميمات إبداعية ، إلا أن القوائم لم تشهد عامًا مثيرًا.
لكن هذا لا يعني أن شيئًا لم يتغير. إليك نظرة سريعة على بعض أكثر اتجاهات القائمة أهمية على مدار العامين الماضيين.
أوبر – Menu Mobile
أوبر – Menu Mobile
قامت شركة Uber والشركات العملاقة الأخرى بتصميم حديث متجدد بتحديث قوائمها لتكون أكثر قابلية للاستخدام.
تتمثل إحدى المشكلات التي تواجهها هذه المؤسسات في أن لديها العديد من المنتجات والفئات المختلفة التي قد يكون من المستحيل تضمينها في قائمة واحدة بشكل معقول.
وهذا يؤدي إلى قوائم متنقلة واضحة ومصنفة وقابلة للتوسيع ، بدلاً من مجرد قائمة لا حصر لها من الروابط.
ربما كان الاتجاه العام للقوائم خلال السنوات القليلة الماضية هو قائمة الرأس العائمة.
قائمة الرأس العائمة هي قائمة تلتصق بأعلى نافذة متصفح الويب لديك أثناء التمرير لأسفل الصفحة (مثل القائمة التي نستخدمها لـ kinsta.com). عادةً ما يكون جزءًا من قسم رأس يتضمن شعارًا صغيرًا وربما شريط بحث أيضًا.
من الصعب المجادلة ضدها ، لأن الوصول المستمر إلى قائمة يجعل التنقل الداخلي أسهل بكثير. يتم تضمين هذا النوع من القائمة في العديد من سمات وورد بريس ولا يظهر الاتجاه أي علامات على التوقف.
بعض النصائح الأساسية حول التنقل في موقع الويب هي الابتعاد عن القوائم المنسدلة. ولسبب.
لكن هذا لا يعني أنهم فظيعون بطبيعتهم. القوائم المنسدلة صعبة التنفيذ بطريقة منطقية على شاشة الكمبيوتر.
من خلال تراكب الألوان على المحتوى الرئيسي ، يمكنهم فرض 100٪ من انتباه المستخدم على القائمة. لديك أيضًا خيارات أفضل للفئات القابلة للتوسيع بدلاً من عرض المزيد من الروابط عند التمرير.
اجتمعت هذه العوامل لجعلها اتجاهًا متزايدًا في عام 2019. في الواقع ، تتضمن العديد من مواقع الويب والقوالب المبتكرة قوائم منسدلة متراكبة على سطح المكتب.
معدلات ارتداد أعلى ، ومعدلات تحويل أقل ، ووقت أقل على الموقع … يعد التنقل في موقع الويب جزءًا أساسيًا من تجربة المستخدم 💻 تعرف على كيفية تحسين موقعك باستخدام هذا الدليل ⚡️
انقر للتغريد
يجب أن يمنحك هذا المنشور فهمًا واضحًا لماهية التنقل في موقع الويب وبعض نقاطه الرئيسية.
يجب أن يركز التنقل في موقع الويب دائمًا على البساطة والوضوح بدلاً من الألوان المكثفة والتصميم الإبداعي. نظرًا لأن التنقل في موقعك والقوائم بحاجة إلى مراعاة مستخدمي سطح المكتب والجوّال على حدٍ سواء ، فقد تصبح الأمور أكثر تعقيدًا ويمكن أن يكون الاستعانة بمطور ويب أمرًا جيدًا.
حاول دائمًا اتباع أفضل ممارسات تصميم قائمة موقع الويب لضمان أن الزوار ومحركات البحث يمكنهم تصفح المحتوى الخاص بك بسهولة.
ستظل سهولة الاستخدام والوضوح من الأولويات للمضي قدمًا. لذلك ، إذا تمكنت من إتقان لغة المستخدم الخاصة بك وإنشاء بنية منطقية بالنسبة لهم ، فستتمكن من إثبات قوائمك في المستقبل.
وفر الوقت والتكاليف وحقق أقصى قدر من أداء الموقع من خلال:
مساعدة فورية من خبراء استضافة وورد بريس ، 24/7.
تكامل Cloudflare Enterprise.
يصل الجمهور العالمي إلى 28 مركز بيانات حول العالم.
التحسين من خلال مراقبة أداء التطبيقات المضمنة لدينا.
