ما هو الشريط الجانبي وهل تحتاج واحدًا في مدونتك؟

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

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

دعنا نذهب اليها!

اشترك في قناتنا على اليوتيوب

ما هو الشريط الجانبي (ولماذا يكون مفيدًا)؟

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

• روابط التنقل إلى الصفحات الرئيسية
• إعلانات للمنتجات أو الخدمات
• نماذج الاشتراك في البريد الإلكتروني
• المشاركات الشعبية أو ذات الصلة
• روابط وسائل التواصل الاجتماعي

ثمانية من أكثر عشرة مواقع شعبية على الويب تستخدم الأشرطة الجانبية بشكل أو شكل ما. تعمل ويكيبيديا كقائمة تنقل:

من ناحية أخرى ، يشارك Reddit الإعلانات المدرة للدخل بالإضافة إلى المنشورات ذات الصلة وخيار ترقية حسابك:

في حين أن الاستخدامات التي ناقشناها سابقًا هي بعض الطرق الأكثر شيوعًا التي تضع بها المواقع الأشرطة الجانبية للعمل ، إلا أنها تُستخدم أحيانًا لسير المؤلف ، وإخلاء المسؤولية عن الشركات التابعة ، ومجموعة متنوعة من الأغراض الأخرى:

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

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

2 أنواع مواقع الويب التي يمكن أن تستفيد من استخدام الشريط الجانبي

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

1. مواقع الويب ذات المحتوى الثقيل

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

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

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

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

2. المتاجر على الإنترنت

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

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

إحدى المشكلات الشائعة في تصميم مواقع التجارة الإلكترونية هي أنها تنطوي على الكثير من الفوضى. إذا ألقيت نظرة سريعة على Amazon أو eBay ، فستلاحظ ما نعنيه على الفور:

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

كيف تتلاءم الأشرطة الجانبية مع عالم الجوّال أولاً؟

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

بدلاً من ذلك ، يتم عادةً نقل هذه المعلومات إلى أسفل الصفحة على الأجهزة الأصغر حجمًا ، حيث يقل احتمال العثور عليها. بالنظر إلى أن حركة مرور الهاتف المحمول تمثل الآن أكثر من 51 في المائة من استخدام الإنترنت على مستوى العالم ، فهذه مشكلة كبيرة لتصميم الويب.

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

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

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

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

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

استنتاج

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

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

هل لديك أي أسئلة حول كيفية تحقيق أقصى استفادة من الشريط الجانبي الخاص بك؟ تركها في قسم التعليقات أدناه!

الصورة المصغرة للمادة السيد كريثا محمود / shutterstock.com