Comment optimiser le pied de page de votre site Web

Pourquoi avoir un footer?

Commençons par comprendre l’intérêt d’un footer. Tout bon site demande de l’organisation dans sa gestion de l’information. C’est pourquoi il vous est fortement déconseillé de considérer votre menu principal comme un «fourre tout». Dans un précédent billet au sujet des erreurs les plus fréquentes dans l’arborescence d’un site, il était rappelé que plus le visiteur est confronté à des alternatives, plus sa réflexion sera longue pour prendre un chemin ou une décision. Ainsi, il est préférable de limiter l’organisation de votre menu à votre catalogue produit (exemple ci-dessous du site Frederick's of Hollywood).

Que faire alors des autres informations secondaires, mais tout aussi utiles pour le visiteur? C’est justement l’intérêt principal du footer que de soutenir vos utilisateurs dans leurs recherches et leurs attentes.

Le pied de page reste totalement modulable, pouvant répondre aux objectifs propres de chaque entreprise. Vous décidez des éléments sur lesquels vous souhaitez mettre l’emphase et ceux qui vous apparaissent bénéfiques pour vos utilisateurs.

Les trois catégories de liens récurrents

Entrons à présent dans le vif du sujet et intéressons-nous aux liens que vous devriez intégrer dans votre bas de page.

Les liens indispensables

Cette catégorie regroupe les éléments indispensables pour un pied de page performant. Il s’agit le plus souvent des rubriques élémentaires visant à renforcer la confiance des utilisateurs vis-à-vis de votre site et de ses services en mettant l’emphase sur les questions les plus fréquentes qu’ils pourraient être amenés à se poser.

• Livraison : Permettre de renvoyer l’utilisateur vers la section du site englobant toutes les questions relatives à l’expédition telles que les délais, les pays desservis, les modes de livraisons, etc.;

• Suivi de la commande : Pour vos clients réguliers, ce raccourci sera fortement apprécié et améliorera leur expérience d’achat. Tandis que pour vos nouveaux visiteurs, c’est une valeur ajoutée les invitant à renforcer leur confiance envers votre site;

• Politique de retour et Modes de paiement : Ces rubriques fonctionnent sur le même principe que la rubrique «Livraison»;

• Nous contacter : Le visiteur doit pouvoir entrer en communication avec votre service client rapidement. Ce raccourci dans le footer permettra d’apporter un élément de crédibilité supplémentaire en montrant votre boutique accessible;

• Guide (taille, évaluation, outil, etc.) : Si un guide s’avère nécessaire pour magasiner en toute quiétude sur votre site, alors mettez ce dernier en évidence dans votre pied de page;

• FAQ : Dépendamment de l’étendue ou de la complexité de votre offre et de vos services, il est possible que votre section FAQ soit fortement développée. Dans cette continuité, il est probable que les utilisateurs naviguant sur votre catalogue se posent de multiples questions, il est donc nécessaire de leur proposer un lien rapide afin de lever leurs doutes et satisfaire leurs questions.

Les renseignements sur l'entreprise: Cette section regroupe l’ensemble des liens concernant votre enseigne. On y retrouve généralement les rubriques:

• À propos : Cette section est un incontournable pour renforcer la confiance autour de votre enseigne et renseigner sur son évolution ainsi que pour expliquer la nature de vos activités;

• Nos valeurs (optionnel) : Si l’une de vos valeurs se démarque de la concurrence (facteur local du produit, procédé de fabrication, sans OGM, etc.), n’hésitez pas à le communiquer depuis le footer pour renforcer la valeur ajoutée de vos produits;

• Localisateur de magasins (optionnel) : Si votre enseigne possède différents magasins physiques, cela signifie que certains visiteurs seront à la recherche d’une de vos adresses plutôt que d'être sur votre site dans une optique d’achat en ligne. Proposez-leur un raccourci; celui-ci sera fortement apprécié et améliorera leur expérience d’achat.

Copyright, Mentions légales et Plan du site : Pour le premier, l’indication de cette simple ligne vous permet de protéger votre site et son contenu tandis que pour le second, il s’agit d’informations obligatoires à présenter («Politique de vie privée», «Conditions générales de vente»). Enfin, un lien vers le plan du site a deux objectifs: celui de proposer une navigation complémentaire accessible sur toutes les pages et celui d'améliorer l’indexation de vos pages. Faites en sorte que ces informations viennent conclure la page et soient discrètes.

Astuce : Le contraste et la hauteur d’un sous pied de page permettent de faire fondre ces éléments dans le paysage de manière à ce qu’ils ne concurrencent pas les éléments de navigation de votre footer («Service clientèle», «À propos» et autres rubriques pertinentes).

Les liens recommandés

Cette catégorie rassemble les éléments apportant de la valeur ajoutée à votre site Web. Ils viennent notamment améliorer la fonctionnalité du site et l’expérience utilisateur.

Les catégories du catalogue : En offrant une forme de navigation secondaire du catalogue pour les utilisateurs atteignant le pied de page, vous leur évitez d’avoir à remonter l’ensemble de la page pour revenir au menu principal. Deux choix s’offrent à vous, le premier étant une version allégée qui consiste à ne présenter que quelques catégories (les plus populaires), le deuxième consistant à proposer un miroir de votre menu qui peut alors s'avérer très lourd dépendamment de votre catalogue.

Les logos de confiance (les trustmarks) : L’utilisation de ces logos est recommandée pour les boutiques ayant besoin de renforcer leur notoriété et la valeur ajoutée de leur site. Ces visuels de confiance apposés dans le pied de page ont ainsi un impact sur la décision d’achat en renforçant l’authenticité du site. Par exemple, si vous proposez le mode paiement PayPal que votre concurrent direct n’est pas en mesure d’offrir, mettez-le en évidence afin de capter l'attention des utilisateurs réguliers de PayPal. Deux formes de trustmarks sont à privilégier:

• Certificats de sécurité : Permet d’indiquer la sécurité de votre site, tel que la présence de liens malveillants, l’usurpation de données personnelles ou encore la sécurité des données de paiement (Ex: McAfee Secure);

• Logo de paiement : Permet d’afficher les moyens de paiement acceptés (MasterCard, Visa, PayPal, Moneris, Interact en ligne, etc.).

La fidélisation : Le pied de page est une section idéale pour inciter vos utilisateurs à vous suivre en leur proposant de s’abonner à votre infolettre ou à l’une de vos présences sociales. Néanmoins, l’inscription à l’infolettre ne doit pas se résumer à une simple boîte demandant l’adresse courriel du visiteur. La valeur d’un courriel et des données additionnelles sur un utilisateur est suffisamment importante pour que vous y accordiez un peu plus d’intérêt.

Le site d'Aldo met justement l’accent sur l’abonnement à son infolettre en lui accordant une large fenêtre dans son footer et proposant un incitatif à l’utilisateur (10% de réduction pour inciter l’utilisateur à s’abonner).

Les liens modulables

La barre de recherche : Si celle-ci n’est pas présente dans votre haut de page, alors corrigez cela de suite en proposant une barre de recherche interne dans votre footer. Cette fonctionnalité présente deux intérêts: d'abord, celui de proposer une alternative à vos utilisateurs pour les aider à retrouver un produit spécifique et, d’autre part, de constater les requêtes les plus fréquentes. Ce dernier point est une précieuse source d’information dans le but d’optimiser votre positionnement sur certains mots clés.

Les avis clients : Cet élément permet de renforcer la crédibilité et la popularité autour de votre site.

Les garanties : Votre site offre des garanties et un service client optimal? Communiquez-les à travers un bandeau et dissociez-les du reste du footer pour avoir un impact de persuasion plus fort.

Cartes cadeaux : Il est toujours difficile pour un visiteur de savoir quel site propose des cartes cadeaux, de même qu’il est difficile pour un bénéficiaire d’obtenir de l’information sur leur utilisation. Proposez donc un lien rapide pour ce type de produit spécifique.

Catalogue : Votre entreprise offre des catalogues papier ou virtuels? Mettez l’emphase sur une miniature de manière à ce que l’utilisateur les repère rapidement.

Application mobile : Votre boutique dispose d’une application mobile? Faites-en la promotion depuis votre footer!

Carrière (dans la catégorie «À propos») : Votre site offre une section emploi? Donnez-lui de la visibilité pour aider les futurs candidats à trouver plus facilement cette rubrique dans votre site.

Affiliés (dans la catégorie «À propos») : Il ne s’agit pas d’un élément favorisant la conversion de vos utilisateurs en clients, mais d’un élément visant à aider le développement de votre activité en tissant un réseau d’affiliés. Proposez donc un raccourci depuis le pied de page pour développer de nouvelles opportunités d’affaires.

Cette liste est non exhaustive et peut ne pas refléter certaines réalités de votre marché.

L’organisation de votre footer

Maintenant que vous avez une idée plus claire des éléments que vous pourriez intégrer dans votre footer, il est temps de faire des choix et de le structurer. Voici quatre étapes que je vous recommande pour optimiser votre pied de page:

1. Définir les éléments à intégrer: Le pied de page est confronté à la même réalité que votre menu principal; il ne doit pas être surchargé. Néanmoins, contrairement à ce dernier, il peut contenir des informations très diversifiées. Il vous faut donc définir les liens qui devraient bénéficier d’une exposition permanente. De façon optimale, munissez-vous d’une grille à trois colonnes et évaluez les différents éléments évoqués plus haut:

• Colonne 1: Intérêt pour favoriser la découverte de cette page et influencer vos ventes (votre boutique);

• Colonne 2: Intérêt pour favoriser l’engagement et les conversions (vos utilisateurs);

• Colonne 3: Faites la pondération.

3. Agencer l’information: Selon la taille de votre site (et donc de l’étendue du catalogue et de vos services), il est possible que votre pied de page soit imposant et qu’il soit compliqué d’intégrer l’ensemble de ces informations sans en perturber le visuel. Gardez en tête que l’objectif est de faciliter la lecture en tout temps, tout en conservant une logique d’approche. Il y a toujours une solution à tout.

Par exemple, le site Browns Shoes utilise plusieurs sous-divisions de son footer pour mettre de l’avant ses garanties, le localisateur de magasins et l’inscription à l’infolettre. Au niveau inférieur, il présente l’ensemble des catégories en reprenant le fil conducteur de son menu principal et y ajoute les rubriques «Browns» et «Service à la clientèle».

4. Conserver un esthétisme épuré: Un bon pied de page doit rester simple et lisible. Il convient de ne pas surcharger la page avec des éléments graphiques superflus; par conséquent, il vous faudra peut-être faire des choix entre la promotion d’une infolettre, d’une carte cadeau, d’un catalogue et des marques de confiance. Aussi, préférez un fond uni qui se démarque de l’habillage de vos pages. L’utilisateur pourra de suite identifier ce contraste comme étant le pied de page. Enfin, la taille du footer est souvent dépendante de la quantité d’informations et du nombre de pages sur votre site.

Vous voici maintenant en mesure de créer un pied de page optimisé. À présent, c’est à vous d’analyser les éléments qui répondront au mieux aux attentes de vos utilisateurs et ainsi accompagner vos ventes. Et si vous avez du mal à choisir entre plusieurs modèles, alors n’hésitez pas à réaliser des tests A/B sur votre footer.