Alioze

Comment créer un bon footer ? Conseils & exemples

Footer design exemple

Le footer (ou pied de page) est l’un des éléments les plus importants de votre site web. Même s’il n’est pas le plus impressionnant en terme de design ou de contenu, il suivra l’internaute tout au long de sa navigation sur votre site.

D’ailleurs, contrairement aux idées reçues, les footers sont vus par un bon nombre de visiteurs qui y cherchent fréquemment de l’information. À ce titre, si vous êtes curieux de savoir dans quelle mesure les visiteurs se déplacent sur votre site web, vous disposez d’outils payants qui vous montreront la « profondeur de défilement » sur votre site : Lucky Orange, Crazy Egg ou ClickTale.

 

Que mettre dans un footer de site web ?

Puisqu’il représente la dernière chance pour un visiteur de poursuivre sa navigation, le pied de page doit être à la fois séduisant et bien pensé pour attirer l’attention. Un footer est un filet de sécurité qui permet d’attraper les visiteurs avant qu’ils ne rebondissent ailleurs. Il est donc crucial de ne pas négliger cette zone de son site.

Commencez par vous demander et considérer ce que les visiteurs souhaiteraient retrouver dans votre pied de page. Lorsque vous réfléchissez à quoi mettre dans votre footer, soyez conscient qu’il ne vous faut garder que le nécessaire.

Au cours de votre réflexion, ne perdez jamais de vue que le principe d’un footer est d’afficher des éléments qu’il ne serait pas approprié de situer ailleurs sur la page, et que son but est d’aider les visiteurs en ajoutant des informations et des options de navigation au bas des pages web.

 

Faciliter la navigation

Les liens du footer ont généralement le taux de clics le plus bas. Pour autant, il ne faut pas les ignorer.

Tout d’abord, ne répétez pas votre navigation principale. N’ajoutez pas non plus votre sitemap entier. En effet, si vous répertoriez toutes vos catégories dans votre footer, vous finissez par fourvoyer le visiteur alors que vous devez justement l’aider à trouver son chemin. De plus, ces liens figurent souvent déjà dans le menu principal.

Pensez plutôt qu’un visiteur qui arrive jusqu’à votre footer est souvent un visiteur qui n’a pas trouvé ce qu’il cherchait. C’est donc le moment de se rattraper.

Pour offrir un meilleur chemin de navigation dans votre site web, vous pouvez consulter votre rapport « Site Search > Termes de recherche » dans Google Analytics. Qu’est-ce que les visiteurs recherchent ? Qu’est-ce qu’ils ne trouvent pas ?

Toujours dans Google Analytics, vérifiez aussi votre rapport  « Flux de comportement ». Où les visiteurs semblent-ils vouloir aller ?

 

Créer une hiérarchie

Pensez votre footer comme une entité distincte, avec sa propre hiérarchie.

Tout d’abord, votre pied de page doit être divisé en une section différente pour chacun des éléments : menu de navigation, mentions légales et CGU, appel à l’action (CTA), icônes de réseaux sociaux, etc. Les éléments les plus importants (souvent les informations de contact ou les appels à l’action) doivent être mis en avant.

Ensuite, la manière la plus fondamentale d’imputer une hiérarchie visuelle à votre footer est de le diviser en blocs horizontaux. Ces blocs peuvent ensuite eux-mêmes hiérarchisés grâce à plusieurs méthodes :

 

Un design cohérent, simple et clair

Pour ne pas avoir l’air d’un élément rajouté au reste, votre footer doit correspondre au design global de votre site web. Les couleurs, les styles de police et les éléments graphiques doivent refléter la tonalité générale.

Il est également préférable de privilégier un design simple et clair, pour une meilleure compréhension de l’information par les visiteurs.

Une fois que vous avez organisé vos liens, pensez à la façon de les rendre lisibles. Optez pour des couleurs avec un contraste élevé, comme un fond clair avec un texte noir ou un fond noir avec un texte blanc. Évitez d’utiliser des couleurs variées ou des polices ornées, et assurez-vous que la taille de la police et des éléments graphiques n’est pas trop petite.

 

Fond noir et texte blanc pour plus de visibilité dans le footer voyages-sncf.com

 

Étant donné que beaucoup (sinon tous) des éléments du footer contiennent des liens, laissez suffisamment d’espaces autour des différents éléments et entre les lignes de texte, dans un souci de clarté et d’optimisation de l’expérience utilisateur.

En effet, si les éléments sont trop proches les uns des autres, les utilisateurs pourraient ne pas réussir à les atteindre. L’espacement contribue donc à les rendre facilement cliquables, surtout sur mobile.

 

Inclure les informations de contact

Si l’une des normes de développement web consiste à faire apparaître des informations de contact dans le header, il est également standard de trouver un lien « contact » dans le footer.

Ce lien doit mener vers votre page contact contenant un formulaire, et non vers un lien de messagerie.

En plus d’un lien vers une page « contact », il peut également être intéressant d’inclure d’autres informations de contact directement dans le footer, telles que le numéro de téléphone ou une adresse e-mail. C’est un bon moyen de rassurer votre client en mettant en évidence votre service client.

Vous pouvez également renforcer encore votre image d’entreprise axée sur le service à la clientèle en précisant vos horaires de disponibilité et d’ouverture, ou en indiquant que vos clients peuvent vous joindre à tout moment. De cette manière, si les gens ont une question sur vos produits/services ou sur leur commande, ils savent comment s’y prendre.

Enfin, une information de localisation, comme une adresse physique, est également un élément que les visiteurs s’attendent à retrouver en pied de page. C’est aussi un moyen d’indiquer à Google où vous vous trouvez, ce qui est particulièrement important pour les entreprises locales.

 

Utiliser des éléments graphiques

Pour donner plus d’attrait visuel à votre footer, vous pouvez ajouter des logos ou des éléments graphiques. Il suffit simplement de faire attention à ne pas surcharger ce petit espace avec trop d’éléments.

L’inclusion des liens vers les réseaux sociaux dans le footer est profondément ancré dans les esprits, et les internautes ont donc le réflexe de scroller la page pour trouver les comptes sociaux d’une marque. Pour économiser de l’espace et ajouter une stimulation visuelle en rompant la monotonie des mots, ces liens sont généralement affichés sous forme d’icônes. Ainsi, plutôt que de préciser « suivez-nous sur Facebook / Twitter / Instagram / Pinterest », incluez des logos de ces réseaux sociaux.

Vous pouvez également utiliser de petits pictogrammes pour des liens vers une carte ou un numéro de téléphone.

 

Exemple d’icônes de réseaux sociaux dans le footer asos.com

Exemple d’utilisations de pictogrammes dans le footer loreal-paris.fr/

 

Mots-clés pour l’optimisation SEO

Le texte qui apparaît dans votre footer apparaîtra sur chacune de vos pages. C’est donc un excellent emplacement pour indiquer votre pertinence à Google. Si vous décider d’inclure un petit message présentant votre entreprise, vos valeurs ou vos offres, n’oubliez pas d’y caser vos mots-clés principaux.

Toutefois, attention à ne pas en abuser. Le texte du footer a été largement exploité par les référenceurs ces dernières années, et Google accorde donc peu de poids aux mots-clés SEO dans les pieds de page.

 

Inclure des preuve sociales et  de réassurance

 

La Fnac précise dans son footer avoir été élue « meilleure appli e-commerce de l’année »

 

 

Inclure du contenu éditorial

Si vous êtes actif dans le marketing de contenu, vous pouvez donner à votre site une « impulsion » en intégrant vos derniers contenus directement au footer.

Vous pouvez aussi décider d’afficher des contenus qui répondent aux questions fréquemment posées par vos visiteurs, ou ceux qui convertissent les visiteurs en abonnés.

 

Inclure un appel à l’action

N’oubliez pas la valeur du footer en termes de conversions et de clics.

Une fois que les utilisateurs ont navigué vers votre footer, profitez de ce moment opportun pour leur donner quelque chose à faire à l’aide d’un dernier appel à l’action.

Cet appel à l’action invite généralement les internautes à s’inscrire à votre newsletter ou à vous suivre sur les réseaux sociaux, mais il peut également leur donner l’opportunité de créer un compte client.

Dans le cas où vous décidez d’inviter l’internaute à s’inscrire à votre newsletter, vous pouvez préciser ce qu’il recevra en cas d’inscription, et à quelle fréquence.

 

CTA d’inscription à la newsletter dans le footer dior.com

 

Inclure les informations légales

Traditionnellement, le footer est l’endroit idéal pour afficher des pages moins visitées qui contiennent des informations légales requises pour un site, mais pas forcément intéressantes pour le visiteur, comme :

 

Découvrez nos conseils pour la rédaction de vos CGV

 

Avec un texte plus petit et discret, placer ces liens dans le footer les aide à passer inaperçus et permet d’économiser de l’espace pour des éléments plus importants.

 

Le footer de cocacola.fr : minimaliste, avec simplement des informations légales

 

 

En résumé, un bon footer doit fournir des informations qui permettent aux internautes de mieux naviguer sur le site, mais aussi de les réengager avec un contenu de qualité et leur donner un moyen de contact.

 

 


Cet article vous a plu ?

Abonnez-vous à notre newsletter et vous recevrez nos autres articles de conseils une fois par mois dans votre boîte mail

Quitter la version mobile