أفضل 10 أمثلة على التنقل في صفحات الويب
لا يقتصر نظام التوجيه المُنظّم جيدًا على توجيه الزوار إلى موقع إلكتروني، بل يُعزز أيضًا تجربة إرشادية شيّقة وبديهية، مما يُساعدهم على الاستمرار في العودة. تُناقش هذه المقالة بعمقٍ توجيه المواقع، مُغطّيةً الأهداف، وعواملها الرئيسية، وأفضل الممارسات، وخبرة الوضع النموذجية، لإرشادهم إلى إجراءات التنقل النشطة. لدى Xero عدد كبير من الملفات الشخصية على موقعها، لكن نظام التنقل الخاص بها يُنظّم جميع المعلومات بطريقة سهلة المسح. مع ذلك، تضمن سهولة الوصول إلى أفضل دعوات العمل، ويمكن أن تتضمن شريط مهام في المكان الذي تتوقعه، بدلاً من محاولة جذب انتباههم إلى دعوة العمل "التجربة المجانية".
تحسين التنقل للأدوات المختلفة
من توصيات توجيه المواقع، حاول وضع الفئات الرئيسية لموقعك أعلى الصفحة. ستحصل جميع الفئات المهمة على تحديثات نظامك الغذائي، ويمكنك إنشاء قوائم منسدلة أسفل قوائم توجيه موقعك. يمكن للمستخدم تحريك مؤشر الفأرة فوق فئة الرأس لمشاهدة ما يبحث عنه المستخدمون المرتبطون أسفلها.
قوائم التذييل، كما توقعت، مُدرجة في تذييل موقعك الإلكتروني. تُعدّ قوائم التذييل مثالية للمواقع الأخرى التي تحتوي على مقالات إضافية للربط بها، وقد لا تكون ضرورية للمجموعة، مثل خيارات الحماية واقتراحات الإنتاجية. قوائم الشريط الجانبي، والمعروفة أيضًا بالقوائم المباشرة، هي قوائم تنقل تُستخدم للتنقل بين الصفحات المتبقية أو على الجانب الأيمن من الموقع. ومثل أنواع القوائم الأخرى، تحتوي قوائم التوجيه المباشر دائمًا على شعار وروابط تشعبية قابلة للنقر. أما التنقل الفرعي، أو التوجيه المحلي، فهو الأداة التي تُمكّن زوار موقعك من العثور على أنواع الصفحات السفلية من واجهة المستخدم الرسومية للموقع. وبالحديث عن أنواع الروابط الرئيسية، عادةً ما يتم عرضها من خلال قوائم منسدلة.
شريط التوجيه الجانبي
مثل باتاغونيا، يُقدّم بريوجيو خيارات تنقل واسعة تُتيح لك خيارات تصفح أخرى بناءً على المنتجات التي تُمرّر مؤشر الفأرة فوقها. يُشير أحد عناصر "المتجر" (في الصورة أدناه) إلى قائمة كبيرة بروابط نصية ملونة، ولافتات تُوضّح أسئلة أخرى. يُقدّم باتاغونيا أحد أكثر نماذج قوائم التنقل إبداعًا التي وجدتها. ولمواكبة قائمته الكبيرة، يُقدّم قوائم ضخمة في مدينتين مستقلتين.
يستخدم مفردات واضحة وسهلة التعلم، ويربط بأهم صفحاتك. بالنسبة لصفحة المجموعة، أسفل عنوان "حمية ألق نظرة على الرابط التشعبي البرجر"، يوجد رابط لمجموعة فرعية أخرى من المجموعات. يوفر هذا الرابط جميع المعلومات في القائمة الرئيسية على أجهزة الكمبيوتر، ويتم ترتيب الروابط بشكل مثالي للمجموعة. إذا قمت بإنشاء قائمة البرجر الجديدة، فستصبح شريطًا جانبيًا رائعًا في الجزء العلوي الأيسر، حيث يوجد هامش واسع مع معظم الخيارات المتقدمة. إذا كانت قائمتك عالمية، فستظل كما هي بعد الضغط على تصنيف مختلف.
- سنقوم أيضًا بحماية بعض علامات الملاحة وتقديم أمثلة تعطي الرغبة في ملاءمة تصميم النظام الغذائي لموقع الويب الخاص بك.
- نظرًا لأن ضبط الجزء السفلي من قائمة التوجيه يميل إلى مساعدتك بشكل واضح وبالتالي فإن المستخدمين في الواقع ضروريون للغاية لتمكين الأفراد من الوصول.
- يقوم موقع الويب الخاص بك بتوجيه الأجزاء الأكثر أهمية في تصميم الموقع.
- إنها ستأخذ شكل روابط داخلية عالقة داخل المنشورات، مما يؤدي إلى مدونات ذات صلة أو إرشادات للجهاز.
- عند اختيار خطة استضافة الويب، يجب النظر إلى العوامل الرئيسية من خلال دقة الاستضافة، والسعر، والحماية، والخدمة، وقابلية التوسع، والأسعار.
تسطيح هيكلك
يُسهّل فريق تكنولوجيا المعلومات على الأفراد العثور على المعلومات التي يبحثون عنها بكفاءة وسرعة. يُساعد الوصول الذكي إلى مساحة الكتابة الخفيفة على بناء محتوى جذاب من الناحية الجمالية، وهو أمر أساسي لتنظيم كميات كبيرة من النصوص في بنية سهلة الإدارة. تجنّب الجمل المُكدّسة، وحاول أن تجعل العبارات قصيرة وسهلة القراءة. هذا يُساعد على بقاء الصفحات مُندمجة في مقالاتك.
يتضمن ذلك اسم موقع ويب ذي مستوى أعلى (TLD)، وما يليه، واسم نطاق ذي مستوى أعلى (SLD)، وكل ما يصل إلى العلامة. في الأسابيع القادمة، تأكد من حماية الشاشة ولا تتجاهل الإصلاحات. حافظ على تحديث تطبيقك وإضافاتك، وتأكد من تفعيل شهادة SSL.
نظامك الغذائي في التذييل مخفيٌّ أكثر، إذ يجب على المستخدمين البحث أسفل صفحتك لملاحظته. على عكس جميع قوائم التوجيه الأخرى التي ذكرتها، فإن التذييلات أكثر تعقيدًا. يُشبه خيار البرجر الجديد خيار القائمة المنسدلة الجديد، وهو في الواقع نظام غذائي بسيط للغاية.
إن أمكن، يجب عليك فقط وضع المستخدمين على خريطة الموقع إذا كان المسوق بالعمولة الجيد يبحث عن محتوى جديد لصفحتك (أو إذا كنت ستبذل جهدك ووقتك في ذلك). مع ذلك، يُفضل تسريع هذه العملية لتخفيف العبء على مسؤولي الموقع. يُعد توجيه القوائم المنسدلة أمرًا سهلاً، حيث تحتوي على قائمة واحدة فقط من الروابط، كما هو الحال مع FreeAgent. يؤثر هذا في البداية على تجربة المستخدم، حيث إن تمكين المستخدمين من رؤية ما يريدونه سيؤدي إلى زيادة معدلات التحويل. لضمان ثبات تصميم القائمة التي تستخدمها في جميع الصفحات، تأكد من أنها تبدو متشابهة. إذا كان لديك شريط تنقل جانبي، فوفر خيارات القائمة نفسها في جميع صفحات الويب.
لا يُحدد عدد الكلمات التي تستخدمها في القوائم، أو الصفحات التي تربط بها إذا لم يتمكن زوار موقعك من رؤية القائمة أصلًا. لحسن الحظ، جميع قوالب ووردبريس المُثلى تتميز بتصميم مُتجاوب وقوائم مُتجاوبة تلقائيًا. إذا لم تكن تُنشئ موقع ووردبريس من التآكل، فإن ووردبريس يُوفر لك الحماية هنا.
بما أن تصفح موقعك الإلكتروني وقوائمه يجب أن تأخذ بعين الاعتبار صفحات الكمبيوتر والهواتف المحمولة، فقد يصبح الأمر أكثر تعقيدًا، وقد يكون استخدام مُنشئ مواقع خيارًا ممتازًا. هذا يؤدي إلى قوائم جوال واضحة ومُصنفة وقابلة للتوسيع، بدلًا من مجرد دليل دائم للروابط الخلفية. حسّن الألوان والخطوط والمساحة الفاتحة لفصل القوائم عن مقالاتك الرئيسية والأشرطة الجانبية.
يوفر قوائم وروابط خلفية وأشرطة عرض، وهي ضرورية لتحسين تجربة المستخدم من خلال إتاحة وصول سهل إلى أقسام ومحتوى معين. يحيط نظام توجيه موقع الويب بقوائم مختلفة ومسارات تنقل وروابط داخلية تُمكّن المستخدمين من عرض أقسام أخرى، كما يُتيح للمستخدمين الخروج من الموقع. يعتمد تعقيد نظام التصفح على بنية الموقع والمحتوى الذي يُقدمه للمستخدمين. يُقلل نظام التصفح من معدل النقر، ويُحسّن تصميم صفحات الويب لمحركات البحث وتجربة المستخدم. يُعد شريط البحث ضروريًا للمواقع الأخرى، مما يُمكّن المستخدمين من تجاوز قوائم التنقل عند البحث عن إرشادات أو نقاط محددة.
الاكتمال أفضل من الكمال، خاصةً عندما يكون عميلك التالي متاحًا بالفعل يبحث عن منتجك أو خدمتك. آخر ما عليك فعله هو قراءة كل صفحة والنقر على الروابط والأزرار للتأكد من أنها تعمل كما هو متوقع. كلمة المرور الجديدة التي يجب عليك إدخالها هنا تأتي من برنامج الإحصاءات الخاص بك، ويمكنك العثور عليها في إعدادات النظام. إذا كان لديك عدة مدن أو خدمات، ففكّر في استخدام قوائم الحذف لتصنيفها. يمكنك الحصول على العديد من الإلهام من خلال اختيار أفضل المواقع في العالم.