Servant de porte d’entrée virtuelle à votre entreprise, cette page est chargée d’attirer une majorité du trafic de votre site Web. Pourtant, malgré son importance, de nombreuses entreprises ont du mal à l’optimiser correctement.

Vous voyez, votre page d’accueil doit porter beaucoup de chapeaux. Plutôt que de la traiter comme une page de destination dédiée construite autour d’une action particulière, elle devrait être conçue pour servir différents publics, d’origines différentes. Et pour le faire efficacement, il doit être construit avec un but. En d’autres termes, vous devrez intégrer des éléments qui attirent le trafic, éduquent les visiteurs et invitent les conversions.

Pour améliorer les performances de votre page d’accueil, consultez ces éléments que chaque page d’accueil doit avoir.

 Téléchargement gratuit: 77 Exemples de Conception Web brillante

12 Éléments Critiques Chaque Page D’Accueil Du Site Web Doit Avoir

Enregistrer

12 éléments critiques pour la page d'accueil d'un site web infographie

Enregistrer

Partager cette Image Sur votre Site

Ce que Vous devez Inclure dans la conception de la page d’accueil de votre site Web

Titre

En trois secondes, un site Web doit indiquer aux visiteurs ce que l’entreprise a à offrir. C’est là que votre titre entre en jeu. Ce n’est peut-être que quelques mots, mais c’est l’une des copies les plus importantes de votre site Web.

De nombreux types de personnes peuvent visiter votre site Web, et vous aurez du mal à trouver quelques mots qui conviennent à tout le monde. Au lieu de cela, écrivez votre titre pour cibler un tiers des personnes les plus susceptibles d’être satisfaites de votre produit.

Gardez le titre lui-même clair et simple. Le titre de Dropbox est un excellent exemple :  » Tout ce dont vous avez besoin pour travailler, au même endroit. » C’est simple, mais puissant — pas besoin de décoder le jargon pour comprendre ce que fait vraiment Dropbox.

 Page d'accueil du site Web Dropbox

Sous-titre

Votre sous-titre doit compléter le titre en offrant une brève description de ce que vous faites ou de ce que vous proposez. Cela peut être fait efficacement en réduisant à zéro un point douloureux commun que votre produit ou service résout.

Voici un exemple d’un grand sous-titre de Mirror: « Se cacher à la vue. »Il s’appuie sur le principal argument de vente de la salle de sport miroir: Il s’agit d’une salle de sport complète à domicile, d’un entraîneur personnel et d’un plan d’entraînement dans le confort de votre maison sans prendre de pieds carrés précieux avec de l’équipement. Sous-titre de la page d'accueil du site Web miroir qui se lit caché à la vue

Pour optimiser vos titres pour mobile, utilisez des polices plus grandes pour offrir aux visiteurs une meilleure expérience. Les petites polices pourraient forcer les visiteurs mobiles à pincer et à zoomer afin de lire et d’interagir avec le contenu de votre site. Notre conseil ? Utilisez les options d’en-tête de votre éditeur de page. Les titres H1 sont parfaits pour les titres de page — il ne devrait y avoir qu’un seul H1 sur une page. Les sous-titres doivent suivre l’ordre de la hiérarchie, H2, H3… H6, et ainsi de suite. Vous pouvez avoir plusieurs de ces titres, assurez-vous simplement qu’ils sont en ordre. Par exemple, vous ne voudrez pas passer d’un H1 à un H3 — choisissez plutôt un H2.

Appels à l’action principaux

L’objectif de votre page d’accueil est d’obliger les visiteurs à creuser plus profondément dans votre site Web et à les déplacer dans l’entonnoir. Incluez deux à trois appels à l’action au-dessus du pli qui dirigent les gens vers différentes étapes du cycle d’achat — et placez-les dans des endroits faciles à trouver.

Ces CTA doivent être visuellement frappants, idéalement dans une couleur qui contraste avec la palette de couleurs de votre page d’accueil tout en s’intégrant à la conception globale. Gardez la copie brève — pas plus de cinq mots — et orientée vers l’action, de sorte qu’elle oblige les visiteurs à cliquer sur ce que vous proposez. Des exemples de copie CTA sont « Inscrivez-vous », « Prenez rendez-vous » ou « Essayez-le gratuitement. »

Le site Web de Afterschool HQ comporte deux CTA au-dessus du pli, tous deux destinés aux directeurs de programme qui souhaitent promouvoir leurs programmes parascolaires auprès des familles sur le site. La note ci-dessous le plus long CTA « Créez votre profil gratuit » donne aux visiteurs le coup de pouce dont ils ont besoin pour créer un compte — la première étape pour devenir un fournisseur de QG après l’école.

Image de soutien

La plupart des gens sont visuels. Assurez-vous d’utiliser une image (ou même une courte vidéo) qui indique clairement ce que vous proposez. Utilisez des images qui capturent l’émotion, stimulent l’action et racontent visuellement l’histoire sur laquelle vous écrivez.

Pour optimiser vos images pour les utilisateurs mobiles, utilisez des images de haute qualité dont la taille de fichier est réduite. (Les clients HubSpot n’ont pas à s’inquiéter à ce sujet, car les images téléchargées sur le logiciel de HubSpot sont automatiquement compressées. Sinon, des outils comme TinyPNG feront l’affaire.) En outre, ajoutez toujours du texte alternatif à vos images pour les rendre plus accessibles aux visiteurs qui utilisent des lecteurs d’écran et pour augmenter vos efforts de référencement d’un cran.

La page d’accueil de 4 Rivers Smokehouse est un excellent exemple d’imagerie émotionnelle: elle propose une série de vidéos courtes, en haute définition et alléchantes qui tournent en boucle derrière un simple titre, un sous-titre et un CTA principal:

4 page d'accueil du site Web de rivers smokehouse image en vedette avec un hamburger au fromage

Avantages

Il n’est pas seulement important de décrire ce que vous faites, mais pourquoi ce que vous faites compte. Les prospects veulent connaître les avantages d’acheter chez vous, car c’est ce qui les obligera à rester.

Gardez la copie légère et facile à lire, et parlez la langue de vos clients. Evernote fait un excellent travail en répertoriant les avantages sur sa page d’accueil d’une manière convaincante, visuellement agréable et facile à comprendre:

 Avantages de la page d'accueil du site Web Evernote

Preuve sociale

La preuve sociale est un puissant indicateur de confiance. Votre produit ou service pourrait être le meilleur au monde, et il est acceptable de formuler cette affirmation — c’est juste que les gens peuvent ne pas vous croire à moins qu’ils ne l’entendent d’autres personnes aussi. Et c’est exactement ce que fait la preuve sociale.

N’incluez que quelques-unes de vos meilleures citations (courtes) sur la page d’accueil et un lien vers des études de cas, le cas échéant. L’ajout d’un nom et d’une photo donne à ces témoignages plus de crédibilité. Lessonly cloue cela sur leur page d’accueil avec des témoignages élogieux de clients réels.

 Lessonly témoignages et avis sur la page d'accueil du site Web

Navigation

La conception et le contenu de votre navigation sur la page d’accueil peuvent faire la différence entre une conversion de site Web et un rebond. Pour réduire le taux de rebond, donnez à vos visiteurs un chemin clair vers les pages dont ils ont besoin directement depuis la page d’accueil. Rendez le menu de navigation visible en haut de la page et organisez les liens dans une structure hiérarchique.

Personne ne connaît mieux votre site Web que ceux qui l’ont aidé à le concevoir, alors assurez-vous de réaliser des tests utilisateur pour vous assurer que les visiteurs peuvent trouver ce qu’ils recherchent sur votre site de manière simple et intuitive. Incluez une boîte de recherche si vous le pouvez. (Lisez cet article de blog pour des conseils de navigation plus utiles sur le site Web.)

Voici un exemple de conception de navigation claire et bien structurée de Slim & Page d’accueil de Husky’s Pizza Beeria:

 Navigation sur la page d'accueil du site Web de Slim and huskys

Offre de contenu

Pour générer encore plus de prospects à partir de votre page d’accueil, proposez une offre de contenu vraiment géniale, telle qu’un livre blanc, un livre électronique ou un guide. Les personnes qui ne sont peut-être pas prêtes à acheter pourraient plutôt télécharger une offre qui leur donne plus d’informations sur un sujet qui les intéresse. Si vous avez besoin d’inspiration, voici plusieurs types de contenu différents parmi lesquels choisir.

Appels à l’action secondaires

Incluez des CTA secondaires sur votre page d’accueil pour offrir des opportunités de conversion supplémentaires aux prospects qui ne sont pas intéressés par votre objectif principal. Pensez-y comme le plan d’urgence: Ils offrent un autre chemin aux visiteurs qui ne sont pas encore prêts pour quelque chose d’aussi engagé que vous le demandez.

Alors que vos CTA primaires doivent être au-dessus du pli, placez les CTA secondaires sous le pli pour donner aux visiteurs des éléments sur lesquels cliquer lorsqu’ils font défiler vers le bas. Par exemple, sous le pli de la page d’accueil de Spanx, vous trouverez trois appels à l’action clairement étiquetés qui donnent aux personnes qui ont fait défiler aussi loin quelques options supplémentaires sur lesquelles cliquer. Ces CTA secondaires concernent deux types de conversions différents: l’un à l’extrême gauche pour 20 off de rabais et l’autre, « magasinez maintenant » pour explorer le catalogue en ligne.

 Page d'accueil du site Web Spanx CTA secondaires

Fonctionnalités

En plus des avantages, énumérez certaines de vos fonctionnalités clés. Cela permet aux gens de mieux comprendre ce qui est fourni par vos produits et services. Encore une fois, gardez la copie légère et facile à lire. Dropbox for Business, par exemple, n’hésite pas à afficher une matrice de fonctionnalités directement sur sa page d’accueil sous le pli.

 caractéristiques de la page d'accueil du site Web dropbox for business

Ressources

Encore une fois, la plupart des visiteurs de votre site Web ne seront pas prêts à acheter… encore. Pour les personnes qui recherchent plus d’informations, offrez un lien vers un centre de ressources où elles peuvent parcourir les informations pertinentes. Non seulement cela les maintient sur votre page Web plus longtemps, mais cela vous aide également à établir votre crédibilité en tant que leader d’opinion dans votre secteur.

Lovesac ajoute un lien de ressources au pied de page sous le pli. Notez que chacune de ces CTA secondaires couvre plusieurs étapes du cycle d’achat: un lien de carte de crédit pour aider les clients à acheter leurs meubles facilement, un guide d’échantillons de tissus pour ceux qui recherchent toujours la couleur parfaite avant de faire un achat, et un catalogue en ligne pour les personnes qui sont sur le marché pour de nouveaux meubles mais ne sont pas encore prêtes à faire un achat.

 page d'accueil du site Web lovesac avec des ressources et des CTA en bas de page

Indicateurs de réussite

En plus des histoires de réussite des clients, les récompenses et la reconnaissance peuvent également aider à inspirer une bonne première impression. Votre entreprise est-elle un restaurant acclamé par la critique? Avez-vous été élu meilleure nouvelle application cette année? Informez les visiteurs de votre page d’accueil de vos réalisations. Comme la preuve sociale, cela donnera plus de crédibilité à votre entreprise pour ceux qui ne vous connaissent pas.

Sur la page d’accueil de Calendly, par exemple, vous trouverez les noms d’organisations célèbres qui les ont reconnues, comme Gartner et Dropbox.

 Page d'accueil du site web Calendly

Une page d’accueil à visiter

La page d’accueil de votre site est la première introduction que chaque visiteur aura à votre entreprise. Avant de décider de devenir client, ils examineront votre page d’accueil pour avoir une idée de ce que vous vendez, pourquoi cela compte pour eux et comment ils peuvent bénéficier de ce que vous avez à offrir.

Faites une première impression brillante avec une page d’accueil qui intègre les éléments décrits ci-dessus. Et pour plus d’inspiration, consultez de superbes exemples de pages d’accueil en téléchargeant le lookbook gratuit ci-dessous.

Note de la rédaction: Cet article a été initialement publié en janvier 2012 et a été mis à jour pour plus de fraîcheur, de précision et d’exhaustivité.

 exemples de conception brillante de page d'accueil, de blog et de page de destination

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée.