Que mettre sur la page d’accueil de votre site vitrine pour être compris en 5 secondes ?
Pour répondre à la question ''que mettre sur la page d'accueil de votre site'', commençons par le haut de la page.
La section Héros est le premier écran que votre visiteur découvre en arrivant sur votre site.
C’est aussi l’endroit où une erreur très fréquente se produit : vouloir en dire trop… ou ne pas dire l’essentiel.
Un joli visuel, une phrase inspirante et un bouton « En savoir plus » ne suffisent pas à expliquer votre activité.
Votre visiteur doit pouvoir comprendre, en 5 secondes :
- ce que vous faites ;
- à qui vous vous adressez ;
- ce que vous pouvez lui apporter ;
- pourquoi il peut vous faire confiance ;
- et quelle est la prochaine étape.
Pas besoin de tout raconter dans le premier écran. Le rôle du Héros est simplement de permettre à la bonne personne de se dire :
« Je suis au bon endroit. »
Voici comment construire le vôtre, étape par étape.
1. Les 5 questions auxquelles votre Héros doit répondre
Avant de choisir une photo, une animation ou une couleur de bouton, commencez par le contenu.
Votre premier écran doit permettre de répondre rapidement à cinq questions.
☑ 1. Que faites-vous ?
Votre activité doit être identifiable immédiatement.
Évitez les formulations qui pourraient correspondre à n’importe quel professionnel :
- « Révélez votre potentiel »
- « Donnons vie à vos projets »
- « Votre bien-être au naturel »
Ces phrases peuvent accompagner votre message, mais elles ne permettent pas de comprendre ce que vous faites.
Préférez une formulation concrète :
Sophrologue à Lyon — Gestion du stress et troubles du sommeil
ou :
Plombier chauffagiste à Toulouse — Dépannage et rénovation
Votre visiteur ne devrait pas avoir besoin de chercher cette information.
☑ 2. Pour qui travaillez-vous ?
Votre activité peut s’adresser à plusieurs publics. Cela ne signifie pas que vous devez tous les citer dans votre Héros.
L’objectif est que la personne concernée puisse se reconnaître dans votre message.
Comparez :
« J’accompagne les personnes vers un mieux-être. »
avec :
« J’aide les femmes qui ont du mal à gérer leur stress à retrouver des nuits plus sereines. »
La deuxième formulation décrit une situation précise dans laquelle le visiteur peut se reconnaître.
Conseil pratique : si votre cible est très large, choisissez dans le Héros le public ou la situation qui correspond le mieux à votre activité commerciale actuelle. Les autres pourront être présentés plus bas sur la page.
☑ 3. Quel problème ou quel besoin pouvez-vous traiter ?
C’est ici que votre Héros devient réellement intéressant pour votre visiteur.
Ne vous contentez pas de présenter votre métier. Montrez pourquoi votre intervention peut lui être utile.
Par exemple :
Vous manquez de rangements et chaque centimètre carré compte ?
est plus évocateur que :
Menuisier spécialisé dans l’agencement intérieur.
Le métier identifie votre activité.
La situation permet au visiteur de comprendre pourquoi votre intervention peut lui être utile.
☑ 4. Pourquoi vous plutôt qu’un autre ?
Vous n’avez pas besoin de rédiger votre CV dans le premier écran.
Cherchez plutôt un élément concret qui vous distingue ou rassure :
- une spécialisation ;
- une expérience pertinente ;
- une méthode particulière ;
- une zone d’intervention ;
- une réalisation ;
- une certification lorsque celle-ci est réellement pertinente ;
- une modalité de travail qui facilite la vie du client.
Attention cependant : une affirmation n’est pas une preuve.
« Un service personnalisé »
est une simple affirmation.
« Premier échange de 30 minutes pour définir précisément votre besoin »
est une information concrète.
Et :
« Plus de 100 projets réalisés »
est une preuve chiffrée — à condition que ce chiffre soit réel.
N’hésitez pas à ajouter une preuve concrète, par exemple :
- « Déjà 120 accompagnements réalisés »
- « 4,9/5 sur Google, basé sur 87 avis »
- « Intervention en moins de 2 h sur Toulouse et alentours »
Cette information peut figurer dans le Héros ou juste en dessous, près du bouton d’action.
☑ 5. Que doit faire votre visiteur ensuite ?
Ne laissez pas votre visiteur avec une simple information.
Donnez-lui une prochaine étape.
Mais cette étape doit être proportionnée à son niveau d’engagement.
Une personne qui découvre votre activité n’est pas nécessairement prête à acheter.
Selon votre activité, votre CTA (le bouton d’action) peut être :
- Demander mon devis
- Prendre rendez-vous
- Voir mes réalisations
- Découvrir mes prestations
- Appeler maintenant
Le CTA doit contenir un verbe d’action.
Le bon CTA n’est pas celui qui paraît le plus commercial.
C’est celui qui correspond naturellement à ce que votre visiteur vient de comprendre.
2. Construire votre H1, votre accroche et votre sous-accroche sans vous compliquer la vie
Une fois les cinq questions posées, vous pouvez organiser votre message.
Voici une structure simple, proposée comme point de départ :
H1 — Identifier votre activité
Le H1 (le titre principal de votre page) doit permettre de comprendre rapidement qui vous êtes et ce que vous faites.
Pour une activité locale, vous pouvez intégrer votre zone d’intervention :
Naturopathe à Nantes — Digestion, fatigue et équilibre alimentaire
ou :
Menuisier agenceur à Bordeaux — Aménagements sur mesure
Il ne s’agit pas d’écrire votre H1 uniquement pour Google. Il doit d’abord être compréhensible pour votre visiteur.
Le référencement naturel vient ensuite s’appuyer sur cette cohérence sémantique.
Accroche — Donner une raison de s’intéresser à votre offre
L’accroche se place juste sous le H1 : c’est elle qui formule votre promesse.
Vous pouvez partir de cette structure (la section 3 vous montre comment la remplir) :
[Pour qui ?] + [À faire quoi ?] + [Avec quelle particularité ?]
Par exemple :
Retrouvez des nuits plus sereines lorsque le stress vous empêche de décrocher.
ou :
Optimisez votre intérieur pour gagner de la place sans pousser les murs.
Pas besoin d’inventer un chiffre ou un délai pour rendre votre promesse plus persuasive.
Si vous pouvez annoncer un résultat ou un délai précis et que vous êtes réellement en mesure de le tenir, faites-le. Sinon, restez concret sans promettre ce que vous ne pouvez pas garantir.
Sous-accroche — Préciser votre manière de travailler
La sous-accroche peut compléter votre accroche et lever une première objection.
Par exemple :
Des exercices courts, à pratiquer chez vous entre les séances.
ou :
De la conception à la pose, chaque aménagement est réalisé sur mesure.
La sous-accroche n’a pas vocation à tout prouver.
Son rôle est de compléter le message principal sans lui faire concurrence.
Seul le H1 est une balise de titre dans votre Héros. L’accroche et la sous-accroche peuvent être mises en valeur visuellement, mais restent des paragraphes : les titres de niveau 2 (H2) servent à titrer les sections suivantes de votre page.
3. Une formule simple pour construire votre promesse
Si vous ne savez pas quoi écrire, partez de ces trois questions :
- Pour qui ?
J’aide les propriétaires de petites surfaces… - À faire quoi ?
…à optimiser leur espace de rangement… - Avec quelle particularité ?
…grâce à des aménagements conçus sur mesure.
Vous obtenez :
J’aide les propriétaires de petites surfaces à optimiser leur espace de rangement grâce à des aménagements conçus sur mesure.
Vous pourrez ensuite raccourcir cette phrase pour obtenir une accroche plus forte.
Le point important
Ne cherchez pas à produire la phrase la plus spectaculaire.
Cherchez la phrase qui permet à votre visiteur de comprendre :
« C’est bien de moi qu’on parle. »
4. Quatre exemples de Héros
Exemple 1 — Sophrologue
H1
Sophrologue à Lyon — Gestion du stress et troubles du sommeil
Accroche
Retrouvez des nuits réparatrices en 3 semaines.
Sous-accroche
Séances au cabinet ou en visio, y compris en soirée.
CTA
Réserver ma séance découverte
Pourquoi : le H1 identifie l’activité ; l’accroche donne un résultat précis et un délai ; la sous-accroche lève deux objections pratiques, le temps et la distance ; le CTA est cohérent avec cette première étape.
Exemple 2 — Naturopathe
H1
Naturopathe à Nantes — Digestion, fatigue et équilibre alimentaire
Accroche
Retrouvez une alimentation qui vous convient sans bouleverser votre quotidien.
Sous-accroche
Un accompagnement personnalisé à partir de vos habitudes, de votre rythme et de vos objectifs.
CTA
Découvrir le bilan
Pourquoi : le H1 précise le domaine d’intervention ; l’accroche part d’une situation concrète ; la sous-accroche précise la manière de travailler ; le CTA correspond à l’étape suivante.
Exemple 3 — Plombier
H1
Plombier chauffagiste à Toulouse — Dépannage et rénovation
Accroche
Une fuite, une panne de chauffage ou une urgence ? Intervention en moins de 2 heures.
Sous-accroche
Secteur Toulouse et alentours — devis détaillé remis avant de commencer.
CTA
Appeler maintenant
Pourquoi : le besoin peut être urgent. Le Héros doit donc permettre de passer rapidement de l’identification du problème à l’appel.
Exemple 4 — Menuisier
H1
Menuisier agenceur à Bordeaux — Aménagements sur mesure
Accroche
Transformez les espaces inutilisés en rangements réellement adaptés à votre intérieur.
Sous-accroche
Conception, fabrication et pose sur mesure, de l’étude du projet jusqu’aux dernières finitions.
CTA
Parler de mon projet
Pourquoi : l’accroche permet de visualiser la transformation proposée ; la sous-accroche précise la prestation, de la conception aux finitions.
5. Attention au piège : vouloir tout mettre dans le premier écran
C’est probablement l’erreur la plus fréquente lorsque l’on crée soi-même son site.
On ajoute : le métier, les services, les valeurs, l’expérience, les tarifs, les avis, les certifications, les zones d’intervention, trois boutons, une longue présentation…
Résultat : tout est présent, mais rien n’est vraiment prioritaire.
Votre Héros n’est pas votre page entière miniature.
Il doit simplement permettre au visiteur de franchir une première étape :
Comprendre → se reconnaître → poursuivre.
Vous pourrez ensuite développer vos prestations, vos preuves, vos réalisations, vos avis et vos informations pratiques dans les sections suivantes.
6. Votre image doit soutenir le message, pas le remplacer
Une photographie peut immédiatement créer une ambiance ou une image mentale.
Mais elle ne doit pas obliger votre visiteur à deviner votre activité.
Un portrait professionnel peut renforcer la confiance.
Une réalisation peut montrer votre savoir-faire.
Une image de situation peut permettre au visiteur de se projeter.
Mais si votre visuel occupe la moitié de l’écran et que votre activité n’est identifiable nulle part, le design prend la place de l’information.
Posez-vous simplement cette question :
Si je retire l’image, est-ce que je comprends encore ce que propose cette personne ?
Si la réponse est non, votre contenu mérite probablement d’être retravaillé.
Côté technique, veillez à ce que l’image de votre Héros ne ralentisse pas le site.
Sur WordPress, compressez vos images (format WebP si possible) et visez un chargement du premier écran en moins de 2,5 secondes (vous pouvez le vérifier gratuitement avec PageSpeed Insights de Google).
7. Le menu fait aussi partie du premier écran
Votre menu doit aider le visiteur à se repérer, pas lui demander de résoudre un puzzle.
Pour la plupart des petites structures, quelques entrées bien identifiées suffisent :
- Accueil
- Prestations / Services
- À propos
- Réalisations / Avis
- Contact
Vous pouvez bien sûr adapter cette structure à votre activité.
L’important est de ne pas multiplier les intitulés simplement parce que chaque information possède sa propre page.
Préférez des intitulés explicites
Prestations est immédiatement compréhensible.
Mon univers l’est beaucoup moins.
Contact indique précisément ce qui se trouve derrière le lien.
Échangeons demande au visiteur de deviner.
Le visiteur ne devrait pas avoir à interpréter votre navigation.
8. Votre CTA doit être visible… mais surtout compréhensible
Un bouton doit se repérer facilement.
Le contraste visuel est donc important.
Mais le texte du bouton l’est tout autant.
Évitez :
- Envoyer
- Valider
- En savoir plus
lorsqu’une formulation plus précise est possible.
Préférez :
- Demander mon devis
- Prendre rendez-vous
- Voir mes réalisations
- Découvrir mes prestations
- Appeler maintenant
Le CTA doit également correspondre à l’étape du parcours.
Un visiteur qui vient de découvrir votre activité peut avoir besoin de consulter vos réalisations avant de demander un devis.
Un visiteur qui cherche un dépannage urgent peut, lui, avoir besoin d’un bouton d’appel immédiatement visible.
Il n’existe donc pas un CTA universellement meilleur.
Il existe un CTA adapté à la situation.
9. Votre checklist avant de publier votre page d'accueil
Avant de mettre votre page d’accueil en ligne, prenez quelques minutes pour vérifier votre Héros.
Le contenu
- ☐ Mon activité est identifiable immédiatement.
- ☐ Ma cible peut se reconnaître dans mon message.
- ☐ Je parle d’un besoin, d’une situation ou d’un résultat concret.
- ☐ J’ai un élément qui permet de comprendre pourquoi on peut me choisir ou me faire confiance.
- ☐ Mon CTA correspond à la prochaine étape logique.
La hiérarchie
- ☐ Une information ressort immédiatement.
- ☐ Mon message principal n’est pas noyé dans le texte.
- ☐ Mon bouton principal est facilement repérable.
- ☐ Mon image soutient le message au lieu de prendre toute l’attention.
- ☐ Je n’essaie pas de raconter toute mon entreprise dans le premier écran.
- ☐ Seul mon titre principal est en H1 ; l’accroche et la sous-accroche sont en paragraphes.
Le test des 5 secondes
Montrez votre page à quelqu’un qui ne connaît pas précisément votre activité.
Laissez-lui regarder le premier écran pendant 5 secondes.
Puis demandez simplement :
« Qu’est-ce que je fais et pour qui ? »
Ne lui expliquez rien.
Écoutez sa réponse.
S’il hésite, interprète votre activité de travers ou vous demande :
« Mais concrètement, tu fais quoi ? »
vous avez trouvé le problème.
Et ce test est souvent plus instructif que de demander :
« Tu trouves mon site joli ? »
En résumé
Un bon Héros ne cherche pas à impressionner votre visiteur avec une grande phrase, une animation ou une accumulation d’informations.
Il lui permet de faire rapidement cinq choses :
- Se repérer
→ Qui êtes-vous et que faites-vous ? - Se reconnaître
→ Est-ce que votre offre correspond à ma situation ? - Comprendre l’intérêt
→ Qu’est-ce que vous pouvez m’apporter ? - Être suffisamment rassuré
→ Pourquoi puis-je envisager de vous faire confiance ? - Agir
→ Quelle est la prochaine étape ?
Vous n’avez pas besoin de tout faire tenir dans trois lignes.
Vous devez simplement faire en sorte que l’essentiel soit compris avant que votre visiteur ait besoin de chercher l’information.
Et si votre Héros réussit cette première mission, le reste de votre page a enfin une chance de faire son travail.
Votre Héros passe-t-il le test des 5 secondes ?
Ce guide vous donne la méthode. Si votre Héros ne passe pas le test, ou si vous préférez ne pas vous en occuper vous-même, je peux prendre en charge la création de votre site : rédaction des textes à partir de votre activité, design et mise en ligne. En 30 minutes d’appel, on fait le point sur votre projet et je vous dis ce qui est adapté à votre activité.
