Contenu
- Définition de la barre latérale
- Types de barres latérales
- Contenu de la barre latérale
- Utilisation de la barre latérale
- Comment placer une barre latérale sur la page
Définition de la barre latérale
La barre latérale est une colonne latérale d'une page web qui contient des informations supplémentaires, des liens et des boutons. Dans la plupart des cas, la barre latérale contient des éléments tels que :
- Menu de navigation
- Catalogue de la boutique en ligne
- Bloc publicitaire
- Recommandations
- Filtres
- Formulaire de contact
- Boutons sociaux
Un point clé lors du placement des barres latérales est de respecter un espace optimal : la barre latérale ne doit pas occuper trop de place sur la page. Bien que les dimensions précises puissent varier, la barre latérale est généralement visuellement plus petite que le contenu principal, afin de ne pas distraire l'attention des utilisateurs.
Types de barres latérales
Les barres latérales peuvent être classées en trois types principaux en fonction de leur emplacement sur la page :
- Barres latérales gauches : Option la plus courante, car la plupart des gens lisent de gauche à droite. Généralement, des catalogues de boutiques en ligne et des filtres y sont placés, ce qui aide l'utilisateur à trouver plus rapidement les produits souhaités.
- Barres latérales droites : Option moins préférée, car les blocs publicitaires sont souvent situés à droite, ce qui les rend moins visibles. Les utilisateurs peuvent ignorer cette partie de la page, ce qui réduit l'efficacité de la publicité.
- Barres latérales doubles : Placer des barres latérales de chaque côté peut entraîner une compression du contenu principal, rendant difficile la perception de l'information. Des colonnes étroites peuvent forcer les utilisateurs à faire défiler la page en continu, ce qui les empêche de se concentrer sur le contenu principal.
Contenu de la barre latérale
La barre latérale peut contenir diverses informations qui aident les utilisateurs à mieux naviguer sur le site. Voici quelques éléments principaux à inclure dans la colonne latérale :
- Menu et classification : La barre latérale peut contenir un catalogue ou un ensemble de liens permettant aux utilisateurs d'accéder à d'autres sections du site. Il est recommandé d'inclure uniquement des liens importants liés à la section actuelle, afin de ne pas détourner l'utilisateur du contenu principal.
- Annonces : La barre latérale peut inclure des fils d'actualités ou des annonces de publications, permettant aux utilisateurs de rester au courant des événements actuels sans avoir à cliquer sur des liens.
- Publicité : Dans la barre latérale droite, des blocs publicitaires ou des matériaux partenaires sont souvent placés, bien que les utilisateurs puissent ignorer cette partie de la page.
- Appels à l'action et boutons sociaux : Des éléments incitant l'utilisateur à agir, tels que l'inscription à une newsletter ou un rappel, peuvent également être inclus dans la barre latérale.
- Filtres : Pour faciliter la recherche de produits, les filtres sont souvent placés dans la barre latérale gauche, afin que l'utilisateur puisse facilement les remarquer.
Utilisation de la barre latérale
La barre latérale peut être utile pour la plupart des sites web, en particulier ceux qui sont ouverts sur des ordinateurs de bureau. Cependant, sur les appareils mobiles, la barre latérale peut changer de forme et se déplacer vers le bas ou vers le haut, se transformant en un « hamburger » standard ou en un ensemble de boutons. Cela peut entraîner la dissimulation d'une partie des informations derrière un bouton « plus ». Il est important de se rappeler que les pages d'atterrissage nécessitant une exploration séquentielle du contenu sont mieux sans barres latérales, car elles peuvent distraire les utilisateurs.
Cependant, certaines pages d'atterrissage peuvent être remplies de nombreux blocs, et dans de tels cas, il peut être utile d'inclure une barre latérale « collante » avec une navigation, afin que les utilisateurs puissent facilement revenir à l'information souhaitée.
Comment placer une barre latérale sur la page
Le placement de la barre latérale sur un site peut être réalisé de deux manières principales : par la programmation web ou à l'aide de systèmes de gestion de contenu (CMS). Si la page est créée manuellement, il sera nécessaire d'écrire du code pour la barre latérale, ce qui nécessite certaines compétences en programmation web. En cas d'utilisation d'un CMS, la barre latérale est ajoutée à l'aide des outils du constructeur.
Par exemple, dans WordPress, il existe plusieurs façons d'ajouter une barre latérale :
- Créer un thème avec une barre latérale et le télécharger ;
- Choisir un thème prêt à l'emploi dans le catalogue ;
- Installer un plugin pour ajouter une barre latérale ;
- Utiliser le plugin Elementor pour personnaliser le site.
Les thèmes WordPress prêts à l'emploi ont généralement des barres latérales intégrées, ce qui simplifie considérablement le processus de développement.
