Footer de site internet, le guide SEO, UX et exemples concrets

Qu’est-ce qu’un footer de site internet ?

Le footer est la zone située tout en bas d’une page web, présente de manière identique sur l’ensemble des pages du site. On y trouve généralement les mentions légales, les informations de contact, les liens vers les réseaux sociaux et un rappel des pages principales.

Techniquement, en HTML5, le footer correspond à la balise <footer>, qui a une signification sémantique claire pour les moteurs de recherche et les technologies d’assistance comme les lecteurs d’écran. C’est une zone à part entière, au même titre que le header ou le contenu principal.

Son rôle est triple : informationnel (donner accès à des informations pratiques comme les contacts ou les horaires), légal (mentions obligatoires, RGPD, CGV) et navigationnel (aider le visiteur à trouver rapidement ce qu’il cherche quand il est en fin de page). Pour Google, c’est aussi un signal fort de structure et de crédibilité.

Pourquoi le footer est-il important pour le SEO ?

Longtemps, les SEO ont débattu du poids réel des liens placés dans le footer. Google a finalement tranché via John Mueller : les liens du footer sont bien pris en compte, mais ils ont souvent moins de poids que ceux du contenu principal. Ça ne veut pas dire qu’ils sont inutiles, loin de là.

Le footer joue trois rôles clés en référencement naturel :

• Maillage interne sitewide : un lien placé dans le footer est présent sur toutes les pages du site, ce qui maximise son signal de pertinence vers la page de destination. C’est particulièrement puissant pour pousser des pages stratégiques comme les services ou les pages catégories.
• Aide au crawl : les robots des moteurs de recherche suivent les liens du footer pour découvrir et revisiter régulièrement les pages principales. Un footer bien pensé améliore la découvrabilité de vos pages clés.
• Signaux de confiance : les mentions légales, l’adresse physique, le numéro SIRET ou les coordonnées de contact renforcent la crédibilité E-E-A-T (Expérience, Expertise, Autorité, Fiabilité) que Google évalue depuis ses dernières mises à jour.

Les footers remplis de 80 liens en police minuscule vers toutes les pages du site (l’ancienne technique du « footer spam ») sont aujourd’hui pénalisés. L’idée n’est pas d’en mettre un maximum, mais de choisir intelligemment ce qui mérite d’y figurer.

Que mettre dans le footer de votre site web ?

Il n’y a pas de recette universelle, mais certains éléments sont quasi indispensables. Voici les blocs à prévoir, classés par ordre de priorité.

Les indispensables légaux et de contact

• Mentions légales (obligatoires en France)
• Politique de confidentialité et gestion des cookies
• CGV ou CGU si vous vendez en ligne
• Nom de l’entreprise, adresse, numéro de téléphone, email
• Numéro SIRET ou RCS pour les activités commerciales
• Copyright avec l’année en cours

Les éléments de navigation

• Liens vers les pages principales (accueil, à propos, services, blog, contact)
• Liens vers les catégories de blog si pertinentes
• Page FAQ ou centre d’aide si vous en avez un
• Plan du site (sitemap HTML visible)

Les éléments de conversion et d’engagement

• Formulaire d’inscription à la newsletter
• Icônes de réseaux sociaux (actifs uniquement)
• Appel à l’action principal (demande de devis, prise de rendez-vous)
• Logo et baseline pour renforcer l’identité

Les éléments techniques utiles

• Mention du label de certification (Datadock, Qualiopi, RGE, etc.)
• Logos de partenaires ou moyens de paiement
• Sélecteur de langue pour les sites multilingues
• Lien vers l’espace client ou l’admin pour les applicatifs

Un conseil pratique : évitez de dupliquer l’intégralité du menu principal dans le footer. Google considère ça comme redondant et ça n’apporte rien à l’utilisateur. Mieux vaut proposer des liens complémentaires, vers des pages plus profondes.

Comment structurer un footer pour maximiser le SEO ?

Une fois les éléments définis, reste à les organiser intelligemment. Voici les règles que j’applique sur tous les sites que je livre.

Utilisez la balise HTML5 <footer>

C’est la base, mais beaucoup de thèmes bricolés l’oublient. La balise sémantique <footer> indique clairement aux moteurs et aux lecteurs d’écran que la zone est un pied de page, pas un simple conteneur générique. Sur WordPress, tous les thèmes modernes (GeneratePress, Kadence, Blocksy, Astra) l’utilisent par défaut.

Soignez les ancres de vos liens internes

Plutôt que des ancres génériques type « En savoir plus » ou « Cliquez ici », utilisez des ancres descriptives et chargées en mots-clés pertinents. Au lieu de « Nos services », préférez « Création de site WordPress » ou « Maintenance WordPress à Lyon ». C’est un signal direct pour Google sur le contenu de la page de destination.

Limitez le nombre de liens

Un footer avec 15 à 25 liens bien choisis est plus efficace qu’un footer avec 80 liens redondants. Google a confirmé que le « dilution link equity » est réel : plus il y a de liens sur une page, moins chacun transmet de poids. Priorisez vos pages stratégiques.

Ajoutez un Schema.org adapté

Les données structurées Organization ou LocalBusiness placées dans le footer (adresse, téléphone, horaires, logo) renforcent la compréhension du site par Google et peuvent faire apparaître des rich results dans les SERP. Si tu utilises Yoast SEO, une partie est gérée automatiquement, mais tu peux enrichir via un snippet PHP personnalisé.

Prévoyez la version mobile

Sur mobile, un footer à 4 colonnes devient illisible. Pense à l’empilement vertical, au tap target d’au moins 44 pixels (recommandation Google), et à un design « accordéon » si le footer contient beaucoup de sections. La plupart des builders (Elementor, WPBakery, Divi) proposent des options responsive dédiées.

Comment optimiser un footer pour l’UX/UI ?

Un bon footer ne se lit pas comme un annuaire. Il se consulte rapidement, se scan en diagonale, et guide l’utilisateur vers ce qu’il cherche ou vers une action.

Une hiérarchie visuelle claire

Utilisez des titres de colonnes courts et explicites : « Expertises », « Entreprise », « Ressources », « Nous contacter ». Évitez les titres fourre-tout comme « Liens utiles » qui ne veulent rien dire.

Un design lisible

Fond sombre ou contrasté (mais pas forcément noir), police de taille suffisante (14 px minimum), espacement généreux. Un footer trop dense est un footer ignoré. Laissez respirer les blocs avec du padding vertical d’au moins 60 pixels en haut et en bas.

Des appels à l’action pensés

Plutôt que d’aligner 12 icônes de réseaux sociaux génériques, mettez en avant une action forte : « Prendre rendez-vous », « Obtenir un devis », « S’inscrire à la newsletter ». C’est souvent le dernier réflexe d’un visiteur qui arrive en fin de page.

L’accessibilité, trop souvent oubliée

Le footer doit rester accessible au clavier, avec un contraste suffisant (ratio 4.5:1 minimum selon les normes WCAG), des alt sur les images et logos, et une structure logique pour les lecteurs d’écran. C’est aussi un signal positif pour Google qui pousse de plus en plus l’accessibilité comme critère de qualité.

Footer sur WordPress, quelles bonnes pratiques ?

WordPress propose plusieurs façons de construire son footer : les widgets natifs, les builders visuels (WPBakery, Elementor, Divi), ou le plein-site editing avec les thèmes blocks. Chaque approche a ses contraintes.

Avec les widgets WordPress natifs

Les thèmes comme GeneratePress ou Kadence exposent jusqu’à 5 zones de widgets dans le footer. C’est léger, rapide et compatible avec tout. Tu composes avec des blocs (menus, paragraphes, HTML) et tu n’as pas besoin de builder. Ma recommandation pour un site simple.

Avec un builder (WPBakery, Elementor, Divi)

Pratique visuellement, mais attention à ce que les thèmes n’embarquent pas deux footers (celui du builder et celui du thème), ce qui arrive plus souvent qu’on ne le croit. Vérifiez bien dans l’inspecteur que vous n’avez qu’une seule balise <footer> rendue à l’écran.

Les plugins utiles

• Simple Custom CSS and JS pour injecter des snippets spécifiques au footer sans toucher aux fichiers du thème
• WP Show Posts ou Recent Posts Widget with Thumbnails pour afficher les derniers articles du blog
• Schema Pro ou Yoast SEO Premium pour les données structurées enrichies

Attention aux performances

Un footer bourré de widgets externes (flux Instagram, carte Google Maps intégrée, vidéos YouTube) plombera les temps de chargement sur toutes les pages. Utilisez le lazy loading ou chargez ces contenus uniquement sur les pages où ils ont du sens, pas partout.