Ce qu'un client doit voir dans les 5 premières secondes sur la page d'accueil de votre site
Le visiteur décide en quelques secondes s'il reste ou s'il repart. Ce n'est pas toute la page qui décide, mais seulement le haut de l'écran : le message, l'offre, le bouton. Voici exactement ce qu'on y met — et ce qu'on jette.
Quelqu'un ouvre votre site sur son téléphone, dans un ascenseur, d'une seule main. Il dispose du haut de l'écran — tout ce qui est visible sans faire défiler — et d'environ cinq secondes de patience. Pendant ces secondes, il ne lit pas. Il regarde. Il décide une seule chose : « ces gens font-ils ce qu'il me faut, ou non ? » Si la réponse n'est pas évidente, il revient en arrière et ouvre le résultat Google suivant. Pas parce que vous êtes moins bon — mais parce qu'en cinq secondes il n'a pas compris ce que vous êtes.
Cette zone du haut s'appelle le hero. C'est la tranche la plus chère de tout le site, parce que chaque visiteur la voit et que la plupart ne descendent jamais plus bas. Le reste de la page — services, galerie, « à propos », avis — ne compte que si le hero a gagné ces cinq premières secondes. Cet article ne parle que de cette tranche, pas des pages qu'un site doit avoir.
Les trois questions auxquelles le hero répond instantanément
La personne qui arrive en haut de la page se pose, sans s'en rendre compte, trois questions dans l'ordre. Le hero doit répondre aux trois avant tout défilement :
- Que faites-vous ? — Pas « des solutions innovantes », mais « on répare des frigos », « on crée des sites », « on coupe les cheveux des enfants ». Les mots qu'il emploierait, pas les vôtres.
- Pour qui, et où ? — « à Cluj et alentours », « pour les cabinets dentaires ». Les gens veulent se reconnaître : « oui, c'est mon cas ».
- Que fais-je maintenant ? — Un seul bouton clair. Appeler, Demander un devis, Réserver. S'il ne sait pas où appuyer, il est parti.
Si le visiteur ne peut répondre à ces trois questions avec les yeux sur le premier écran, le hero ne fait pas son travail, aussi joli que soit l'arrière-plan.
L'anatomie d'un hero qui convertit
Ce n'est pas de la magie — ce sont cinq pièces, dans l'ordre où l'œil les attrape :
- Le titre (H1) — une promesse concrète, pas un slogan. « Plomberie à Cluj-Napoca, avec facture et garantie » l'emporte à chaque fois sur « Le confort de votre foyer ». Écrivez le bénéfice, pas la poésie.
- Le sous-titre — une phrase qui dit pour qui vous êtes et tue le doute principal : « On vient sous 24h, on vous dit le prix avant de commencer ».
- Le bouton principal (CTA) — un seul, avec un verbe dans votre voix : « Demander un devis », « Réserver une table ». Pas « Envoyer », pas « Cliquez ici ».
- La preuve de confiance — une petite ligne sous le bouton : « plus de 200 chantiers », « de vrais avis sur Google », un logo client. Une phrase, pas un paragraphe.
- L'image — une vraie photo de vous, de votre équipe, de votre local. Pas une banque d'images de gens en costume qui se serrent la main. Le visiteur sent le faux immédiatement.
La règle qui nous guide : si un élément n'aide pas à répondre à l'une des trois questions, il n'a pas sa place dans le hero. On le descend plus bas ou on le jette.
Combien de texte vous mettez, en réalité
Bien moins que vous ne le pensez. En haut, l'œil lit un titre et, au plus, une phrase de sous-titre. Le reste est du bruit que le cerveau saute. Un bon hero se lit à voix haute en deux secondes, sans buter.
- Titre : 5 à 9 mots. Si vous ne pouvez pas le lire d'une traite, il est trop long.
- Sous-titre : une phrase, deux lignes maximum sur un téléphone.
- Bouton : 2 à 3 mots, un seul verbe.
L'erreur classique est le paragraphe-manifeste en haut : trois phrases sur « notre passion pour la qualité ». Personne ne le lit. Déplacez l'histoire vers « À propos » et ne laissez en haut que la promesse et le bouton.
Les erreurs qui vident le hero de sa force
On les voit sur presque chaque site que l'on reprend :
- Un carrousel qui tourne tout seul — il change le message avant que vous ne l'attrapiez et déplace le bouton sous votre doigt. Un message clair vaut mieux que cinq qui s'enfuient.
- Deux ou trois boutons égaux — quand tout est important, rien ne l'est. Un bouton principal, le reste discret.
- Un slogan vide à la place d'un titre — « Ensemble, plus loin » ne dit pas ce que vous faites. Le titre est l'endroit où l'on nomme le métier exactement.
- Du texte sur une photo trop chargée — si ça ne se lit pas sur un téléphone, au soleil, ça ne se lit pas du tout.
- Le bouton sous la ligne de flottaison — s'il faut faire défiler pour voir où appuyer, la moitié des gens ne le voient jamais.
Le hero, traduit par métier
Les mêmes trois questions, habillées différemment :
| Activité | Titre (H1) | Bouton |
|---|---|---|
| Barbier | Coupe homme à Cluj-Napoca, sans attente | Réserver en ligne |
| Plombier | Urgences plomberie à Cluj, le jour même | Appeler maintenant |
| Cabinet dentaire | Dentisterie sans douleur, centre de Cluj | Prendre rendez-vous |
| Boutique en ligne | Miel du producteur, livraison en 48h | Voir les produits |
Remarquez : nulle part « bienvenue », nulle part « qualité et professionnalisme ». Juste ce que vous faites, où, et ce sur quoi la personne appuie.
La meilleure façon de vérifier : le test des 5 secondes
Tendez le téléphone avec votre site ouvert à un ami qui ne sait pas ce que vous faites. Tenez-le cinq secondes devant ses yeux, puis cachez-le. Demandez : « que font ces gens, pour qui, et sur quoi appuierais-tu ? » S'il hésite sur l'une, le hero a un trou. C'est gratuit et impitoyablement honnête.
Si vous voulez creuser combien de texte et combien de pages un site entier demande, nous avons un guide séparé sur combien coûte un site web et un autre sur pourquoi vous avez besoin d'un site, qui vont au-delà de la première section.
Ce que coûte un hero bien fait
Le hero ne s'achète pas séparément — c'est le cœur de la première page, et nous le pensons dès le départ sur chaque forfait :
- Landing page (une page, tout construit autour de ce premier écran et du bouton) : 290-490 €
- Site de présentation (plusieurs pages, un hero fort sur chacune) : 490-890 €
- Boutique en ligne : à partir de 690 €
- Maintenance (on change le message, l'offre, la photo quand vous en avez besoin) : à partir de 29 €/mois
Le prix dépend du nombre de pages voulues et du contenu déjà prêt. Un hero bien pensé coûte autant qu'un mauvais — la différence, c'est que l'un remplit l'agenda et l'autre non.
Laissez-nous vous montrer, pas vous raconter
Le plus simple, c'est de le voir de vos propres yeux. On vous fait gratuitement une démo de première page, avec un hero adapté à votre activité — le message, l'offre, le bouton — et vous décidez sur-le-champ si ça vous plaît. Écrivez-nous sur WhatsApp au wa.me/40750257140 et dites-nous ce que vous faites. On s'occupe du reste.
Questions fréquentes
Qu'est-ce que la section hero d'une page ?+
Le hero est le haut de la première page, ce que l'on voit à l'écran avant de faire défiler. Il contient le titre principal, un court sous-titre et le bouton d'action. C'est la première et la plus importante impression, car chaque visiteur le voit et beaucoup ne descendent jamais plus bas.
Combien de texte mettre en haut de la page ?+
Très peu : un titre de 5 à 9 mots, une phrase de sous-titre et un bouton de 2 à 3 mots. Le reste est du bruit que l'œil saute dans les premières secondes. La longue histoire, le « à propos » et les détails techniques descendent plus bas sur la page, pas dans le hero.
Que dois-je écrire dans le titre principal (H1) ?+
Ce que vous faites concrètement et pour qui, avec les mots du client : « Plomberie à Cluj-Napoca, avec facture et garantie ». Évitez les slogans vides comme « Ensemble, plus loin » — ils ne disent pas ce que vous faites. Le titre doit se lire d'une traite et montrer aussitôt si vous convenez au visiteur.
Combien de boutons mettre dans le hero ?+
Un seul bouton principal avec un verbe clair : « Demander un devis », « Réserver en ligne », « Appeler maintenant ». Si vous mettez deux ou trois boutons égaux, le visiteur ne sait pas où appuyer et souvent n'appuie nulle part. Le bouton doit être visible sans défiler, surtout sur un téléphone.
Comment savoir si mon hero fonctionne ?+
Faites le test des 5 secondes : montrez la première page à quelqu'un qui ne sait pas ce que vous faites, tenez-la cinq secondes, puis cachez-la et demandez ce que vous faites, pour qui, et sur quoi il appuierait. S'il hésite sur une question, le hero a un problème. On peut vous faire une démo gratuite de première page sur WhatsApp au wa.me/40750257140.
7 erreurs qui font fuir vos clients de votre site
Laissez votre e-mail et recevez le guide ici, tout de suite. Sans spam.
Envie de voir à quoi ressemblerait le site de votre entreprise ?
Écrivez-nous sur WhatsApp et nous préparons GRATUITEMENT un site de démonstration au nom de votre entreprise. Vous le voyez d'abord — vous décidez ensuite.