Je sais.

La rédaction n’est pas forcément le moment préféré des gens qui créent leur site web. Tu as pris du plaisir à imaginer à quoi allait ressembler ton site, ses couleurs, ses typographies. Maintenant, il faut que tu expliques par écrit ce que tu fais, ce que tu vends. 

Prenons l’exemple de ta page d’accueil. Qu’est-ce qu’une page d’accueil réussie ? Qu’est-ce qu’on y fait figurer ?  🤔

Je te mâche une partie de ton travail en te résumant aujourd’hui à quoi doit ressembler la structure d’une page d’accueil d’un site web, type site vitrine. Ce sera comme une sorte de gabarit, un patron, que tu peux suivre (pour ne pas oublier d’éléments clés) tout en le personnalisant pour que le résultat soit à ton image.

Le rappel utile : le rôle de la page d’accueil

Pour savoir comment structurer correctement une page d’accueil, il convient de comprendre quel est son rôle. De cette manière, tu pourras privilégier certains éléments plutôt que d’autres, c’est-à-dire ceux qui sont pertinents pour présenter ton activité. Chaque page fixe de ton site a un rôle à jouer, que ce soit pour l’expérience utilisateur de tes visiteurs ou pour le référencement naturel.

Imagine alors que ta page d’accueil est la vitrine d’un magasin. 🏪

Lorsque tu flânes dans les rues, ton regard peut se porter sur une devanture attrayante. Les couleurs sont jolies, les vitrines sont bien agencées, éclairées, l’enseigne drapeau a un chouette logo, bref, ça titille ta curiosité. Mais ce n’est pas suffisant : tu cherches à en savoir plus. Quel est le nom de la boutique ? Qu’est-ce qu’on y trouve à l’intérieur ? Quels sont les horaires d’ouverture ? Tant d’informations qui peuvent t’inciter à t’attarder et à passer le pas de la porte.

Si en quelques secondes tu n’es pas convaincu.e, il est fort probable que tu n’y rentres pas. C’est exactement pareil pour la page d’accueil du site vitrine. Okay, l’internaute a cliqué d’une manière ou une autre sur le lien de ton site. Et après ? 

Une fois qu’il arrive sur la page d’accueil, il doit se sentir bien et comprendre rapidement ce qui se présente à lui. Ton challenge, c’est de réussir à lui donner envie de poursuivre sa navigation. Ta page d’accueil accueille (merci 🙌🏻 ), elle a pour but d’être un minimum chaleureuse, claire.

Elle expose ce que l’on peut trouver sur le reste du site. Oui, cette page confirme que ce site et par extension les offres que tu proposes, sont la solution au problème de ton visiteur.

*Bienvenue, je peux t’aider, voici ce que tu vas y trouver.*

Le squelette général de la page d’accueil 💀

Si l’on devait analyser une radiographie d’une page d’accueil, on pourrait observer que son squelette est essentiellement divisé en deux parties.

La partie qui se situe avant la ligne de flottaison et celle qui se situe après la ligne de flottaison. Il s’agit d’une ligne imaginaire et qui correspond à la partie visible d’une page lorsque cette dernière s’affiche. Une fois que tu commences à faire défiler ta page, à scroller donc, les autres éléments de la page apparaissent comme par magie.

La partie qui se situe avant la ligne de flottaison est notamment déterminante pour la page d’accueil, puisqu’elle doit convaincre le visiteur de rester ou de poursuivre la navigation.

💡 À retenir : idéalement, ta proposition de valeur doit figurer dans cette partie. En deux ou trois phrases on a le nom de ton entreprise, ton métier, qui tu es et ce que tu proposes à tes (futurs) clients. Tu parles à ta cible. Toujours.

Après la ligne de flottaison passée, quand la page défile, tu peux y faire figurer tout le contenu qui te semble capital pour séduire/rassurer/convaincre ton visiteur.

Ce que tu trouveras dans la suite de cet article relatif à la structure d’une page d’accueil n’est qu’une liste des informations jugées importantes pour un.e prestataire de services qui souhaite trouver des clients. Je ne les classe pas par ordre d’apparition, tu peux sélectionner celles qui sont utiles pour ton profil.  D’ailleurs, point trop n’en faut pour la quantité d’informations. Tu auras l’occasion de compléter tes propos sur les autres pages. Il vaut mieux une homepage au contenu assez épuré qu’une surchargée. Autrement, le visiteur ne saura plus où poser ses yeux.

Le haut de la page d’accueil : avant le scroll

C’est parti, on rentre dans le concret car je sais que c’est ce que tu cherches.

Avant la ligne de flottaison, tu peux réserver un encart pour ta bannière de présentation. Par exemple, sur ma page d’accueil, j’ai décidé d’y inscrire une phrase qui résume la raison d’être de mon travail et ce que cela peut changer pour les gens.

Viens juste en dessous un bouton qui sert à rediriger vers une autre page. On parle alors d’un Call-to-Action, un CTA pour les intimes, qui incite le visiteur à passer à l’action. 

Ainsi, je l’implique directement dans son prochain choix :

Sans avoir besoin de scroller davantage, le visiteur sait où il est et ce qu’il peut espérer trouver comme réponse. On parle parfois de promesse faite au lecteur. 

La descente peut commencer.

La première approche ou la présentation des services

Comment s’illustre ta promesse ou ta proposition de valeur ? 

Tu as semé les premières graines, tu as mis l’eau à la bouche, ton visiteur a envie d’en savoir plus. Il fait défiler la page et peut tomber sur un encart consacré à la présentation succincte de tes services.

🟡 J’ai deux services principaux : la rédaction web pure et l’accompagnement personnalisé en SEO. J’ai donc décidé de parler de ces deux services, chacun d’entre eux explique en quoi il consiste.

🟡 Tu es web designer et tu as quatre offres ? Dévoile ces quatre services en quelques lignes. Ton visiteur doit savoir si cela répond à l’une de ses attentes.

Cela peut aussi être l’occasion de glisser un Call-to-Action pour inciter à poursuivre la navigation sur la page de service dédiée. Tu l’auras compris, la rédaction de cette partie est un bon exercice. En te penchant dessus, tu vas vite te rendre compte si tu sais vendre tes offres ou non et les rendre alléchantes. N’oublie pas de miser sur les bénéfices (au moins le principal), car ton contenu est là pour vendre !

Quelques mots pour la réassurance sociale

Ton site vitrine contribue à ton image de marque, que tu le veuilles ou non, même si tu es un.e petit.e entrepreneur.e (comme moi). Il doit donc faire professionnel. Tu as des compétences, tu vends ton savoir-faire pour que d’autres en profitent. Pour que de simples visiteurs deviennent des clients, ils doivent avoir confiance en toi.

Une rapide présentation de toi

Voici l’incontournable encart qui humanise ton site web. Je ne le répéterais sans doute jamais assez, mais il est primordial que l’on ressente ta personnalité dans le contenu écrit que tu produis (c’est ce qui va faire la différence avec tes consoeurs/confrères, qui proposent probablement les mêmes prestations que toi).

Toutefois, s’il y a bien un endroit où tu peux être toi-même et te livrer davantage, c’est ici. Rédige un bref résumé de ton histoire, de ton entreprise ou de qui tu es (la tâche est ardue je sais) et garde le reste pour ta page à propos. Si tu as bien retenu la leçon, tu sais alors que c’est l’endroit parfait pour y mettre un bouton d’appel à l’action qui mène vers la page à propos.

 Il s’agit de l’une des premières étapes qui va te permettre de gagner sérieusement l’estime de tes potentiels clients.

La publication de témoignages clients

La deuxième étape concerne la publication d’anciens témoignages clients. 

Tu as déjà eu l’opportunité de mener à bien des projets et tes collaborations se sont bien passées ? Ne te prive pas de le faire savoir à la Terre entière ! 

Publie quelques témoignages clients sur ta page d’accueil afin de rassurer tes potentiels clients. Tout le monde n’a pas besoin de cela pour faire appel à tes services mais cela peut être un élément déterminant pour les plus indécis d’entre eux.

Des CTA distillés tout au long de la home-page

Je l’ai déjà rappelé au début de cet article mais je vais le faire encore une fois dans ce paragraphe qui leur est dédié. Étant donné que l’un des buts premiers de la page d’accueil est de rediriger le visiteur vers d’autres pages du site web, il est plus que normal de mettre des boutons d’appel à l’action à des endroits stratégiques.

Tu souhaites que tes visiteurs consultent une de tes offres spécifiques ? Rajoute ce bouton juste en dessous du petit texte de présentation de celle-ci. En dessous de ta petite présentation, incite les gens à te contacter en les menant vers ta page contact. Un CTA réussi est un bouton visible, clair, qui parle directement au visiteur. Tu peux en mettre au moins trois ou quatre tout au long de ta page d’accueil et ce dès la bannière de présentation.

Parfois, le Call-to-Action n’est pas un bouton en tant que tel. Cela peut être une phrase, du moment qu’elle incite à passer à l’action. Ex : au niveau du formulaire d’inscription à une newsletter.

Tes engagements professionnels

Tu fais partie de ces entrepreneur.es qui s’engagent à faire les choses autrement ? Déjà, félicitations. 

Ne perds pas une occasion de montrer à ta cible ce qui te tient à cœur et comment tu envisages ton métier. Cela peut faire la différence, surtout si les internautes qui consultent ton site web sont sensibles aux mêmes enjeux que toi.

🟡 Tu es wedding planner et tu t’engages à ne travailler qu’avec des prestataires éco-conscients ? Fais le savoir.

🟡 Tu évolues dans le domaine du digital et tu as un site web hébergé par un hébergeur “vert” ? Précise-le.

🟡 Ton entreprise verse annuellement un pourcentage de son chiffre d’affaires à une association ? Partage-le.

Ce n’est pas pour chanter tes propres louanges. Tes actes, qui te paraissent parfois évidents ou insignifiants, révèlent qui tu es et la façon dont tu gères tes impératifs professionnels. Ils sont dignes de figurer sur ta page d’accueil, qui annoncent la couleur pour une future collaboration. Ainsi,  les visiteurs passent leur tour ou alors ils empruntent le bon chemin pour devenir tes clients.

Tes derniers articles de blog

Dans la structure d’une page d’accueil d’un site web, on peut également retrouver un espace consacré à la publication des derniers articles de blog.  Pourquoi donc ?

Déjà parce que tu peux renvoyer ton lecteur à la partie blog de ton site, afin qu’il consulte tes œuvres écrites. Allez hop, encore une façon de retenir son attention et de le convaincre que tu es le/la professionnel.le qui lui faut en démontrant ton expertise. En apercevant déjà trois ou quatre articles, il aura une première idée des sujets que tu abordes et qui collent parfaitement à sa problématique ou à l’univers qui l’intéresse.

Il y a de fortes chances qu’il ait envie de savoir ce que tu peux lui apprendre. Tu es en panne d’inspiration pour trouver un sujet et écrire ton premier article de blog ? Ce qu’il te faut, c’est d’abord une bonne stratégie de mots-clés (et il paraitrait que je suis la bonne personne pour t’aider 😉).

De jolies images pour aérer la structure de ta page d’accueil

La structure de ta page d’accueil va vite devenir indigeste si tu n’intègres pas des images. Si tu penses qu’il faut forcément que tu publies tes propres photos pour illustrer ton site, tu te trompes ! Il est vrai que tu peux faire appel à un.e photographe professionnel.le. Tu peux ainsi renforcer ton univers de marque en faisant de jolies photos en accord avec ta palette de couleurs, ta personnalité, les valeurs que tu défends… Cela rend immédiatement ton site plus humain.

Toutefois, si tu n’as pas un budget à consacrer à un.e pro de la photo pour le moment, tu peux toujours utiliser des photos libres de droit que l’on trouve dans des banques d’images comme Pixabay ou Unsplash. Sur Canva (en version gratuite ou payante), tu peux également faire tes propres montages à partir d’un cliché et rajouter des éléments décoratifs. En somme, tu peux te faire plaisir simplement. 

L’important, c’est d’aérer suffisamment ta page d’accueil pour qu’elle soit agréable à parcourir de haut en bas et que les yeux ne s’arrêtent pas que sur des mots.

Le bas de page : la fin du scroll

Ça y est, on arrive déjà en bas de ta page. On entre alors dans la zone appelée “footer” ou “bas de page”. Qu’est-ce qu’on y trouve généralement ?

Tu peux remettre ta localisation complète si tu as une structure physique comme un cabinet (c’est toujours bon pour ton référencement local) ; le numéro de téléphone sur lequel on peut te contacter ; ton adresse mail professionnelle ; 

-indique des informations comme tes mentions légales, ta politique de confidentialité, tes conditions générales de vente…

-rajoute les icônes de tes différents réseaux sociaux ; 

-si tu as une newsletter, c’est le moment de capturer les emails de tes visiteurs en laissant un petit formulaire de contact ; 

… et puis c’est déjà pas mal, nul besoin d’alourdir davantage ton bas de page.

Et les mots-clés dans tout ça ?

Je viens de te faire une démonstration en bonne et due forme de la structure d’une page d’accueil d’un site web, telle que le commun des mortels s’accorde à la penser.

Quid du référencement naturel ? En effet, si tu es un minimum renseigné.e à ce sujet, tu dois alors savoir qu’il est essentiel d’optimiser tes pages pour espérer atteindre le haut du classement dans la page des résultats de Google.

💡Rappel n° 1 : plus ton positionnement est bon (sur la première page au moins), plus tu augmentes tes chances de recevoir des visiteurs sur ton site (et de vendre tes services si tout ce que tu proposes est pertinent pour ta cible).

💡Rappel n°2 : un mot-clé principal par page.

Ta page d’accueil est une page généraliste.  De ce fait, ton challenge, si tu l’acceptes, c’est de trouver un mot-clé qui présente le plus simplement ton activité. Tu auras tout le loisir de préciser tes spécificités grâce à tes différentes pages services.

La formule magique est souvent “ton métier + ta géolocalisation” (pour un.e prestataire de service, je le redis). Ce sera alors ton mot-clé principal. Il doit se retrouver dans ton H1, dans au moins un H2, dans le corps de ton texte.

➡️  tu as déjà effectué ce travail de recherche de mot-clé pour ta page d’accueil et tu voudrais savoir si cela fonctionne ? Je propose un audit sémantique voire carrément un audit complet de tes pages fixes pour que tu saches si ton optimisation est bonne. Contacte-moi pour en savoir plus ! 

Zoom sur la page d’accueil d’un site e-commerce

Mes prestations SEO et en rédaction web se cantonnent surtout aux sites vitrines (pour les boutiques en ligne, je m’intéresse surtout à la partie blog à vrai dire). Néanmoins, je me voyais mal conclure cet article consacré à la structure d’une page d’accueil d’un site web sans évoquer les sites e-commerce. Alors, elle ressemble à quoi la page d’accueil type d’une boutique en ligne ?

Les recommandations diffèrent légèrement. L’enjeu est de vendre des produits et que ceux-ci atterrissent dans le panier du e-shop.

Les produits qui se vendent le plus, les best-sellers ou les plus aimés par les clients sont souvent mis en avant et assez haut sur la page. Il s’agit d’orienter le visiteur vers des catégories de produits qui ont un enjeu (promotions, en lien avec un événement particulier comme la fête des mères ou la rentrée des classes…).

Le contenu écrit doit être clair, si possible copywrité (donner envie d’acheter sans en faire trop), le potentiel acheteur sait où il va quand il clique quelque part.

Enfin, n’hésite pas à publier des témoignages clients. Pour dégainer la carte bancaire et acheter des produits, le visiteur doit être convaincu que l’expérience utilisateur qu’il va vivre est sécurisée et satisfaisante.

Pour résumer

Et voilà ! Tu sais désormais comment optimiser ta page d’accueil en accordant un soin tout particulier à sa structure. Grâce à cela, les robots des moteurs de recherche ne devraient pas avoir de mal à comprendre ce qui figure sur ta home-page et comment la classer dans la page de résultats.

Un visiteur bien accueilli sur ton site web est un visiteur qui reste, qui passe d’une page à l’autre avec plaisir. Dans le meilleur des cas, il fait même appel à tes services par la suite.  Pour cela, tu dois lui dérouler le tapis rouge et faciliter sa navigation dès les premières secondes.

Tu as toutes les cartes en main, je compte sur toi pour être un.e hôte efficace et accueillant.e 😉