Le hero, c’est le haut de page, la zone que le visiteur voit en premier. Il décide en quelques secondes s’il reste ou s’il part. Sur du trafic payant, où le visiteur n’a aucune patience, c’est l’endroit le plus rentable à travailler. Trois éléments y jouent ensemble : le titre, le sous-titre et le visuel.

Le rôle du hero

La première impression se forme très vite. Le hero doit donc répondre d’emblée à trois questions : qu’est-ce que vous proposez, pour qui, et pourquoi vous plutôt qu’un autre. S’il y répond clairement, le visiteur descend dans la page. Sinon, il revient en arrière, et le clic payant est perdu. C’est aussi pourquoi le débat sur ce qu’on met « au-dessus de la ligne de flottaison » compte : voir au-dessus de la ligne de flottaison.

Écrire le titre

Le titre est la pièce maîtresse. Il dit le bénéfice principal, dans les mots du visiteur, et reprend la promesse de l’annonce qui a amené le clic. On évite les slogans abstraits et les formules creuses. Un bon titre est concret : il nomme le résultat que le visiteur cherche, pas votre métier en général.

Le sous-titre qui précise

Le sous-titre complète le titre sans le répéter. Il précise pour qui, comment, ou avec quelle preuve. Là où le titre accroche, le sous-titre rassure et cadre. Ensemble, ils doivent suffire à comprendre l’offre même si le visiteur ne lit rien d’autre.

Choisir le visuel

Le visuel renforce le message, il ne le décore pas. Une image qui montre le service, le résultat ou le contexte du client travaille mieux qu’une photo de stock générique. Sur mobile, où arrive l’essentiel du trafic social, le visuel ne doit pas repousser le titre et le bouton hors de l’écran. Pour situer le hero dans l’ensemble de la page, voir anatomie d’une landing page.

Le test des cinq secondes

Montrez le premier écran de la page pendant cinq secondes à quelqu’un qui ne connaît pas l’offre, puis cachez-le. Demandez-lui ce que vous proposez, à qui, et quelle action il pouvait faire. S’il répond vaguement, le hero doit être retravaillé.

Ce test révèle souvent des problèmes simples : un titre trop conceptuel, un sous-titre qui répète le titre, un visuel décoratif, un bouton qui ne dit pas ce qui se passe après. Il force à juger le hero comme un visiteur pressé, pas comme une équipe qui connaît déjà l’offre.

Sur trafic payant, ce contrôle est prioritaire. Vous avez payé pour amener le visiteur ; le premier écran doit lui confirmer qu’il n’a pas cliqué pour rien. Le reste de la page ne compensera pas toujours une mauvaise première impression.

Les trois erreurs à corriger d’abord

Première erreur : un titre trop large. « Votre partenaire travaux » ne répond pas à une annonce précise. Le titre doit nommer l’offre ou le problème. Deuxième erreur : un sous-titre qui ajoute du flou au lieu de préciser. Il doit donner une cible, une condition, un bénéfice ou une preuve.

Troisième erreur : un visuel qui prend la place du message. Une belle image ne suffit pas si elle repousse le CTA ou si elle ne montre rien d’utile. Sur mobile, le hero doit rester compact et lisible.

Corriger ces trois points change souvent plus que refaire toute la page. Le hero est le filtre d’entrée : s’il fonctionne, le reste de l’argumentation a une chance d’être lu.