Qu’est-ce que Hero section ?

C'est comme la vitrine d’un magasin en une seule ligne de vue : si le message ne colle pas en trois secondes, une partie des passants tourne les talons sans entrer. La hero articule promesse, preuve rapide et [CTA](/lexique/cta-call-to-action). Elle doit être cohérente avec la source de trafic (annonce, SEO, email) pour éviter décalage d’intention.

Hiérarchie H1 unique ; sous-titre ; média optimisé ([LCP](/lexique/lcp-largest-contentful-paint)) ; CTA primaire et secondaire éventuel ; parfois champ capture pour intent transactionnelle rapide. Liée à la [ligne de flottaison](/lexique/ligne-de-flottaison-above-the-fold) et au [responsive](/lexique/responsive-design) mobile où la hero occupe tout l’écran.

Les tests sur titres et CTA hero impactent souvent fortement le taux de clic initial et la descente dans la page — sur fort trafic, quelques points de progression sur la hero se traduisent en volume notable de leads ou de revenue assistée selon la valeur du clic suivant.

• Une promesse testable ; preuve rapide (logo clients, chiffre) ; un seul objectif principal ; perf image/video ; accessibilité contraste ; cohérence mobile/desktop.

• Carrousels multiples sans message clair. Visuels lourds qui tuent le LCP. Cinq CTA équivalents sans hiérarchie. Jargon métier dans le H1 pour public grand public.