Dans le langage du web design, la ligne de flottaison (aussi appelée page fold) désigne la ligne imaginaire qui sépare la partie visible d’une page web de la partie accessible uniquement avec la barre de défilement. Il est indispensable de la prendre en compte dans le design d’une page web.
Pourquoi est-elle importante ?
Si un utilisateur trouve les informations qu’il recherche au dessus de la ligne de flottaison, il ne descendra pas sur la page web. Formulaires, liens de téléchargements, call to action : tous génèrent un plus haut taux de transformation lorsqu’ils y sont placés.
Tout l’espace situé au dessus de cette ligne est en quelque sorte la vitrine d’un site web, le premier aperçu qu’en a l’utilisateur. Si cet espace est optimisé, ergonomique et attrayant, l’utilisateur est plus susceptible de vouloir découvrir ce qui se trouve sous la ligne et de scroller. Néanmoins, rien ne sert d’y tasser le contenu et de surcharger le haut d’une page web, puisque qu’un amas trop important d’informations peut avoir l’effet contraire et décourager l’utilisateur.
La ligne de Flottaison dans les SERPs
Les pages de résultats de recherche (appelés SERPs, pour Search Engine Result Page) n’échappent pas à la règle : les utilisateurs ont tendance à se focaliser sur les résultats apparaissant au dessus de la ligne de flottaison en dépit des autres puisque ce sont les premiers qui attirent le regard. Il est donc essentiel de se focaliser sur sa position dans les SERPs dans une stratégie de SEO et de porter une attention particulière au référencement naturel d’un site web.
Evidemment, la ligne de flottaison diffère d’un appareil ou navigateur à l’autre, puisque tous ne font pas la même taille ou n’ont pas les mêmes modes d’affichage. Il est donc important de tester une page web sur différents supports, afin que la position de la ligne de flottaison soit toujours optimale.