Footer d'un site : définition, contenu et erreurs à éviter

Le footer est la zone du bas de chaque page qui regroupe contact, liens clés et informations légales. Ce qu'il doit contenir, comment le coder, son rôle réel en SEO et les erreurs à éviter.

Le footer, ou pied de page, est la zone située tout en bas de chaque page d’un site web. Il regroupe les informations que le visiteur s’attend à y trouver sans avoir à les chercher : coordonnées, liens vers les pages importantes, mentions légales, gestion des cookies, réseaux sociaux. En HTML, il correspond à la balise <footer>. Bien conçu, il sert de filet de sécurité à la navigation ; mal conçu, il devient une liste de liens que personne ne lit.

On voit ici ce qu’est exactement un footer, ce qu’il doit contenir (et ce qui est obligatoire en France), comment le coder proprement, son rôle réel pour le référencement, et les erreurs qu’on rencontre le plus souvent lors des audits de sites.

Qu’est-ce que le footer d’un site web ?
À quoi sert un pied de page ?
Que mettre dans le footer d’un site ?
Qu’est-ce qui est obligatoire dans un footer en France ?
Comment coder un footer en HTML ?
Le footer a-t-il un impact sur le SEO ?
Comment adapter le footer au mobile ?
Quelles erreurs éviter dans un pied de page ?
Questions fréquentes
Sources

Qu’est-ce que le footer d’un site web ?

Le footer (« pied de page » en français) est la partie inférieure d’une page web, placée après le contenu principal. Sur la plupart des sites, c’est un bloc commun à toutes les pages : on le conçoit une fois dans le thème ou le gabarit, et il s’affiche partout à l’identique. C’est le pendant du header (l’en-tête), qui contient en haut le logo et le menu principal.

Trois caractéristiques le définissent :

Il est clairement séparé du contenu : couleur de fond différente, filet, changement de typographie. D’un coup d’œil, le visiteur doit voir où la page s’arrête et où commence le pied de page. Son style reste cohérent avec l’identité visuelle du reste du site.
Il est placé en bas, là où les internautes ont l’habitude d’aller le chercher. C’est une convention forte : quand on cherche un e-mail de contact ou les mentions légales, on fait défiler jusqu’en bas presque par réflexe.
Il est constant d’une page à l’autre. Un pied de page qui change de structure selon les pages déroute et fait perdre du temps.

Il ne faut pas le confondre avec la « ligne de flottaison » ni avec le bas d’un article : un article de blog peut avoir son propre petit pied (auteur, date, étiquettes) à l’intérieur de la page, en plus du footer global du site.

À quoi sert un pied de page ?

Le footer n’est pas là pour faire joli. Il remplit trois rôles concrets.

Rattraper le visiteur arrivé au bout de la page. Quelqu’un qui a lu jusqu’en bas sans cliquer n’a pas trouvé ce qu’il cherchait, ou hésite. Le footer lui offre une porte de sortie utile : contact, pages clés, prise de rendez-vous, au lieu d’un cul-de-sac.
Héberger ce qui doit être accessible partout sans encombrer le menu : mentions légales, politique de confidentialité, conditions générales, gestion des cookies, plan du site.
Rassurer. Une adresse physique, un e-mail, un numéro SIRET, des labels ou certifications réels montrent qu’il y a une vraie entreprise derrière le site. Sur un site marchand, c’est souvent là que le visiteur vérifie les conditions de livraison et de retour avant d’acheter.

C’est une question d’expérience utilisateur avant tout : le pied de page est un élément que les visiteurs s’attendent à trouver et dont ils connaissent le mode d’emploi. Respecter cette attente, c’est leur faire gagner du temps.

Que mettre dans le footer d’un site ?

Le choix doit partir de vos objectifs, pas d’une liste à cocher. Voici les éléments les plus courants, du plus universel au plus spécifique.

Élément	Utile pour	Conseil
Coordonnées (e-mail, adresse, formulaire)	Tous les sites	Au minimum un e-mail ou un lien vers la page contact. Ajoutez l’adresse si vous recevez du public.
Liens légaux (mentions légales, confidentialité, CGV)	Tous les sites professionnels	Vérifiez régulièrement qu’aucun lien n’est cassé.
Gestion des cookies	Tout site qui dépose des traceurs soumis au consentement	Un lien « Gérer mes cookies » qui rouvre le bandeau de choix.
Liens vers les pages clés	Sites de plus de quelques pages	Les rubriques principales, la FAQ, l’aide, pas un double du menu.
« À propos » ou présentation courte	Marques, indépendants, blogs	Deux lignes et un lien vers la page dédiée suffisent.
Réseaux sociaux	Marques actives sur ces réseaux	N’affichez que les comptes réellement animés.
Inscription à la newsletter	Sites qui ont une vraie newsletter	Le footer sert de rappel, pas de point de collecte principal.
Éléments de confiance	E-commerce, services	Moyens de paiement, labels, avis vérifiés : uniquement ce qui est réel et vérifiable.
Plan du site	Sites complexes	Un lien vers une page plan du site plutôt qu’une liste de cinquante liens.

Sur un site e-commerce, on donne la priorité aux informations qui lèvent les freins à l’achat : livraison, retours, paiement sécurisé, service client. Sur un site vitrine de TPE, l’essentiel tient souvent en trois colonnes : l’entreprise en deux lignes, les pages principales, le contact et les liens légaux. Si vous proposez un abonnement en ligne, le lien vers la résiliation a lui aussi toute sa place dans le pied de page.

Header ou footer ? Le header porte la navigation principale et l’identité (logo, menu, bouton d’action). Le footer porte la navigation secondaire, les informations pratiques et légales. Si un lien est utilisé par la majorité des visiteurs, il va dans le header. S’il est consulté ponctuellement mais doit être trouvable partout, il va dans le footer.

Qu’est-ce qui est obligatoire dans un footer en France ?

La loi n’impose pas de mettre quoi que ce soit dans le footer en tant que tel. Elle impose que certaines informations soient facilement accessibles sur le site, et le pied de page est l’emplacement que tout le monde utilise pour cela.

Les mentions légales : tout site professionnel doit permettre d’identifier son éditeur (nom ou dénomination, adresse, numéro d’immatriculation, numéro de TVA, contact) et son hébergeur. Selon Service-Public.fr, l’absence de ces mentions expose un entrepreneur individuel à un an d’emprisonnement et 75 000 € d’amende.
Les conditions générales de vente si vous vendez à des consommateurs.
L’information sur les données personnelles (politique de confidentialité) dès que vous collectez des données, par exemple via un formulaire de contact.
Le retrait du consentement aux cookies : la CNIL rappelle qu’il doit être « aussi simple de retirer son consentement que de le donner » et que ces solutions doivent être « accessibles à tout moment ». Un lien permanent dans le footer répond bien à cette exigence.

Côté accessibilité, la directive européenne 2019/882 s’applique depuis le 28 juin 2025 à une partie des services en ligne, dont le commerce électronique, les microentreprises de services (moins de 10 salariés et chiffre d’affaires ou bilan annuel inférieur ou égal à 2 millions d’euros) en étant exemptées. Si vous y êtes soumis, le lien vers votre déclaration d’accessibilité trouve naturellement sa place dans le pied de page. Pour le détail des règles, voyez notre guide pratique de l’accessibilité web.

Comment coder un footer en HTML ?

Depuis HTML5, le pied de page a sa propre balise : <footer>. Avant, on utilisait une simple <div id="footer">, qui ne disait rien de son rôle aux navigateurs ni aux technologies d’assistance. Voici une structure simple et propre :

<body>
  <header>…logo et menu…</header>
  <main>…contenu de la page…</main>
  <footer>
    <nav aria-label="Liens du pied de page">
      <ul>
        <li><a href="/contact/">Contact</a></li>
        <li><a href="/mentions-legales/">Mentions légales</a></li>
        <li><a href="/confidentialite/">Confidentialité</a></li>
      </ul>
    </nav>
    <address><a href="mailto:contact@exemple.fr">contact@exemple.fr</a></address>
    <p>© Nom de l'entreprise</p>
  </footer>
</body>

Quelques règles issues de la documentation MDN :

Placé directement dans <body>, le <footer> s’applique à toute la page et expose le repère contentinfo aux lecteurs d’écran, qui peuvent ainsi y sauter directement.
Placé dans un <article> ou une <section>, il devient le pied de ce bloc seulement. Une page peut donc contenir plusieurs <footer>.
Un <footer> ne peut pas être placé dans un <header>, un <address> ou un autre <footer>.

Sur WordPress, le footer se règle selon le thème : dans l’éditeur de site (Apparence, puis Éditeur), où le pied de page est une « partie de modèle », pour les thèmes à blocs, ou via les widgets et le personnalisateur pour les thèmes classiques. Si vous faites réaliser votre site, demandez que le footer soit éditable sans toucher au code.

Le footer a-t-il un impact sur le SEO ?

Oui, mais pas celui qu’on imagine souvent. Les liens du footer sont des liens comme les autres : Google les explore, et ils aident à découvrir les pages importantes, puisqu’ils sont présents sur toutes les pages du site. Un lien vers votre page de contact ou vers vos rubriques principales en pied de page contribue à votre maillage interne.

En revanche, le footer n’est pas un raccourci pour se positionner :

Bourrer le pied de page de liens optimisés (« plombier Montpellier », « plombier pas cher Montpellier », etc.) n’apporte rien de bon et dégrade la lisibilité.
Les liens placés dans le footer d’autres sites pour gagner des backlinks sont explicitement cités par Google parmi les exemples de spam de liens : « les liens largement distribués dans les pieds de page ou les modèles de divers sites ». La mention « Site réalisé par… » d’une agence reste courante ; elle doit rester discrète et honnête.
Un texte SEO caché ou tassé en bas de page n’aide pas le visiteur et n’a pas d’intérêt pour le référencement.

Pour vraiment améliorer votre visibilité, travaillez le contenu des pages, leur structure et un sitemap propre. Le footer, lui, reste un outil au service du visiteur. Si vous voulez un regard extérieur sur l’ensemble, notre accompagnement en référencement naturel commence par un audit.

Comment adapter le footer au mobile ?

Un footer en quatre colonnes sur ordinateur devient une très longue pile de liens sur smartphone. Quelques réflexes évitent ce problème :

Réduire : sur mobile, gardez l’essentiel (contact, pages clés, liens légaux) et regroupez le reste.
Replier : des rubriques en accordéon (« Nos services », « Informations ») permettent de garder tous les liens sans allonger l’écran. Vérifiez qu’elles s’ouvrent au clavier et que leur état est annoncé aux lecteurs d’écran.
Agrandir les zones cliquables : des liens trop serrés sont difficiles à toucher du doigt.
Rendre le contact actionnable : une adresse e-mail en lien mailto: et une adresse qui ouvre la carte.

Attention au défilement infini : sur une page qui charge du contenu à mesure qu’on descend, le footer recule sans cesse et devient inaccessible. Dans ce cas, prévoyez un bouton « Charger plus » ou reprenez les liens essentiels ailleurs (menu, bandeau fixe).

Quelles erreurs éviter dans un pied de page ?

Tout y mettre, ou presque rien

Un footer qui aligne des dizaines de liens n’est plus lu. À l’inverse, un pied de page réduit au copyright gâche un emplacement que les visiteurs consultent vraiment. Choisissez en fonction de vos objectifs : si les réseaux sociaux comptent dans votre stratégie, ils ont leur place ; si vous vendez en ligne, privilégiez livraison, retours et paiement. Deux éléments sont presque toujours indispensables : un moyen de contact et les liens légaux.

Recopier le menu principal

Dupliquer tout le menu en bas de page alourdit le code et n’apporte rien au visiteur, qui dispose déjà du menu. Le footer doit proposer une navigation complémentaire.

Laisser des liens morts et des informations périmées

Un copyright figé sur une vieille année, une adresse qui a changé, un lien vers un réseau social abandonné ou une page légale supprimée donnent une impression de site à l’abandon. Relisez votre footer à chaque changement dans l’entreprise.

Négliger le contraste et la lisibilité

Texte gris clair sur fond gris foncé, police minuscule : le footer est souvent la zone la moins lisible du site. Il doit respecter les mêmes règles de contraste que le reste des pages.

Utiliser le footer pour le SEO au lieu du visiteur

Listes de villes, blocs de mots-clés, liens échangés avec d’autres sites : ces pratiques datent d’une autre époque et comportent plus de risques que de bénéfices.

Si votre site cumule plusieurs de ces défauts, c’est souvent le signe que la structure entière mérite d’être revue. C’est ce que l’on traite lors d’une refonte de site internet, en repartant de l’architecture de l’information. Pour nous en parler, écrivez-nous à contact@osmova.com ou passez par le formulaire de contact.

Questions fréquentes

Quelle est la différence entre footer et pied de page ?

Aucune : « footer » est le terme anglais, « pied de page » sa traduction. Les deux désignent la zone du bas de page, commune à tout le site, qui correspond en HTML à la balise <footer>.

Le footer doit-il être identique sur toutes les pages ?

En règle générale, oui. C’est ce qui permet au visiteur de le retrouver et de s’en servir sans réfléchir. On peut simplifier le footer sur certaines pages précises, comme un tunnel de commande, pour limiter les sorties.

Faut-il mettre les mentions légales dans le footer ?

La loi exige qu’elles soient facilement accessibles, pas qu’elles figurent dans le footer. Mais un lien en pied de page, présent sur toutes les pages, est la solution la plus simple et celle que les visiteurs attendent.

Combien de liens mettre dans un footer ?

Il n’y a pas de chiffre officiel. Visez ce qui se lit d’un coup d’œil : quelques colonnes courtes, regroupées par thème, plutôt qu’une longue liste.

Un footer fixe (sticky) est-il une bonne idée ?

Un footer complet fixé en bas de l’écran mange de la place, surtout sur mobile. Si vous avez besoin d’une action toujours visible, préférez une barre fine avec un seul bouton et gardez le vrai footer en bas de page.