هل الشريط الجانبي في طريقه إلى الانقراض؟

نشرت: 2023-02-25

عند إنشاء موقع ويب جديد ، ستتعامل دائمًا مع العديد من العقبات المتعلقة بالتخطيط والوظائف. واحد منهم هو وضع (أو لا) من الشريط الجانبي سيئ السمعة.

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

هل الشريط الجانبي في طريقه إلى الانقراض؟

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

بناء موقع واختيار التخطيطات

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

تم تمرير تخطيط الشريط الجانبي المعتاد إلى الشريط الجانبي على اليمين ، ومن هناك ، إلى عدم وجود شريط جانبي على الإطلاق. لا تحتوي قوالب WordPress الأحدث الآن على شريط جانبي أو خيار عدم وجود شريط جانبي.

يقول البعض أن وجود شريط جانبي يعد أمرًا رائعًا للنقرات والتنقل وتجربة المستخدم ، بينما يقول البعض الآخر أن الشريط الجانبي عبارة عن مساحة ميتة إلى حد كبير.

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

فكيف تعرف إذا كان موقعك يحتاج إلى شريط جانبي (أو اثنين)؟

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

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

  • خيار الاشتراك
  • المنشورات ذات الصلة
  • الاشتراك
  • المؤلف السيرة الذاتية
  • إعلانات

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

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

خيارات للشريط الجانبي للموقع

التطور من ثلاثة أعمدة إلى شريطين جانبيين والعودة مرة أخرى

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

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

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

مشهد مكتب مع موقع ويب لتحرير الحبوب مع شريط جانبي أيمن كبير على سطح المكتب

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

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

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

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

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

لا يزال تصميم المدونة الكلاسيكي يحتل مكانة أعلى ، ولكن إلى أي مدى؟

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

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

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

فكر في موقع ويب SEM مع شريط جانبي أيمن صغير على مكتب به ديناصور وكوب

"لا توجد حركة الشريط الجانبي" وطرق الالتفاف عليها

قبل بضع سنوات ، بدأ مطور مواقع الويب والمدون ، Brian Gardner ، حركة بسيطة تسمى The No Sidebar Movement. لم يكن أول من أنشأ مدونات ومواقع إلكترونية بدون شريط جانبي ، لكنه كان أول من نشر كلمة حول كيفية القيام بذلك بشكل جيد. يدور بيانه حول عيش حياة بسيطة دون إلهاء لا داعي له. لقد تصور طريقة الحياة هذه من خلال التخلص من الشريط الجانبي.

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

موقع ويب nosidebar على سطح المكتب مع ألعاب على المكتب ومهندسي سعادة دولاب الموازنة في مكان قريب

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

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

مشهد سطح المكتب مع مقال متوسط ​​على الشاشة بدون شريط جانبي وتصميم نظيف على مكتب مزدحم

الشريط الجانبي والتحويلات واختبار أ / ب

إذا كنت لا تزال على الحياد بشأن الاحتفاظ بالشريط الجانبي أو إلغائه ، فمن المحتمل أنك قلق بشأن النقرات. ربما يأتي الكثير من تحويلاتك من العروض الموجودة على الشريط الجانبي. أجرى Brian Harris من Video Fruit اختبارات A / B على موقعه لمعرفة ما إذا كان هناك المزيد من النقرات مع الشريط الجانبي أو بدونه. كانت النتائج إيجابية لنسخة بلا الشريط الجانبي. لقد تخلص من الشريط الجانبي في مدونته للأبد.

نيل باتيل من Crazy Egg هو المشجع للشريط الجانبي ، لكنه يستخدمه فقط في مدونة نيل باتيل الخاصة به. لا تحتوي مدونة Crazy Egg على واحدة. من المحتمل أنه يقوم باختبار A / B مستمر على أعمدةه الجانبية.

يتم اختبار A / B عند إنشاء اختبار شيئين مختلفين داخل موقع الويب الخاص بك. ستتيح لك بعض سمات WordPress مثل DIVI القيام بذلك. بالنسبة إلى السمات الأخرى ، قد تضطر إلى النظر في النهاية الخلفية للحصول على حل. قد تتمكن هذه المقالة من Crazy Egg من المساعدة.

خاتمة

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

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