Hero section
Définition
Que veut dire
Hero section
?
La définition technique
La hero section est le premier composant visuel d'une page web. Elle est composée au minimum d'un titre principal (H1), d'un sous-titre ou accroche, et d'un appel à l'action (CTA).
En clair
C'est la poignée de main de votre site. Le titre doit dire ce que vous faites, le sous-titre pour qui et pourquoi maintenant, et le bouton doit proposer une action évidente.
La réalité conversion
- Un H1 orienté résultat : pas "Bienvenue" mais "Des sites qui convertissent, livrés en 4 semaines".
- Un CTA unique et sans ambiguïté : un seul bouton principal, une seule action.
Les questions en lien avec ce terme.
Quelle hauteur doit faire une hero section ?
Il n'y a pas de règle absolue, mais l'objectif est que le CTA reste visible sans scroller. Sur desktop, une hauteur de 90 à 100 % du viewport est standard.
Faut-il mettre une vidéo en fond de hero section ?
Seulement si elle apporte de la valeur et ne nuit pas à la performance. Une vidéo mal optimisée peut faire chuter le score LCP.
Est-ce qu'une hero section doit toujours avoir un CTA ?
Sur un site orienté conversion, oui — systématiquement. Même sur un site institutionnel, un lien vers les réalisations reste indispensable.
Comment tester si ma hero section est efficace ?
En mesurant le taux de clic sur le CTA principal, le taux de scroll au-delà de la hero, et le taux de rebond global.
