Ligne de flottaison (Above the Fold)

Définition technique

Zone de la page visible sans défiler (au « premier écran »). Terme hérité de la presse papier (« au-dessus du pli »). En web, cette zone varie selon la taille d’écran et la résolution. Les contenus placés above the fold reçoivent le plus d’attention et d’interactions ; c’est là que l’on place généralement le message principal, le CTA et les éléments de confiance. Le « below the fold » désigne le contenu accessible après scroll. Sur mobile, la zone above the fold est plus réduite (hauteur d’écran limitée) ; il faut prioriser l’essentiel (titre, CTA, une preuve sociale). Les études d’attention montrent que le taux d’engagement décroît avec le scroll ; le pli reste un repère stratégique pour la hiérarchie du contenu et la conversion.

Comment ça fonctionne ?

La zone « above the fold » correspond au premier écran visible sans scroll. Sa hauteur varie selon l'appareil (environ 600–800 px sur mobile, plus sur desktop). Les contenus placés dans cette zone reçoivent le plus d'attention et d'interactions.

L'erreur classique à éviter

Surcharger le pli avec trop d'éléments (message flou, CTA noyé) ou au contraire laisser un hero vide sans appel à l'action. Sur mobile, ignorer que le pli est plus petit et que la hiérarchie doit être encore plus serrée.

Impact business : pourquoi s'en soucier ?

Une ligne de flottaison bien utilisée améliore la conversion (message clair, CTA visible) et la compréhension immédiate de l’offre. Sur une landing page, le pli détermine souvent la hiérarchie des informations. Pour une analyse détaillée de la structure d’une landing qui convertit : voir notre article « Anatomie d’une landing page qui convertit ». Un hero flou ou un CTA noyé sous du texte fait perdre des conversions ; inversement, un message percutant et un bouton visible above the fold augmentent les clics. Sur mobile, la compétition pour l’espace au pli est encore plus forte : un seul objectif (titre + CTA ou formulaire) est souvent plus efficace.

La règle d'or

Prioriser au pli : un titre percutant, un sous-titre ou court texte, un CTA visible, un élément de preuve (témoignage, chiffre). Un seul objectif par écran. Adapter le contenu à la hauteur du pli mobile (réduire le texte, un CTA suffit souvent).

La théorie c'est bien, la pratique c'est mieux. Découvrez comment j'applique le Ligne de flottaison (Above the Fold) dans mes projets.

Découvrir l'expertise Marketing & Conversion

Le Prompt Expert (Copier-Coller dans Claude / Cursor)

Contexte : landing page pour [objectif : capture lead / vente / inscription], cible [B2B / B2C], device prioritaire [mobile / desktop / les deux]. Liste ce qui doit figurer above the fold (titre, sous-titre, CTA, preuve sociale, visuel) et l’ordre recommandé. Donne une règle pour adapter le contenu au pli mobile (hauteur ~600–800 px) vs desktop. Propose 2 variantes de structure (minimaliste vs riche) et indique laquelle privilégier selon [contexte].

FAQ

Ne vous perdez pas dans le code. Je m'occupe de la technique, concentrez-vous sur vos clients.

En parler ensemble