Conversion Rate Optimization
Optimisation du Taux de Conversion de vos SItes

Cinq techniques pour inciter au défilement de page

Une page longue qui gagne ses tests ne sert à rien si les visiteurs ignorent qu'elle continue

Pourquoi tester des pages plus longues

Une page de vente devrait, en règle générale, contenir au moins autant de mots qu'il en faudrait pour vendre le produit ou service en face à face : la page ne peut pas demander à chaque visiteur ses objections précises, elle doit donc répondre par avance à toutes les questions courantes. Le CEO de Moz, Rand Fishkin, estimait à neuf minutes le temps nécessaire pour vendre son service PRO en personne ; la page gagnante conçue pour Moz, six fois plus longue que le contrôle, l'a emporté de 52 %. La page conçue pour GoHenry, quatre fois plus longue que l'originale, a fait progresser la conversion de 78 %. Une page produit Amazon typique, très longue (détails, images, vidéos, FAQ, comparaisons, avis), confirme que le contenu abondant fonctionne pour l'un des détaillants les plus performants au monde.

Pourquoi la ligne de flottaison reste pertinente malgré sa variabilité

La position exacte de la « ligne de flottaison » (above the fold) varie selon l'appareil, le navigateur et les réglages d'accessibilité de chaque visiteur, rendant le concept flou en apparence. Il reste pourtant utile de savoir ce que la majorité des visiteurs voient réellement sans défiler, via deux méthodes complémentaires : les tests utilisateurs, qui permettent d'observer directement si les participants défilent, et les scrollmaps (outils comme Hotjar), qui agrègent visuellement le comportement de nombreux visiteurs.

Cinq techniques

Éviter les faux fonds. Un espace vide ou une bande horizontale près de la ligne de flottaison peut être lu inconsciemment comme la fin du contenu — même les pages d'accueil de Netflix ou Toyota, pourtant longues, en souffrent parfois. Laisser un élément de page déborder visiblement au-delà de la ligne de flottaison, plutôt que de le faire coïncider avec elle, exploite l'effet Gestalt : un élément visuellement incomplet signale de lui-même qu'il continue plus bas.

Signaler explicitement qu'il reste du contenu. Une flèche animée, une barre de progression qui s'étire à mesure du défilement, ou un message explicite (« Scroll to Discover More ») — moins efficace qu'un contenu qui déborde naturellement, mais mieux que rien.

Donner une raison concrète de défiler. Un encart (Johnson Box) énumérant ce que le lecteur obtiendra en poursuivant sa lecture fonctionne mieux qu'un appel à l'action sans contexte — que la raison soit une offre spéciale, un contenu supplémentaire, ou une promesse formulée dans le corps du texte. Combinée à une autre technique, cette approche a fait progresser la conversion de Custody X Change de 20 % (déjà documenté ailleurs dans le corpus).

Ajouter une fonction de défilement rapide. Un sommaire cliquable ou un sous-menu qui reste fixe pendant le défilement permet à chaque visiteur d'atteindre directement ce qui l'intéresse, plutôt que de parcourir un contenu qui ne le concerne pas dans son intégralité.

Ajouter un appel à l'action fixe (sticky). Cette technique n'incite pas explicitement au défilement, mais permet au visiteur d'agir dès qu'il est prêt, quel que soit l'endroit de la page où il se trouve. Sur une page de vente très longue, l'ajout d'un appel à l'action fixe a fait progresser les ventes de 25 %.

Un exemple qui combine plusieurs de ces principes

iFLY, entreprise d'expériences de simulation de chute libre en intérieur, a découvert par scrollmap qu'une majorité de visiteurs ne dépassait jamais l'en-tête d'une page — victime d'un faux fond qui masquait le contenu réellement persuasif situé juste en dessous. Voir Retirer un obstacle visuel pour révéler le contenu utile (iFLY, étude de cas) pour le détail de ce test, qui a produit +36 % de conversions.

Application pratique

Face à une page jugée trop longue ou dont le contenu clé semble ignoré par les visiteurs, la question à poser n'est pas si la page devrait être raccourcie, mais si elle souffre d'un faux fond invisible, si elle offre une raison concrète de continuer à lire, et si elle facilite l'accès direct au contenu recherché par ceux qui ne veulent pas tout lire.

FAQ

Pourquoi une page longue qui gagne un test A/B peut-elle échouer si personne ne la lit jusqu'au bout ? Parce que tout le travail de persuasion placé en aval de la page reste invisible si les visiteurs ne défilent pas — que ce soit par manque d'envie ou parce qu'ils ignorent que la page continue. Une page longue n'est efficace que si ses lecteurs savent qu'elle l'est.

Qu'est-ce qu'un « faux fond », et pourquoi peut-il faire perdre une majorité de visiteurs sans qu'on s'en rende compte ? Un faux fond est un espace vide ou une bande horizontale placée près de la ligne de flottaison, qui peut être lu inconsciemment comme la fin du contenu — même les pages d'accueil de Netflix ou Toyota, pourtant longues, en souffrent parfois. Ce problème reste invisible sans outil de mesure, puisque rien dans la page ne signale explicitement son existence.

Comment savoir où se situe réellement la ligne de flottaison pour la majorité de ses visiteurs ? Par deux méthodes complémentaires : les tests utilisateurs, qui permettent d'observer directement si les participants défilent, et les scrollmaps (outils comme Hotjar), qui agrègent visuellement le comportement de nombreux visiteurs. La position exacte varie selon l'appareil, le navigateur et les réglages d'accessibilité de chaque visiteur.

Quelle est la technique la plus efficace parmi les cinq documentées pour inciter au défilement ? Éviter les faux fonds en laissant un élément de page déborder visiblement au-delà de la ligne de flottaison, en exploitant l'effet Gestalt : un élément visuellement incomplet signale de lui-même qu'il continue plus bas. Cette technique est présentée comme plus efficace que les signaux explicites (flèche animée, message « Scroll to Discover More »).

Un appel à l'action fixe (sticky) incite-t-il vraiment au défilement, ou joue-t-il un autre rôle ? Cette technique n'incite pas explicitement au défilement, mais permet au visiteur d'agir dès qu'il est prêt, quel que soit l'endroit de la page où il se trouve. Sur une page de vente très longue, l'ajout d'un appel à l'action fixe a fait progresser les ventes de 25 %.

Comment le cas iFLY illustre-t-il concrètement l'effet d'un faux fond ? iFLY, entreprise d'expériences de simulation de chute libre en intérieur, a découvert par scrollmap qu'une majorité de visiteurs ne dépassait jamais l'en-tête de sa page, victime d'un faux fond qui masquait le contenu réellement persuasif situé juste en dessous. Retirer cet obstacle visuel a produit +36 % de conversions.

Faut-il raccourcir une page si les visiteurs ne semblent pas lire tout son contenu ? Pas nécessairement : la question à poser n'est pas si la page devrait être raccourcie, mais si elle souffre d'un faux fond invisible, si elle offre une raison concrète de continuer à lire, et si elle facilite l'accès direct au contenu recherché par ceux qui ne veulent pas tout lire.