5 meilleures pratiques pour concevoir un pied de page impressionnant

Apprenez à concevoir un pied de page de site Web. Conseils sur ce que vous devez ajouter, ce qu’il ne faut pas ajouter et exemples de bons pieds de page de site Web pour l’inspiration.


Meilleures pratiques du pied de page du site Web

Si vous avez négligé le pied de page de votre site Web, estimant qu’il s’agit de la section la moins précieuse de votre site, ces résultats peuvent changer d’avis..

  • Lorsque User Testing a modifié leur pied de page, en ajoutant une liste d’objectifs commerciaux et de clients, leur conversion augmenté de 50%.
  • Lorsque Smart Insights a testé une nouvelle conception de pied de page pour le site Web d’un sac à main de luxe, les conversions de ventes augmenté de 23,77% et le revenu par visiteur a augmenté de 15,99%.
  • En examinant les données d’un million d’utilisateurs en ligne anonymes sur 10 sites Web, Chartbeat a constaté que les visiteurs dépensaient plus de la moitié (66%) de leur «temps engagé» sous le pli. Il s’agit de la partie inférieure de la page, sous la partie que les utilisateurs voient immédiatement lorsqu’ils ouvrent un site.
  • Par rapport aux visiteurs de bureau, les utilisateurs mobiles font défiler plus bas une page et sont plus susceptibles d’interagir avec le pied de page.

Pourquoi le pied de page de votre site Web est important

Loin d’être un élément structurel inutile sur votre page Web, les pieds de page présentent en fait de multiples avantages à vos visiteurs et à votre entreprise..

Avantages pour les visiteurs du site Web

  • Les pieds de page les aident à trouver les informations dont ils ont besoin: Il y a au moins deux raisons pour lesquelles les lecteurs atteindront le bas de votre page Web: ils ont aimé votre contenu et souhaitent en parcourir davantage, ou ils recherchent quelque chose qu’ils ne trouvent pas dans vos menus d’en-tête. Pour ceux qui sont intéressés par votre entreprise, vous pouvez utiliser des pieds de page pour les diriger vers d’autres contenus intéressants sur votre site. Vous pouvez inclure des liens vers des pages qui ne figurent pas dans votre menu d’en-tête, telles que des opportunités de partenariat et d’affiliation.
  • Cela les évite de retourner à l’en-tête: Si vos visiteurs Web sont accrochés à votre contenu et souhaitent en savoir plus, ils n’ont pas besoin de revenir en haut de votre page. Juste après votre contenu est un pied de page où ils peuvent trouver vos coordonnées, vous abonner à votre newsletter, vous suivre sur les réseaux sociaux ou explorer vos autres produits.

Avantages pour les propriétaires de sites Web

  • Il réduit votre taux de rebond: En dirigeant vos visiteurs vers d’autres liens utiles, ils sont plus susceptibles d’ouvrir d’autres pages et de rester plus longtemps sur votre site. Cela réduit votre taux de rebond ou le nombre de personnes qui consultent une seule page de votre site. Ceci est particulièrement important pour les commerces de détail qui souhaitent que leurs visiteurs continuent à «magasiner» sur la page.
  • Il vous permet de gagner en crédibilité: Certaines entreprises prennent le pied de page pour afficher leur accréditation, les logos de leurs clients ou les sites populaires qui les ont présentés pour prouver leur compétence. Pendant ce temps, les symboles de copyright et les liens vers les détails légaux et les politiques de confidentialité contribuent à renforcer la confiance dans votre marque. Tout cela aide à influencer la décision de vos clients potentiels de faire une demande et, éventuellement, un achat.
  • Il aide à stimuler la conversion:Lorsque les visiteurs pour la première fois arrivent sur votre page, ils peuvent voir vos liens vers les réseaux sociaux dans le coin supérieur. Mais à ce stade du parcours de leur acheteur, ils peuvent ne pas se sentir obligés de vous suivre en ligne. Alors que votre contenu pique leur curiosité – et peut-être qu’ils voient vos certifications et logos clients dans votre pied de page, ils peuvent se sentir plus enclins à rejoindre vos abonnés. En plaçant un formulaire d’inscription ou de contact dans le pied de page, vous facilitez la conversion des visiteurs en abonnés ou éventuellement en clients.
  • C’est une opportunité supplémentaire de promotion commerciale: Lorsqu’il s’agit d’utiliser le pied de page pour attirer l’attention sur votre entreprise, les possibilités sont infinies. Outre les comptes de médias sociaux et les formulaires d’inscription, vous pouvez inclure des communiqués de presse, des emplacements de bureau et vos dernières offres.

Exemple de pied de page de site WebVous pouvez même placer des liens vers vos autres entreprises ou vos applications, comme le fait Goodreads.

Que prioriser dans votre pied de page

Étant donné les avantages d’un pied de page bien planifié, vous voulez que cet espace précieux compte.

En fin de compte, ce que vous priorisez dans la conception du pied de page de votre site dépend de vous. Mais voici quelques éléments que vous voudrez peut-être incorporer.

Logo d’entreprise

Votre logo représente votre entreprise, et vous voulez que les lecteurs puissent s’en souvenir et l’identifier avec votre nom et la valeur que vous offrez. L’utilisation de votre logo dans votre pied de page permet aux visiteurs de se souvenir de votre entreprise et de l’associer à vos contenus et services, améliorant ainsi la reconnaissance de la marque.

Informations de contact

Placer votre adresse physique et vos numéros de téléphone au bas de votre page prouve que vous êtes une entreprise légitime, renforçant la confiance dans votre entreprise. De plus, cela permet aux clients potentiels de vous contacter facilement pour des demandes de renseignements, leur évitant d’avoir à revenir à votre menu principal ou à approfondir votre site pour obtenir les coordonnées..

Voici quelques conseils supplémentaires lorsque vous incluez vos coordonnées:

  • Adresse physique – Si vous voulez que les gens localisent facilement votre magasin physique, pensez à ajouter une carte. Sinon, rendez l’adresse cliquable pour qu’elle ouvre une carte sur un autre onglet.
  • Plusieurs branches – Si vous avez plusieurs emplacements, vous pouvez placer les coordonnées de chaque site. Si cela n’est pas possible, insérez un texte d’ancrage qui s’ouvre sur une page avec une liste de toutes vos branches.
  • Bouton d’appel – En étant à portée de clic, vous facilitez la prise de contact avec les clients.

droits d’auteur

Cela protège votre contenu du plagiat du site Web. Cela envoie un signal fort que vous prendrez des mesures légales si quelqu’un s’attribue le mérite des textes, des images ou des vidéos que vous avez publiés. Tandis que exigences relatives aux droits d’auteur varient d’un pays à l’autre, assurez-vous d’inclure le symbole ©, l’année de publication et le nom du titulaire du droit d’auteur.

Politique de confidentialité

Le respect de cette exigence légale vous aide à établir la confiance entre vos lecteurs en gardant la collecte de données transparente. Votre politique de confidentialité explique aux visiteurs les informations personnelles que vous collectez, comment elles sont stockées et utilisées, les options claires pour l’activation ou la désactivation, et les prestataires de services tiers qui peuvent également utiliser ces données.

Consultez les politiques de confidentialité de votre établissement, telles que le Règlement général sur la protection des données (RGPD) si vous avez des clients dans l’Union européenne. Si votre entreprise fait appel à des prestataires de services tiers, comme pour le traitement des paiements, consultez également leurs exigences.

Exemple de pied de page de site Web WebMDLe pied de page de WebMD, par exemple, place sa politique de confidentialité dans une colonne avec d’autres directives importantes. Ils affichent également un Joint TRUSTe, garantir aux utilisateurs qu’ils prennent au sérieux les pratiques de confidentialité.

Conditions d’utilisation

Fournir un lien vers votre conditions d’utilisation page (également appelée «conditions générales» ou «conditions de service») n’est pas une obligation légale. Cependant, il protège les propriétaires de sites Web contre toute responsabilité et, en décrivant les responsabilités des utilisateurs, protège leur site contre les violations du droit d’auteur et d’autres actions illégales telles que le spam..

Appel à l’action (CTA)

Placer des CTA sur le pied de page transforme les visiteurs en abonnés ou abonnés, ce qui permet d’augmenter vos conversions ou de faire avancer vos clients plus profondément dans le parcours de l’acheteur. L’intégration des CTA, en particulier des liens vers les réseaux sociaux, aide également à dépeindre votre entreprise en tant qu’entreprise établie et permet à vos visiteurs de vous suivre en utilisant la plateforme qui leur convient le mieux..

Vous pouvez inclure plusieurs CTA, tels que:

  • S’inscrire à votre newsletter
  • Vous suivre sur les réseaux sociaux
  • Remplir un formulaire de contact
  • Demander une démo
  • S’inscrire pour un essai gratuit

Détails de l’entreprise

Une fois que vous avez impressionné les lecteurs par votre contenu et qu’ils ont atteint le bas de votre page, ils voudront probablement en savoir plus sur votre entreprise..

Utilisez votre pied de page pour souligner des détails sur votre entreprise que vous ne pourrez peut-être pas inclure dans l’en-tête, tels que des liens vers les pages suivantes:

  • À propos de nous
  • Blog
  • Carrières ou emplois
  • Opportunités d’affiliation ou de partenariat
  • Liste des produits ou services
  • communiqués de presse
  • Commentaires
  • papiers blanc
  • Événements

Service client

Une partie de la conception des pieds de page axés sur le client consiste à s’assurer que les liens vers les pages dont les lecteurs peuvent avoir besoin – en tant que client potentiel ou client actuel – sont faciles à trouver. Ces liens de support peuvent inclure:

  • Aidez-moi
  • FAQ
  • Centre de connaissances
  • Tutoriels

Les sites de commerce électronique peuvent même inclure les textes d’ancrage suivants:

  • Informations d’expédition et de livraison
  • Politiques de retour et d’échange
  • Modes de paiement acceptés
  • Offres spéciales

Exemple de pied de page de site Web offrant un support clientAu lieu de simplement dire “Support”, le pied de page de Book Depository a un “Comment pouvons-nous aider?” colonne, et en dessous se trouvent les textes d’ancrage “Où sont mes affaires?” et “Où livrez-vous?” Le style est informel, conversationnel et aide à transmettre un désir sincère de fournir une assistance.

Les quatre choses à ne pas faire avec le pied de page

1. Avoir le même menu d’en-tête et de pied de page

Parfois, les internautes se tournent vers le pied de page lorsqu’ils ne trouvent pas certains détails dans votre menu d’en-tête. Dans ce cas, utiliser exactement les mêmes liens sur votre en-tête et pied de page n’ajoute pas de valeur à vos visiteurs ou à votre entreprise.

Divisez vos pages importantes entre l’en-tête et le pied de page pour éviter que les visiteurs du Web ne soient submergés de texte. Utilisez votre en-tête pour vos pages de plus grande valeur et réservez votre pied de page pour d’autres liens importants.

Exemple de pied de page de site Web d'AppleRemarquez que l’en-tête collant d’Apple ne comportait que six catégories de produits. En complément, un pied de page contient une liste de produits plus longue (colonne de gauche) ainsi qu’une liste de services.

2. Sur-optimisation

La sur-optimisation, que ce soit dans votre contenu ou dans votre pied de page, n’est pas un moyen efficace pour améliorer le classement de votre page de recherche. L’algorithme de classement de Google a rattrapé cette technique de bourrage de mots clés, et cela ne peut avoir qu’un impact négatif sur vos résultats SEO. Au lieu de trop optimiser, choisissez une poignée de mots clés et concentrez-vous sur ceux.

3. Liens sans importance

Votre pied de page n’est pas un espace pour répertorier toutes les pages de votre site. Les visiteurs qui ont scanné votre page entière et consulté votre pied de page sont probablement déjà intéressés par vos offres. Au lieu de jeter un méli-mélo de textes d’ancrage, transformez le pied de page en un outil de navigation efficace. Dirigez-les vers votre page de produits ou de services ou vers des liens utiles tels que des didacticiels ou le blog de votre entreprise.

4. Dispositions surpeuplées

Il peut être tentant d’emballer autant que vous le pouvez au bas de votre site. Mais un pied de page encombré peut désactiver vos visiteurs, les obligeant à quitter la page ou à masquer vos textes d’ancrage. Choisissez les pages essentielles, organisez-les et utilisez l’espace blanc pour créer un design de pied de page net et lisible.

Comment créer un design de pied de page efficace

Il existe de nombreuses façons de créer un pied de page à la fois esthétique et fonctionnel. Mis à part les conseils ci-dessus, voici les cinq meilleures pratiques de conception de pied de page.

1. Priorité à la lisibilité

Étant donné que les textes de pied de page sont souvent petits et que les visiteurs du Web ont tendance à les parcourir, vous avez besoin d’un design qui garantit que les mots sont faciles à lire. Pour vous assurer que votre pied de page est lisible, vous pouvez:

  • Optez pour des polices simples comme sans serif.
  • Évitez d’utiliser trop de polices ou de couleurs.
  • Profitez de l’espace blanc et expérimentez le crénage et la hauteur de ligne.

Une autre façon d’augmenter la lisibilité de votre pied de page consiste à utiliser un bon contraste des couleurs. Cela permet à vos visiteurs de lire confortablement vos textes d’ancrage, sans plisser les yeux ni forcer leurs yeux.

La combinaison standard consiste à utiliser du texte noir sur fond blanc ou vice versa. Si vous souhaitez dévier de cela et expérimenter plus de couleurs, voici quelques conseils:

  • Choisissez des couleurs qui complètent votre image de marque et la conception globale de votre site Web.
  • Concevez en pensant à votre public cible. Si votre site s’adresse aux personnes âgées, utilisez des teintes douces pour les yeux. Combinez cela avec une quantité limitée de texte et un espace blanc généreux.
  • Sélectionnez des couleurs qui transmettent l’émotion ou la personnalité que vous souhaitez donner à votre site. Par exemple, choisissez le rouge si vous souhaitez transmettre l’urgence et l’énergie. Optez pour le bleu pour symboliser la fiabilité et le calme, ou le vert pour représenter la nature ou la santé.
  • Faites ressortir vos CTA de la page en utilisant une couleur différente, comme les boutons jaunes de The Guardian sur un fond bleu.

Exemple de pied de page de site Web utilisant la couleur

2. Restez fidèle à votre image de marque

Votre site Web est un élément majeur de votre image de marque. Cela est particulièrement vrai pour les entreprises de commerce électronique, dont les principaux points de contact avec les clients sont en ligne.

Une image de marque forte et cohérente aide les visiteurs Web à se souvenir de vous et à associer le nom de votre entreprise à votre logo, vos services ou produits, vos valeurs et un sentiment ou une expérience spécifique.

Il existe plusieurs façons de créer un design de pied de page cohérent avec votre image de marque. Voici quelques idées:

  • Comme mentionné ci-dessus, choisissez des couleurs qui représentent vos valeurs ou teintes que vous avez utilisées dans votre logo ou vos supports marketing.
  • Incorporez votre logo, votre mascotte ou d’autres éléments qui symbolisent votre marque.
  • Adoptez des éléments de conception similaires, y compris la typographie et la mise en page que vous avez utilisées dans d’autres supports promotionnels.

Exemple de pied de page de site Web utilisant la même couleur pour l'en-tête et le pied de pageRemarquez comment Smashing Magazine utilise le même texte et la même couleur d’arrière-plan pour son en-tête et son pied de page. Les illustrations aident à maintenir une ambiance ludique du menu supérieur du site jusqu’à sa section inférieure.

3. Optimiser pour les utilisateurs mobiles

Étant donné que les utilisateurs mobiles sont plus susceptibles de faire défiler vers le bas de votre page que les visiteurs de bureau, l’optimisation de votre site pour différents appareils en particulier sur mobile est un must. Cette stratégie va au-delà des conceptions réactives. Pour permettre aux utilisateurs mobiles de vous joindre ou de scanner votre site plus facilement:

  • Ajustez la taille du texte de votre pied de page pour que les visiteurs puissent facilement appuyer sur les options sans zoomer.
  • Inclure un bouton d’appel cliquable pour que les visiteurs puissent facilement vous contacter.
  • Si vous souhaitez encourager les utilisateurs à passer par votre bureau ou salle d’exposition physique, associez votre adresse à une carte.
  • Si vous avez des applications, fournissez des liens vers celles-ci.

4. Restez simple

La simplicité de la conception du pied de page fait référence à la fois à son style et à son contenu. Gardez votre pied de page propre, respectez quelques couleurs et typographie et évitez les arrière-plans élaborés. En termes de contenu, gardez les textes d’ancrage courts et limitez les éléments que vous affichez. Inonder vos lecteurs avec des mises en page ornées ou trop de texte ne peut que détourner leur attention de vos CTA et d’autres liens précieux.

5. Organisez-vous

Un pied de page bien organisé améliore la lisibilité du site, permet aux lecteurs d’avoir une vue d’ensemble du site et de l’entreprise, et permet aux visiteurs de trouver facilement les détails dont ils ont besoin.

Si vous souhaitez ajouter plusieurs textes d’ancrage mais craignez que le pied de page ne semble désordonné, appliquez les techniques suivantes:

  • Organiser les menus associés en colonnes et fournir un en-tête de colonne.
  • Testez les tailles de police, la hauteur de ligne ou les couleurs du texte pour afficher la hiérarchie du contenu. Par exemple, utilisez une police légèrement plus grande pour les en-têtes de colonne et laissez plus d’espace entre l’en-tête et le texte d’ancrage en dessous..
  • Utilisez différentes couleurs d’arrière-plan pour séparer une section de votre pied de page du reste.

Exemple de pied de page de site Web utilisant différentes sections coloréesAgingCare utilise trois couleurs d’arrière-plan pour diviser le pied de page en sections. Leur CTA, affiché sur un fond bleu, se démarque des menus de pied de page (sur fond gris clair) et des informations de copyright, conditions d’utilisation et politique de confidentialité en bas (fond gris foncé).

Mettre tout cela ensemble: Inspirations de conception de pied de page

Une façon de générer des idées pour votre site est de parcourir d’autres pages. Remarquez comment d’autres concepteurs intègrent les concepts abordés ci-dessus pour créer des pieds de page bien conçus. Voici quatre modèles pour vous inspirer.

Cerf bleu

Le pied de page de ce studio de design, avec son arrière-plan animé et son logo bleu de cerf courant, montre la créativité de l’entreprise. L’arrière-plan prêt à l’emploi est amusant et l’image contrastante d’un logo bleu colle à votre mémoire. Ce pied de page soigné met en évidence le CTA, c’est-à-dire le numéro de contact et l’adresse e-mail de l’entreprise, tous deux cliquables.

Exemple d'inspiration de pied de page de site Web

Le New York Times

Le pied de page du New York Times a un design simple et épuré, utilisant un grand espace blanc et un contraste standard de texte noir sur un fond clair. Des textes d’ancrage, organisés en colonnes, guident les visiteurs vers d’autres pages et articles intéressants, les encourageant à explorer et à rester sur le site. La conception tire parti de la hiérarchie typographique pour attirer davantage l’attention sur le nom de l’entreprise à gauche et les options d’abonnement à droite.

Exemple d'inspiration de pied de page de site Web

Sephora

Le pied de page de la marque de beauté adopte un look classique avec du texte blanc sur fond noir. Une fine ligne divise le pied de page en deux sections: les textes d’ancrage à colonnes en haut et le CTA, les icônes de médias sociaux, le droit d’auteur et la politique de confidentialité en bas. La marque propose également un menu déroulant permettant aux visiteurs de choisir leur région ou leur langue, proposant une version anglaise et canadienne-française.

Les textes d’ancrage sont soigneusement regroupés en quatre colonnes. En utilisant suffisamment d’espace blanc, le pied de page de Sephora est capable d’incorporer beaucoup d’informations sans avoir l’air encombré.

Pendant ce temps, la version mobile de l’entreprise conserve les en-têtes de colonne, l’option d’inscription et les icônes de médias sociaux. Les liens vers l’App Store et Google Play sont affichés juste au-dessus du pied de page, où les utilisateurs mobiles peuvent télécharger l’application Sephora.

Exemple d'inspiration de pied de page de site Web

StackSocial

StackSocial incite les nouveaux clients à s’inscrire à sa newsletter. En outre, il utilise un bouton bleu pour le CTA, ce qui lui permet de rester cohérent avec sa marque. Le CTA bleu saute également de la page au milieu de l’arrière-plan sombre et du texte clair. Un logo du Better Business Bureau (BBB) ​​en bas à droite contribue à renforcer la confiance de la marque.

Exemple d'inspiration de pied de page de site Web

Mots finaux

Il existe de nombreuses façons de concevoir un pied de page qui peut augmenter votre conversion et rendre votre site accessible et facile à naviguer. Continuez à expérimenter et à appliquer les conseils ci-dessus jusqu’à ce que vous trouviez une conception de pied de page qui réponde aux objectifs de votre entreprise et aux besoins de vos clients cibles.

Avez-vous des conseils, des astuces ou des designs de pied de page impressionnants à partager? Laissez vos pensées ci-dessous.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map