Qu'est-ce qu'une barre latérale et en avez-vous besoin sur votre blog ?

Lorsque vous pensez à la mise en page d'un site Web typique, il y a de fortes chances que vous incluiez une colonne de liens ou d'informations importantes à droite ou à gauche de la zone de contenu principale. Cet élément est connu sous le nom de « barre latérale » et est extrêmement répandu sur le Web. Cependant, pour que le vôtre soit efficace, il est essentiel de comprendre comment fonctionne cette fonctionnalité.

Tous les sites Web n'ont pas besoin de barres latérales, et certaines conceptions sont bien mieux sans. Dans cet esprit, nous allons approfondir l'objectif de cette fonctionnalité, quels types de sites devraient envisager de l'utiliser et comment elle est prise en compte dans le paysage actuel « d'abord mobile ».

Allons-y !

Abonnez-vous à notre chaîne Youtube

Qu'est-ce qu'une barre latérale (et pourquoi en avoir une est-elle utile) ?

En bref, une barre latérale est une colonne placée à droite ou à gauche de la zone de contenu principale d'une page Web. Ils sont couramment utilisés pour afficher divers types d'informations supplémentaires pour les utilisateurs, tels que :

• Liens de navigation vers les pages clés
• Annonces pour des produits ou des services
• Formulaires d'inscription par courriel
• Articles populaires ou connexes
• Liens vers les réseaux sociaux

Huit des dix sites les plus populaires sur le Web utilisent des barres latérales sous une forme ou une autre. Wikipédia sert de menu de navigation :

Reddit, d'autre part, partage des publicités génératrices de revenus ainsi que des publications connexes et une option pour mettre à niveau votre compte :

Bien que les utilisations dont nous avons parlé précédemment soient certaines des manières les plus courantes dont les sites font fonctionner les barres latérales, elles sont également parfois utilisées pour les biographies des auteurs, les clauses de non-responsabilité des affiliés et diverses autres fins :

Le principal avantage de l'intégration d'une barre latérale dans la conception de votre site Web est qu'elle reste visible lorsque les utilisateurs naviguent sur votre site. Cela vous permet de rendre les informations et les fonctionnalités clés facilement disponibles à tout moment.

C'est pourquoi les barres latérales contiennent souvent des éléments d'appel à l'action (CTA) tels que des formulaires d'abonnement par courrier électronique et des publicités. Les fonctionnalités de navigation fonctionnent également bien ici, car elles sont faciles à trouver et le contenu juridique tel qu'une déclaration de divulgation d'affilié est moins susceptible de se perdre dans le remaniement.

2 types de sites Web qui peuvent bénéficier de l'utilisation des barres latérales

Vous pouvez inclure une barre latérale sur à peu près n'importe quel type de site Web. Cependant, ils sont particulièrement utiles dans quelques situations différentes dans lesquelles les utilisateurs peuvent bénéficier de conseils supplémentaires. En voici deux qui méritent d'être mentionnés.

1. Sites Web riches en contenu

Les blogs, les sites d'actualités, les magazines en ligne et autres sites Web riches en contenu englobent une catégorie assez large. Cependant, ils ont tous une chose en commun, c'est qu'ils survivent en publiant toujours plus d'articles.

Plus vous avez de contenu, plus il devient compliqué de naviguer sur votre site Web. Vous pouvez utiliser une barre latérale dans cette situation pour :

• Y compris des liens vers les médias sociaux ou des boutons de partage
• Afficher votre formulaire d'inscription par e-mail là où les utilisateurs ne le manqueront pas
• Affichage de liens vers des articles et des pages connexes
• Montrez votre contenu le plus populaire
• Ajout d'une barre de recherche facile à trouver

Une barre latérale peut aider les utilisateurs à trouver des opportunités d'engagement là où elles pourraient autrement être manquées, encourager les abonnements et donc les visiteurs récurrents, et améliorer la navigation pour garder les lecteurs sur votre site plus longtemps. Tous ces résultats profitent à votre site et peuvent augmenter les revenus que vous en tirez.

2. Boutiques en ligne

Les sites Web ne deviennent pas beaucoup plus complexes que les magasins en ligne. Plus votre site e-commerce propose de produits, plus il inclura de pages. Cela rend les barres latérales d'autant plus utiles pour inclure des éléments tels que :

• Produits associés et achats passés
• Boutons Ajouter au panier
• Avis et notes des acheteurs
• Annonces pour les offres spéciales ou les promotions que vous diffusez
• Une vue du panier d'achat pour que les clients puissent suivre leurs totaux en cours

Un problème courant avec la conception de sites Web de commerce électronique est qu'il implique beaucoup d'encombrement. Si vous jetez un coup d'œil sur Amazon ou eBay, vous remarquerez tout de suite ce que nous voulons dire :

Tous les éléments qui peuvent vous aider à organiser ce fouillis et à rendre vos pages plus conviviales sont les bienvenus, et les barres latérales correspondent certainement à ce projet de loi.

Comment les barres latérales s'intègrent-elles dans un monde axé sur le mobile ?

Malgré leur utilité historique, les encadrés ont récemment été critiqués. L'argument le plus fort contre eux est qu'ils ne se traduisent pas bien sur les appareils mobiles. Étant donné que l'espace à l'écran est limité sur les smartphones et les tablettes, donner plus d'un tiers de la page au contenu secondaire n'est pas pratique.

Au lieu de cela, ces informations sont généralement déplacées vers le bas de la page sur les appareils plus petits, où elles sont moins susceptibles d'être trouvées. Étant donné que le trafic mobile représente désormais plus de 51 % de l'utilisation d'Internet dans le monde, il s'agit d'un problème important pour la conception de sites Web.

En réponse, certains sites ont choisi de ne pas utiliser de barres latérales du tout. Bien que cela ait du sens, cela signifie également que ces sites ne peuvent pas profiter des avantages offerts par cette mise en page. Si vous gérez un blog riche en contenu ou une boutique de commerce électronique, cela pourrait s'avérer être un réel problème.

Une option pour résoudre ce problème consiste à masquer votre barre latérale sur les appareils mobiles. Cela permettra aux utilisateurs de bureau de visualiser votre contenu secondaire tout en gardant votre site lisible sur les smartphones et les tablettes.

Une autre solution consiste à ne masquer qu'une partie de votre contenu supplémentaire sur des appareils plus petits. Par exemple, si vous avez des boutons sociaux dans votre en-tête, vous pouvez les supprimer de votre barre latérale mobile pour éviter les répétitions.

Alternativement, vous pouvez utiliser une barre latérale pliable pour votre site mobile. Les utilisateurs peuvent ensuite choisir de l'afficher ou de le masquer selon leurs besoins :

Enfin, il y a toujours la possibilité de garder votre barre latérale dans son intégralité et de la rendre réactive afin qu'elle se rétrécisse pour s'adapter aux écrans plus petits. L'itinéraire le plus adapté à votre site dépendra du type de contenu que contient votre barre latérale et des objectifs de votre site Web dans son ensemble.

Conclusion

Bien que vous souhaitiez que votre contenu principal soit mis en lumière, les utilisateurs de votre site ont également besoin de beaucoup d'autres informations. Avec une barre latérale, vous pouvez afficher des éléments critiques tels que des liens vers des zones clés, des formulaires d'inscription par e-mail et plus encore dans vos pages.

Les barres latérales peuvent avoir leurs inconvénients lorsqu'il s'agit de naviguer d'abord sur mobile, mais elles ne vont nulle part de si tôt. Au lieu de cela, nous devons ré-imaginer la façon dont nous abordons leur conception. Cependant, avec les bons outils, vous devriez être à la hauteur du défi.

Avez-vous des questions sur la façon de tirer le meilleur parti de votre barre latérale ? Laissez-les dans la section commentaires ci-dessous!

Image miniature de l'article par M. Kreetha Mahamud / shutterstock.com