Si nous remontons aux premiers jours de l’édition, nous obtenons le terme « au-dessus du pli » comme un terme utilisé pour le contenu qui apparaissait sur la moitié supérieure de la première page d’un journal. Le contenu au-dessus du pli apparaissait aux lecteurs comme le plus visible, avec des titres accrocheurs et des images vives couramment utilisés pour attirer l’attention des lecteurs en espérant qu’en passant devant le kiosque à journaux, cela les convaincrait d’acheter un journal.
Allons maintenant rapidement à la transition de l’aper au numérique, ces mêmes éditeurs ayant déplacé leurs activités de l’imprimé vers l’en ligne. Comme la conception web a évolué depuis le début des années 1990, le terme a continué à coller. Alors, que signifie « au-dessus du pli » pour votre page d’accueil ? Et est-ce toujours important en 2019?
Pourquoi Above The Fold est-il important pour mon site Web?
À l’ère du marketing numérique, le pli ne fait plus référence à un pli réel dans un journal, mais plutôt au contenu qui est chargé en premier lors de la visite d’un site Web, attirant votre attention et vous attirant.
Dans le monde de la conception Web, où vous vous inquiétez de la disposition et du placement du contenu, car le contenu qui apparaît au-dessus du pli est ce qui est visible en premier lorsque le visiteur du site Web charge la page. Ce contenu est l’immobilier de premier choix qui attire le plus l’attention des visiteurs de votre site et l’expérience utilisateur doit le refléter. Jakob Nielsen estime que « … les internautes passent 80 % de leur temps à regarder les informations situées au-dessus du pli de la page. Bien que les utilisateurs défilent davantage aujourd’hui, ils n’allouent toujours que 20 % de leur attention sous le pli. »
D’abord, vous devez vous demander quel est le contenu le plus important pour m’aider à atteindre mes objectifs commerciaux.
Une fois que vous avez répondu à cette question, vous savez ce qu’il faut placer dans cette zone de haute visibilité. Le contenu doit immédiatement attirer l’attention de l’utilisateur et lui présenter le contenu qu’il recherche afin qu’il ne rebondisse pas et visite un autre site.
Conseils rapides pour augmenter les taux de conversion
- Image héroïque : Ne soyez pas trop éthéré ici. À quoi ressemblent vos clients heureux ? Que vivent-ils ? Affichez une image qui évoque une aspiration positive.
- Copie d’en-tête : Ne renoncez pas à la clarté pour être intelligent. Si vous confondez, vous perdez. Tenez-vous-en à un message simple qui montre exactement ce que vous faites ou qui suscite de l’empathie pour le défi central auquel ils sont confrontés.
- Appel à l’action (CTA) : Votre CTA principal doit être évident et placé dans le coin supérieur droit de la navigation ET dans la section du héros.
- Ligne d’appel : Associez la copie d’en-tête claire avec une ligne d’une ou deux phrases qui positionne votre marque pour aider à résoudre le problème de votre client.
- Navigation : Moins, c’est plus. Une bonne conception de site Web guide l’utilisateur exactement là où vous voulez qu’il aille. Trop d’options peuvent entraîner une fatigue de la décision.
- Vitesse de chargement : Le temps de chargement de votre page d’accueil pourrait faire rebondir les visiteurs !
Placer les annonces au-dessus du pli améliore leur visibilité et génère plus de revenus publicitaires que les annonces placées à des endroits moins visibles.
Comment mesurer « le pli » dans la conception Web ?
En bref, il est impossible de définir exactement où le pli est placé sur votre site Web. L’emplacement exact diffère en raison de la variété des tailles d’écran des moniteurs (ordinateur de bureau et ordinateur portable), des résolutions d’écran, des plugins de navigateur et des tailles des différents téléphones mobiles et tablettes.
En règle générale, la plupart des concepteurs de sites Web conviennent que la ligne de pliage fait environ 1000 pixels de large et 600 pixels de haut. Il s’agit de la meilleure estimation à partir de la combinaison écran/navigateur la plus courante de 1024×768 pixels, avec la fenêtre du navigateur maximisée et sans barres d’outils installées en haut qui poussent le contenu vers le bas.
Si vous êtes curieux de savoir comment en savoir plus, consultez le programme d’analyse de votre site Web (si vous n’en avez pas, Google Analytics est un excellent point de départ) qui devrait être en mesure de vous dire quelles sont les dimensions d’écran les plus courantes pour vos visiteurs. Si la taille d’écran courante de 1024×768 a traditionnellement été la bonne, de nouvelles dimensions gagnent en popularité, comme 320×568 et 360×640, toutes issues de l’augmentation de la consultation des sites Web par les mobiles.
Visualisation mobile et conception réactive
Au cours des deux dernières années, l’utilisation des appareils mobiles pour la navigation Web a beaucoup augmenté et cela complique encore plus le concept d’optimisation de la conception Web pour le contenu au-dessus du pli.
Un défi est que les appareils mobiles offrent une grande variété de tailles d’écran ainsi que, les utilisateurs sur les appareils mobiles naviguent principalement en mode portrait plutôt qu’en mode paysage. Encore une fois, cela a un impact sur la taille dont dispose un concepteur pour afficher un contenu important.
Optimizely dit : « Avec autant de personnes accédant à des pages Web sur une telle variété d’appareils, les pratiques actuelles de conception Web impliquent l’utilisation d’un design réactif : utiliser des mises en page, des images et des feuilles de style en cascade flexibles. Dans le cas du responsive design, il n’y a pas de mise en page fixe pour une page, et le contenu s’adapte à un écran de n’importe quelle taille. Les pages web réactives réagissent ou « répondent » à l’environnement dans lequel elles sont consommées ou parcourues. »
Bien que le contenu important doive toujours se trouver plus haut sur la page, de nos jours, les pages doivent être conçues pour inciter les utilisateurs à faire défiler la page afin qu’ils ne manquent pas de contenu important.
Le pli existera toujours en tant que concept, mais c’est une règle qui peut être changée ou modifiée, surtout au fil du temps. Comme il y a tellement de dispositifs et de résolutions d’écran différents pour naviguer sur les sites Web, le pli diffère beaucoup trop d’un utilisateur à l’autre pour qu’on puisse s’y fier régulièrement. Mais en veillant à ne placer que les éléments et le contenu les plus importants au-dessus du pli, vous pouvez trouver un bon équilibre entre la convivialité de votre site et la diffusion du bon contenu « Above The Fold. »
Pour plus de conseils sur les meilleures pratiques en matière de page d’accueil ou sur la façon d’améliorer la vitesse de votre site Web, consultez ces blogs !
- 5 meilleures pratiques de page d’accueil
- 13 façons d’augmenter la vitesse du site Web
De la page d’atterrissage à la page d’accueil, nous avons aidé des entreprises comme la vôtre à construire des expériences utilisateur qui conduisent les prospects à une vente. Prenez rendez-vous pour discuter.