اقرأ في هذا المقال
الشيء الذي يجعل التنقل صعبًا في العمل في تصميم الويب هو أنه يمكن أن يكون متعدد الاستخدامات. يمكن أن يكون التنقل بسيطًا أو معقدًا، حيث أنه ممكن أن يكون بين بضع صفحات رئيسية أو بنية متعددة المستويات أو مجموعة واحدة من المحتوى للمستخدمين الذين قاموا بتسجيل الدخول ومجموعة أخرى للمستخدمين الذين تم تسجيل خروجهم؛ وما إلى ذلك. نظرًا لأن التنقل يمكن أن يختلف كثيرًا بين مواقع الويب، فلا توجد إرشادات محددة لتنظيم التنقل.
ما هو موجه التصفح في موقع الويب
يشير التنقل في موقع الويب إلى القوائم الموجودة على موقع الويب والتي توجه المستخدمين إلى الصفحات الداخلية على هذا الموقع. يتضمن شريط القوائم العلوي، والروابط في قوائم التذييل والشريط الجانبي. لكن تصميم التنقل في موقع الويب هو أكثر من ذلك بكثير.
ينظم التنقل في موقع الويب موقعًا على الويب للمستخدمين، كما يُظهر بنية الارتباط الداخلية لمحركات البحث. حيث أن هندسة الارتباط الداخلية هي نوع من الخرائط التي توضح كيفية اتصال الصفحات الموجودة على موقع الويب ببعضها البعض. إنه ينقل الأهمية ويضيف سياقًا إلى الصفحات عن طريق ربطها بالصفحات الأخرى ويعرض تسلسلاً هرميًا للمعلومات حيث تكون المعلومات الأكثر أهمية في الأعلى وتنتقل إلى معلومات أكثر وأكثر تفصيلاً.
لماذا تصميم تصفح الموقع مهم
يخدم التصميم الجيد للتنقل في موقع الويب المستخدمين (من خلال مساعدتهم على معرفة إلى أين يتجهون بعد ذلك) ومحركات البحث (من خلال مساعدتهم على فهم المعلومات الموجودة على موقع الويب الخاص بك).
هيكل التنقل بماذا يساعدنا
يمكن أن يساعد هيكل التنقل البديهي والمخطط جيدًا في:
- زيادة تصنيفات محرك البحث وزيادة حركة المرور على الموقع.
- زيادة الوقت المستغرق في الموقع وعدد مشاهدات الصفحة.
- تحسين تجربة المستخدم.
- زيادة التحويلات والمبيعات في الموقع.
- عندما تستخدم تصميمًا جيدًا للتنقل في موقع الويب، فإنه يفيد القراء ومحركات البحث، وفي النهاية عملك.
بعض من ممارسات التنقل في موقع الويب
هناك بعض الممارسات للتنقل في موقع الويب التي تعمل على تحسين بنية موقعك الحالية أو إنشاء خطة لموقعك الجديد على الويب. فقط تذكر، هذه هي أفضل الممارسات. استخدمها لتوجيه عمليتك ، ولكن قم بإجراء تعديلات بناءً على ما هو الأفضل لجمهورك ومجال عملك.
البدء بخريطة الموقع
إذا كنت لا تعرف من أين تبدأ بتصميم التنقل على موقع الويب، فابدأ بخريطة الموقع. خريطة الموقع هي قائمة بجميع الصفحات الموجودة على موقع الويب الخاص بك. إنه يحدد صفحاتك من خلال البدء بالفئات والموضوعات الأساسية ثم تحديد الصفحات داخل تلك الأفكار الرئيسية. حيث يمكنك أن تستخدم خريطة الموقع لتحديد عناصر التنقل الأساسية التي تحتاجها عبر التنقل والتذييل الرئيسيين.
تلبية رغبات واحتياجات الزائر
يجب أن تركز أفضل ممارسات التنقل في موقع الويب بشكل أساسي على المستخدمين.حيث يمكن أنك تريد يتمكنوا من الوصول إلى موقعك والعثور بسرعة على المعلومات الأكثر صلة وفائدة لهم. ضع في اعتبارك الرحلة التي يمر بها المستخدمون على موقعك في طريقهم إلى التحويل. ما هي الصفحات التي يحتاج كل مستخدم أن يراها؟ تأكد من ظهور هذه الصفحات في التنقل في موقع الويب الخاص بك.
استخدام عناوين قائمة وصفية قصيرة
يمكن أن تؤدي عناوين القوائم الطويلة إلى تشويش التنقل وجعل موقع الويب يبدو فوضويًا على الهاتف المحمول، لذا استخدم عناوين قصيرة عندما يكون ذلك ممكنًا. قص العناوين إلى أقل عدد ممكن من الكلمات. من الناحية المثالية، استخدم كلمة أو كلمتين، ولكن استخدم ما يكفي من الوصف بحيث يمكن للمستخدمين ومحركات البحث التنبؤ بما سيجدونه في كل صفحة.
الحد من عدد عناصر القائمة في التنقل العلوي
كما أن الكثير من الكلمات في عناوين القائمة يمكن أن تؤدي إلى تشويش التنقل، كذلك يمكن للعديد من الخيارات. حيث أنه يفحص الأشخاص مواقع الويب للعثور بسرعة على ما يحتاجون إليه، ولا يمكنهم فعل ذلك إذا كان هناك الكثير من الخيارات. ويقول إحدى خبراء مواقع الويب، إنه يحد من عدد عناصر القائمة في التنقل الرئيسي إلى سبعة.
لا تستخدم أكثر من مستويين من القائمة في شريط التنقل العلوي
قد تحتاج الشركات المعقدة إلى استخدام أكثر من سبعة عناصر قائمة في قائمة التنقل العلوية. حيث يمكنك استخدام القوائم المنسدلة لإضافة المزيد من العناصر، ولكن احتفظ بها في مستويين من القائمة. لا تستخدم قائمة منسدلة تؤدي إلى قائمة منسدلة أخرى. بدلاً من ذلك، فكر في استخدام “قائمة ضخمة” تملأ قائمة أكبر من قائمة التنقل الرئيسية.
استخدام عناوين القوائم في “قوائم التذييلات” و “القوائم الضخمة”
“التذييل السمين” هو بنية تنقل في الجزء السفلي من موقع ويب تتضمن قوائم وروابط متعددة. إذا كنت تستخدم “تذييلًا سمينًا” أو “قائمة ضخمة” بها الكثير من الروابط، فقم بتضمين العناوين للمساعدة في تصنيف الروابط وتسهيل عملية مسحها للمستخدمين.
إضافة زر الحث على اتخاذ إجراء في الجزء العلوي من التنقل
استخدام التنقل الرئيسي لتوجيه الجماهير إلى العبارة الأساسية التي تحث المستخدم على اتخاذ إجراء (CTA) على موقعك عن طريق إضافة زر. يمكن أن يساعد الزر الملون مع (CTA) الواضحة زوار الموقع على رؤية الخطوة التالية التي تريدهم أن يتخذوها بسهولة.
القيام بتجربة قوائم التنقل العلوية اللاصقة
التنقل العلوي الثابت هو شريط قوائم يظل في الجزء العلوي من صفحة الويب حتى أثناء قيام المستخدم بالتمرير. وعندما يتضمن التنقل العلوي صفحات موقعك الأكثر أهمية والتي سيرغب جمهورك في استكشافها ويحتاجون إلى استكشافها، ففكر في استخدام هذا النوع من القائمة الثابتة على موقعك. حيث أن هذا مفيد بشكل خاص إذا كان لديك زر (CTA) في القائمة لأنه متاح دائمًا للمستخدمين للنقر عليه.
النظر في عرض المحمول لقوائمك
يعدل تصميم موقع الويب سريع الاستجابة تخطيط موقع الويب بناءً على حجم الشاشة. ويتم ضبط مواقع الويب لإنشاء تجربة محسّنة للمستخدم، سواء كان جهازًا محمولًا صغيرًا أو سطح مكتب كبير. ضع ذلك في الاعتبار أثناء وضع قوائمك. حيث أنه يمكنك أن تختبر قائمتك على أحجام الشاشات المختلفة.
استخدم تحليلات جوجل (Google Analytics)لمراقبة النتائج، ومعرفة ما هو الأفضل بالنسبة لك والضبط بناءً على ما تعلمته. وانظر إلى تحليلاتك واستخدم تتبع الخرائط الحرارية لتحديد كيفية استخدام الأشخاص لموقعك، ثم كرر ذلك لتحسين تجربة المستخدم والنتائج.
وهذا يحتاج إلى إزالة أو إعادة تسمية عناصر القائمة التي نادرًا ما يتم النقر فوقها، وجعل من السهل الوصول إلى الصفحات التي لها عدد كبير من المشاهدات، ونقل أوقات القائمة التي تحصل على الكثير من النقرات إلى الأعلى أو الأمامي.