Qu’est-ce que Ligne de flottaison (Above the Fold) ?

C'est comme la vitrine avant d'ouvrir la porte : ce qu'on voit sans entrer décide si on franchit le seuil. 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.

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.

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. Les heatmaps de landings montrent couramment que 70 % à 85 % des premiers clics sur le CTA principal surviennent sans scroll sur mobile lorsque le bouton est réellement dans le premier écran — pas trois crans plus bas.

• 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).

• 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.