Qu'est-ce que la balise footer ?
La balise HTML <footer> définit le pied de page d'un document ou d'une section, contenant généralement les mentions légales, contacts et liens de navigation.
Qu'est-ce que la balise <footer> ?
La balise <footer> est un élément sémantique HTML5 utilisé pour définir le pied de page d'une page web ou d'une section spécifique d'un document. Elle se situe traditionnellement tout en bas de la page, mais elle peut également être utilisée à l'intérieur d'un élément <article> ou <section> pour contenir des informations de clôture propres à ce bloc (comme l'auteur ou des liens connexes).
Dans l'écosystème du développement web, le footer est l'endroit stratégique où l'utilisateur s'attend à trouver des informations de référence qui n'ont pas leur place dans le flux principal de navigation.
Que contient généralement une balise <footer> ?
Bien qu'il n'y ait pas de règle stricte, on y retrouve bien souvent :
- Informations de copyright (ex: © 2024 Mon Entreprise).
- Liens de navigation secondaires (Mentions légales, Politique de confidentialité, CGV).
- Coordonnées de contact et liens vers les réseaux sociaux.
- Sitemap simplifié ou widgets (inscription newsletter, derniers articles).
Pourquoi est-elle importante pour le SEO et l'UX ?
L'utilisation de la balise <footer> plutôt qu'une simple <div> présente des avantages concrets :
- Sémantique et Accessibilité : Les moteurs de recherche et les lecteurs d'écran identifient immédiatement cette zone comme étant le bas de page. Cela permet aux robots de mieux comprendre la hiérarchie du site.
- Navigation de secours : Pour l'utilisateur, le footer est une "ancre". S'il n'a pas trouvé ce qu'il cherchait dans le menu principal après avoir scrollé toute la page, il compte sur le footer pour le guider.
- Crédibilité et Confiance : Un footer bien structuré avec des mentions légales renforce le score E-E-A-T (Expérience, Expertise, Autorité, Confiance) aux yeux de Google, prouvant que le site est géré par une entité réelle et sérieuse.
Implémentation dans Webflow
Sur Webflow, pour transformer un élément en pied de page sémantique, la procédure est rapide :
- Sélectionnez votre section de bas de page (le conteneur parent).
- Allez dans le panneau Settings (touche D).
- Dans la section Tag, remplacez div par footer dans le menu déroulant.
Conseil d'expert Webflow : Transformez systématiquement votre footer en Component. Cela vous permet de gérer vos liens ou votre copyright à un seul endroit pour que la mise à jour soit instantanée sur l'intégralité de votre projet.