Le pied de page est souvent la dernière partie d'un site à laquelle on pense, et il se transforme vite en fourre-tout : liens accumulés au fil des années, mentions répétées, logos de partenaires, slogans. Pourtant, un footer bien organisé rend de vrais services. Les visiteurs qui y descendent cherchent généralement une information précise : un horaire, une adresse, un lien vers les mentions légales.
À quoi sert le footer
Le footer joue plusieurs rôles. Il offre une navigation de secours aux visiteurs qui ont fait défiler toute la page sans trouver ce qu'ils cherchaient. Il rassemble les informations pratiques et légales attendues sur tout site professionnel. Et il donne une dernière occasion de passer à l'action, en contactant l'entreprise ou en s'inscrivant à une newsletter.
Les contenus vraiment utiles
Un bon footer contient ce que les visiteurs viennent y chercher :
- Les coordonnées : adresse, téléphone cliquable, e-mail ;
- Les horaires d'ouverture pour un commerce, un cabinet ou une mairie ;
- Les liens essentiels : services principaux, contact, à propos ;
- Les liens légaux : mentions légales, politique de confidentialité, gestion des cookies, accessibilité ;
- Les réseaux sociaux, avec des icônes explicites ;
- Le copyright avec l'année et le nom de l'entreprise.
Organiser en colonnes cohérentes
Sur ordinateur, le footer s'organise généralement en trois ou quatre colonnes de même importance visuelle, chacune avec un titre clair : par exemple l'entreprise et ses coordonnées, les liens de navigation, les horaires. Des colonnes de largeurs et de styles homogènes donnent une impression d'ordre, alors que des blocs de tailles très différentes paraissent désorganisés.
Une ligne inférieure, séparée visuellement, regroupe habituellement le copyright et les liens légaux.
Le footer sur mobile
Sur un téléphone, les colonnes s'empilent les unes sous les autres, et le pied de page peut devenir très long. Il faut alors hiérarchiser : les coordonnées et l'action principale d'abord, les liens secondaires ensuite. Certains sites utilisent des sections repliables pour réduire la hauteur, à condition que les informations essentielles restent visibles directement.
Attention aussi aux éléments flottants, comme un bouton de retour en haut de page ou un module d'accessibilité, qui peuvent masquer le texte du bas de page sur petit écran. Prévoyez un espace suffisant pour qu'aucune information ne soit cachée.
Les erreurs fréquentes
Quelques défauts reviennent souvent lors de mes audits :
- Des informations dupliquées, comme le même lien de contact à trois endroits ;
- Des slogans qui occupent de l'espace sans rien apporter ;
- Des liens morts vers des pages supprimées ;
- Une année de copyright qui n'est plus à jour ;
- Des textes trop petits ou trop pâles, difficiles à lire.
L'accessibilité du pied de page
Le footer doit être balisé avec l'élément HTML prévu à cet effet, pour que les lecteurs d'écran puissent l'identifier. Les liens doivent avoir des intitulés explicites, les icônes de réseaux sociaux un texte alternatif, et les contrastes rester suffisants. Le guide du W3C sur les régions de page explique comment structurer ces zones.
Le footer et le référencement
Les liens du pied de page apparaissent sur toutes les pages : ils transmettent donc de l'importance aux pages ciblées. C'est utile pour vos pages clés, mais il ne faut pas en abuser en y plaçant des dizaines de liens optimisés pour le référencement, une pratique que Google considère comme peu naturelle.
Mon conseil
Faites l'inventaire de votre footer et demandez-vous, pour chaque élément : un visiteur viendrait-il le chercher ici ? Supprimez le superflu, regroupez le reste en colonnes homogènes et vérifiez l'affichage sur mobile. Un footer clair, c'est la touche finale d'un site professionnel.
