La ligne de flottaison c'est quoi ?

Comment trouver la ligne de flottaison

La ligne de flottaison en SEO
Scoop.it

La ligne de flottaison c'est quoi ? Pourquoi est-il important de prendre en compte la ligne de flottaison dans la structure du site ?

Définition de la ligne de flottaison

La ligne de flottaison est une ligne imaginaire en dessous de laquelle le contenu de la page n'est visible que si l'on descent (barre de défilement ou molette de souris).

Ligne de flottaison illustré, définition

L'importance de cette ligne de flottaison

L'internaute ne descendra page dans la page si il trouve l'information essentielle au dessus de la ligne de flottaison. C'est la raison pour l'aquelle les élements importants d'une page (formulaire, lien de téléchargement ou encore publicité) doivent se trouver au dessus de cette ligne pour obtenir un fort taux de transformation.

Selon une étude, 80% des internautes ne regardent pas les informations en dessous de la ligne de flottaison !

Source

Définir la ligne de flottaison

Selon mes statistiques sur un panel de sites dont j'ai la gestion, la résolution d'écran la plus utilisée est de 1366x768 , viens ensuite la résolution de 1280x800. On définira donc la ligne de flottaison dans une hauteur de 768 pixels mais il faut prendre en compte le bord du navigateur et la barre de tache. Ainsi, sur un écran d'une hauteur de 768px et sous le navigateur Google Chrome, 85px sont utilisé en haut et 33px sont utilisé par la barre de tache. La hauteur visible est de 640px en moyenne.
De toute évidence ses statistiques sont variables selon le navigateur utilisé, le nombre de toolbars, présence d'une barre de favoris ou non... la hauteur de la ligne de flottaison varie selon l'internaute.

Outils Google Browser size

Google Browser Size est un outils développé par Google pour montrer la visibilité de votre site sous différentes résolutions d'écran.

Google Browser size

Conseils

Vous l'aurez compris, la zone utile est importante ! Evitez donc un header trop grand. Placez les élements importants et utiles pour obtenir un bon taux de transformation (bouton de téléchargement, formulaire, boutons de partage, pub...) au dessus de la ligne de flottaison.

Scoop.it