Bien construire un pied de page (footer) pour son site

Création de site internet
11.Oct.2023

Hello 👋🏼

J’espère que vous allez bien. 😊

Il ne faut pas se mentir, la création d’un bon site web ça prend du temps. Il est la vitrine de notre projet en ligne, alors il est normal de s’investir et de souhaiter que tout soit parfait. 🤩 Nous prenons le temps de réfléchir à la stratégie, de sélectionner les bonnes photos et de bien choisir nos mots pour les textes…

Or très souvent, le pied de page est négligé… Et c’est bien dommage, car c’est un élément que l’on retrouve sur TOUTES les pages de votre site web. 😅

Je vous propose donc aujourd’hui de lui consacrer cet article, qui vous permettra d’en apprendre plus sur ce vilain petit canard 🦆, de comprendre ce qu’il est, son objectif, et surtout de bien l’optimiser pour le transformer en un beau cygne 🦢.

Arrêtons ici les métaphores avec les volatiles et consacrons nous à la création d’un footer qui sera au service de votre projet.

Vous êtes prête ? Lâchons les colombes 🕊️ (Ne partez pas ! J’arrête, promis ! 🤝)

Qu’est-ce qu’un footer (ou pied de page pour les franchouillards) ?

En informatique, l’anglais est très souvent utilisé. En français, cela s’appelle un pied de page. Comme pour le corps humain, les pieds étant en bas (jusque là, normalement, tout va bien 😅), un pied de page est la section qui se trouve tout en bas des pages d’un site internet. 😊

Généralement, le format du pied de page ne change pas d’une page à une autre. Il reste le même sur toutes les pages du site web.

Pour vous donner un exemple, voici différents pieds de page que j’ai pu réaliser :

Pied de page | Site vitrine du restaurant étoilé | Mosuke

Pied de page | Site e-commerce de la créatice de bijoux Alice | Alefi

Pourquoi est-ce important d’avoir un bon pied de page?

Et surtout comprendre pourquoi il ne faut pas le négliger. 😊

Contrairement au haut de page (appelé Header en anglais), l’optimisation du pied de page passe souvent à la trappe. Pourtant, vous n’avez pas idée du nombre de personnes qui ont le réflexe d’aller en bas de page pour trouver des informations telles que le contact ou les réseaux sociaux… Ne nous précipitons pas, nous verrons tout ce que vous pouvez y mettre dans la section suivante. 😉

Le pied de page est bien plus qu’une simple section esthétique. Cette partie de votre site offre l’option d’ajouter des éléments stratégiques, d’améliorer l’expérience utilisateur, mais aussi d’ajouter de la crédibilité à votre site internet. 🤩

Lorsque vous créez votre site web, vous avez la possibilité de personnaliser votre footer en fonction de vos besoins et de vos objectifs ! 🚀

Quoi mettre dans son pied de page ?

Avant de foncer tête baissée dans la construction de votre footer, je vous conseille de garder 3 choses en tête :

  1. L’objectif de votre site internet : encore et toujours ! En fonction de votre objectif, vous allez mettre en avant certaines informations.
  2. Prioriser les informations : Quelles informations sont vraiment utiles ? Quelles sont les choses que je souhaite mettre en avant ?
  3. Organiser les informations : vous n’allez pas tout mettre en vrac. Pensez à la cohérence de la structure.

Maintenant que vous avez ces 3 points en tête, je vous propose de découvrir les différents éléments que vous pouvez ajouter sur votre pied de page pour le rendre stratégique ! 🤩

Les informations les plus courantes à mettre dans son pied de page

Un menu secondaire : Je vous conseille de placer les liens des pages les plus importantes en bas de votre site : contact, services, boutiques, ressources… Ainsi, une fois que votre visiteur a terminé de lire votre page, elle peut continuer à naviguer facilement. Cela vous évitera de les perdre. 😊

Les informations de contact : Si vous avez une boutique, un restaurant, un cabinet, un lieu qui vous permet de recevoir vos clients, il est important (voire indispensable) de les ajouter dans votre pied de page. Les utilisateurs d’internet ont maintenant l’habitude de chercher ce type d’informations en pied de page, et en plus de cela, c’est bon pour votre référencement local. 🤩

Les liens vers les réseaux sociaux : Même chose que pour les informations de contacts, les visiteurs de site ont l’habitude de trouver ces informations dans le footer. D’autant plus que les utilisateurs passent de plus en plus de temps sur les réseaux sociaux, et entre autres, pour suivre les entreprises qui leur plaisent. 🤩

Les crédits et le copyright : Pour éviter d’être copié, on profite du pied de page pour ajouter les mentions de copyright ainsi que les crédits/droits d’auteurs. Généralement, nous y retrouvons aussi le nom du designer du site, mais il vous est également possible d’ajouter celui du photographe, du graphiste, etc.

Les informations légales disponibles dans le footer

Ne les oubliez pas, les deux premières sont obligatoires sur tous les types de site : 🔒

  • Mentions légales
  • Politique de confidentialité
  • CGV (Conditions générales de vente)
  • CGU (Conditions générales d’utilisation)
  • Politique de livraison et de retour

Malheureusement, sur ces points, je ne peux pas vous conseiller n’étant pas avocate. Je vous laisse donc vous tourner vers des sites ou des cabinets compétents, chacun son métier, et c’est important de faire appel à la bonne personne pour éviter des déconvenues avec des clients. 😅

Les informations qui peuvent faire la différence

Un feed réseaux sociaux : Souvent utilisé pour Instagram, cette partie vous permet de mettre en avant le contenu que vous partagez sur d’autres plateformes de manière visuelle. 🎨

Votre logo : Cela ajoute un petit plus, surtout si vous y associez une description rapide de votre projet.

Une présentation succincte de votre projet : Cela vous permet de rappeler à vos visiteurs ce que vous faites de manière très concise et efficace.

Une carte pour se rendre dans vos bureaux / boutiques : Si vous avez un lieu physique pour recevoir vos clients, vous pouvez ajouter une carte type Google Maps. Elle permet de visualiser la bonne localisation et, si vous l’avez bien intégrée, d’avoir un accès direct sur l’itinéraire avec un simple clic.

Une barre de recherche : Si vous en avez une dans votre menu (header), il n’est pas nécessaire de la rajouter dans votre pied de page. Je vous la conseille si vous avez un article ou un certain nombre de pages / produits.

Un formulaire de newsletter : Si vous avez une newsletter, c’est une bonne opportunité pour la mettre en avant puisque que le pied de page est disponible et visible sur tout votre site.

Comme vous avez pu le constater tout au long de cet article, le pied de page est un véritable outil qui peut vous aider à atteindre vos objectifs, à condition qu’il soit bien pensé.

Il peut être tentant de vouloir ajouter beaucoup trop d’informations à son footer. Je vous conseille de prioriser et de réfléchir aux données vraiment importantes. Si vous avez un pied de page conséquent, n’hésitez pas à le simplifier lorsque le site est en format mobile. Cela sera plus digeste pour vos visiteurs.

Laissez-moi vous donner quelques derniers conseils graphiques avant de vous laisser. Le pied de page ne doit en aucun cas faire de l’ombre sur le contenu des pages et doit être bien distinct. Privilégiez un fond qui contraste avec votre site tout en restant cohérent, et diminuez la taille de vos polices pour hiérarchiser les informations.

Vous avez à présent toutes les cartes en main pour créer des pieds de page exceptionnels et stratégiques.

J’espère que cet article vous a plu et que vous aurez appris de nouvelles choses utiles pour vous. N’hésitez pas à me poser vos questions en commentaire.

En attendant de vous lire, je vous souhaite une belle journée ☀️

Cet article vous a plu ? 

Épinglez-le sur Pinterest pour le retrouver plus tard !

Vous avez aimé le sujet de cet article ?

Ces articles vont sans doute vous intéresser :

Les éléments visuels indispensables pour votre site web

Les éléments visuels indispensables pour votre site web

Hello 👋🏼 J’espère que vous allez bien. Nous nous retrouvons aujourd’hui pour parler des identités visuelles et de leur compatibilité avec le monde du web. Découvrir des identités visuelles fait partie de mon quotidien de webdesigner. Certaines sont faites maison,...

La signification de base des couleurs

La signification de base des couleurs

Hello 👋🏼 J’espère que vous allez bien. Cela va faire maintenant quelques années que je suis à mon compte et que je crée des sites internet. 🤩 Plus d’une cinquantaine de chartes graphiques ont défilé sous mes yeux. Ça commence à faire 😊 Certaines étaient complètes avec...

Comment créer un site sans budget : le guide complet

Comment créer un site sans budget : le guide complet

Hello 👋🏼 J'espère que vous allez bien 😊 Lorsque lon se lance dans la création d'un projet, on peut vite être confronté à la création d'un site internet. C'est un excellent moyen d'être visible partout et tout le temps. 🌍 Cependant, lorsque nous commençons à faire des...

0 commentaires

Soumettre un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *