Les internautes ne parcourent généralement pas une page web comme un livre. Ils cherchent rapidement les éléments capables de répondre à leur besoin : titres, premières phrases, listes, chiffres, visuels, mots mis en évidence et boutons. Votre objectif n'est donc pas forcément d'écrire moins, mais de rendre l'information importante compréhensible même lorsque la page est seulement parcourue.
Vous pouvez passer plusieurs heures à écrire une page parfaitement argumentée.
Votre visiteur, lui, peut décider en quelques secondes quelle partie mérite son attention.
Il ne commence pas forcément à la première ligne pour terminer à la dernière.
Il cherche.
Il compare.
Il repère un titre.
Il saute un paragraphe.
Il s'arrête sur un chiffre.
Puis il reprend plus bas.
Ce comportement n'est pas un problème de concentration. C'est une stratégie efficace pour retrouver rapidement une information dans une page riche.
La bonne réaction n'est donc pas de forcer le visiteur à tout lire.
Il faut construire votre page de manière à ce que sa structure reste compréhensible lorsqu'elle est seulement scannée.
Comment les internautes lisent-ils réellement une page web ?
Les recherches en ergonomie web montrent depuis longtemps que la lecture en ligne est souvent non linéaire.
L'utilisateur cherche d'abord des indices lui permettant de savoir :
- si la page correspond bien à sa recherche ;
- où se trouve l'information importante ;
- quelle section mérite davantage d'attention ;
- quelle action il peut effectuer ensuite.
Cela explique pourquoi une hiérarchie visuelle claire est aussi importante.
Repérer rapidement les zones qui paraissent intéressantes.
Décider quelles sections méritent d'être réellement lues.
Chercher la réponse sans forcément parcourir toutes les étapes intermédiaires.
Cliquer, appeler, comparer ou poursuivre vers une autre page.
Votre contenu doit donc fonctionner à deux vitesses : être compréhensible rapidement pour celui qui scanne, et suffisamment détaillé pour celui qui veut approfondir.
Le F-Pattern : un modèle de scan utile, mais pas une règle universelle
Le Nielsen Norman Group a documenté dès les années 2000 un comportement de lecture souvent appelé F-Pattern.
Sur certaines pages très textuelles, les utilisateurs peuvent :
- parcourir fortement la partie supérieure ;
- effectuer un second balayage horizontal plus bas ;
- descendre ensuite principalement le long du bord gauche.
L'ensemble peut former visuellement une forme proche d'un F.
Mais le F-Pattern n'est pas la manière obligatoire dont chaque internaute regarde chaque site.
Le comportement dépend notamment :
- de la mise en page ;
- de la longueur du texte ;
- de l'objectif de l'utilisateur ;
- des images ;
- du type de page ;
- de l'appareil utilisé.
Le principal enseignement reste néanmoins très utile : les débuts de titres, paragraphes et listes doivent porter suffisamment d'information pour être compris pendant un scan rapide.
Consultez également les travaux du Nielsen Norman Group sur le F-Pattern .
Les éléments qui attirent réellement l'attention pendant un scan
La personne qui scanne votre page cherche des repères.
Vous pouvez donc construire volontairement ces repères.
| Élément | Rôle pendant le scan |
|---|---|
| Titre | Permet de comprendre immédiatement le sujet de la section |
| Première phrase | Indique si le paragraphe mérite d'être lu |
| Texte en gras | Fait ressortir une information particulièrement importante |
| Liste | Facilite l'identification rapide de plusieurs éléments |
| Chiffre | Crée un point d'ancrage visuel précis |
| Image | Attire l'œil et contextualise rapidement |
| CTA | Montre quelle prochaine action est possible |
Les titres doivent donner l'information avant de chercher l'originalité
Un bon titre de section permet au visiteur de comprendre ce qu'il va apprendre sans avoir besoin de lire le paragraphe suivant.
| Titre vague | Titre plus informatif |
|---|---|
| Notre approche | Comment nous organisons votre projet de création de site |
| Nos solutions | 3 solutions pour réduire le coût de votre acquisition |
| Pourquoi nous ? | Pourquoi nos clients travaillent directement avec leur consultant |
| Notre expertise | 10 ans d'expérience en référencement de sites e-commerce |
Et le titre principal de la page ?
Sur une page commerciale, il doit idéalement permettre de comprendre rapidement :
- ce que vous proposez ;
- à qui ;
- éventuellement dans quelle zone ou avec quelle particularité.
Plus clair : « Création de sites WordPress pour artisans et PME »
Plus abstrait : « Réinventons ensemble votre présence digitale »
Le second peut sembler plus créatif, mais il oblige le visiteur à chercher ce que l'entreprise vend réellement.
Mettez l'information importante au début du paragraphe
Sur le web, attendre la dernière phrase pour délivrer l'argument principal est risqué.
Le lecteur peut ne jamais l'atteindre.
Une logique proche de la pyramide inversée fonctionne souvent très bien :
| Ordre | Contenu |
|---|---|
| 1 | Information essentielle |
| 2 | Explication |
| 3 | Exemple |
| 4 | Détail complémentaire |
Écrivez votre première phrase comme si elle pouvait être la seule lue.
Cette approche est particulièrement utile pour les pages de services, pages d'accueil et landing pages.
Le gras doit transmettre l'essentiel, pas décorer la page
Un mot ou une phrase en gras crée une rupture visuelle.
Cette rupture peut faciliter le scan si elle est utilisée avec parcimonie.
Mettre en évidence un résultat, un avantage, une limite ou une information essentielle.
Mettre un mot sur trois en gras jusqu'à supprimer toute hiérarchie visuelle.
Un prix, un délai ou une caractéristique particulièrement importante peut également devenir un point d'ancrage visuel.
Exemple : « Livraison sous 5 jours ouvrés avec 2 séries de modifications incluses. »
Les images doivent apporter de l'information, pas seulement remplir l'espace
Un élément visuel attire naturellement l'attention.
Mais une image décorative n'aide pas forcément le visiteur à comprendre votre offre.
Montrez une équipe, un produit, une réalisation ou un environnement authentique.
Montrez l'interface ou le résultat lorsque cela évite une longue explication.
Rendez une donnée ou une comparaison plus rapide à comprendre.
Expliquez un processus ou une relation complexe visuellement.
Les légendes peuvent compléter l'image
Une légende pertinente peut apporter une information que le visuel seul ne transmet pas.
Évitez les textes génériques comme :
« Notre équipe »
Préférez quelque chose comme :
« L'équipe qui suit directement les audits SEO, sans transfert vers un chef de projet intermédiaire. »
Pour les attributs ALT, consultez également mon guide consacré aux balises ALT et au SEO des images .
Vos CTA doivent être visibles avant que le visiteur ait tout lu
Placer un seul bouton tout en bas d'une longue page suppose que le visiteur atteindra systématiquement la fin.
C'est rarement une hypothèse idéale.
Sur une page commerciale longue, plusieurs points de conversion peuvent être pertinents.
| Emplacement | Fonction |
|---|---|
| Zone supérieure | Permettre au prospect déjà convaincu d'agir immédiatement |
| Après une section importante | Proposer l'action après avoir délivré une preuve ou une information forte |
| Fin de page | Convertir les visiteurs ayant parcouru l'ensemble du contenu |
Donnez du contexte au bouton
| CTA vague | CTA plus explicite |
|---|---|
| Cliquez ici | Voir les tarifs |
| En savoir plus | Découvrir la méthode |
| Contactez-nous | Demander mon devis gratuit |
| Voir | Voir les réalisations |
Ce qui est souvent ignoré pendant une lecture rapide
La solution n'est pas forcément de supprimer du contenu. Il faut rendre son architecture visible.
Comment restructurer une page pour quelqu'un qui la scanne ?
Commencez par prendre votre page actuelle et essayez de ne lire que :
- les titres ;
- les textes en gras ;
- les listes ;
- les boutons ;
- les légendes ;
Pouvez-vous encore comprendre :
Si la réponse est non, votre hiérarchie peut probablement être améliorée.
Mettez le plus important en premier
Chaque grande section devrait commencer par sa conclusion principale.
Développez ensuite pour les lecteurs qui veulent davantage de détails.
Découpez les grands blocs
Un nouveau sous-titre est pertinent lorsqu'une nouvelle idée importante commence.
Il n'est pas nécessaire d'ajouter artificiellement un H2 toutes les trois phrases : utilisez plutôt une structure qui aide réellement la lecture.
Gardez des paragraphes faciles à parcourir
Les paragraphes courts sont souvent plus confortables en ligne, surtout sur mobile.
Mais ne découpez pas une phrase en cinq paragraphes uniquement pour créer de l'espace.
L'objectif est la lisibilité, pas de respecter un nombre fixe de lignes.
Sur mobile, la hiérarchie visuelle devient encore plus importante
Sur un écran étroit, un paragraphe qui semble raisonnable sur ordinateur peut devenir un très grand bloc vertical.
La lecture mobile nécessite donc une attention particulière.
Ne considérez pas le mobile comme une version réduite du desktop. Vérifiez réellement la page sur un téléphone.
Cette structure aide aussi votre SEO
Structurer une page pour la lecture ne sert pas uniquement à la conversion.
Une organisation claire aide également à rendre le contenu plus compréhensible.
Un bon travail de copywriting SEO combine :
- intention de recherche ;
- réponse rapide ;
- titres descriptifs ;
- paragraphes lisibles ;
- exemples ;
- maillage interne ;
- CTA cohérents.
Écrire pour le scan ne signifie donc pas écrire superficiellement. Une page peut être longue tout en restant extrêmement facile à parcourir.
Comment vérifier ce que font réellement vos visiteurs ?
Les modèles généraux sont utiles.
Mais vos propres données restent plus intéressantes que n'importe quelle moyenne.
Propose notamment des enregistrements de sessions et des heatmaps pour observer certaines interactions.
Permet notamment d'utiliser des cartes de chaleur et des enregistrements afin d'étudier le comportement sur les pages.
Permet d'analyser les pages vues, l'engagement, les événements et les parcours selon votre configuration.
Permet de comprendre par quelles recherches l'utilisateur arrive avant même de commencer à parcourir la page.
Attention à l'interprétation des heatmaps
Une heatmap de clic ou de scroll n'est pas un système d'eye-tracking.
Elle ne permet pas de savoir précisément ce que l'œil a regardé.
Elle peut néanmoins vous montrer :
- jusqu'où les visiteurs descendent ;
- quels éléments sont cliqués ;
- certaines zones générant des interactions ;
- certains problèmes de navigation.
Utilisez les données comportementales pour poser de meilleures questions, pas pour tirer une conclusion définitive après dix sessions.
Le test des 15 secondes
Vous pouvez tester très simplement une page.
Montrez-la pendant une quinzaine de secondes à quelqu'un qui ne connaît pas votre entreprise.
Puis demandez-lui :
S'il est incapable de répondre, le problème ne vient pas forcément du manque de contenu.
Il peut venir d'une hiérarchie trop faible.
Checklist pour une page réellement facile à lire
N'écrivez pas pour être lu mot à mot : écrivez pour être compris
Une page web n'est pas un roman.
Votre visiteur n'a aucune obligation d'en suivre la structure du début à la fin.
Votre travail consiste donc à faire en sorte que le message survive au scan.
Même s'il ne lit que :
- les titres ;
- quelques premières phrases ;
- les éléments mis en évidence ;
- un tableau ;
- un CTA ;
il devrait comprendre l'essentiel.
Une bonne page web ne demande pas au visiteur de faire un effort pour trouver l'information. Elle rend l'information importante impossible à manquer.
Votre site : vue, clic, conversion
Vous avez beaucoup de contenu mais vos visiteurs ne passent pas à l'action ? Je peux retravailler la structure, le copywriting et la hiérarchie de vos pages pour rendre votre offre plus facile à comprendre.
Demander un devis gratuit →FAQ – Comportement de lecture sur le web
Les internautes lisent-ils vraiment très peu les pages web ?
Les comportements varient fortement selon le type de page, le sujet et la motivation du visiteur. Les travaux d'ergonomie montrent néanmoins que le scan est très fréquent en ligne. Il est donc préférable de concevoir une page capable de transmettre son message principal même si elle n'est pas lue intégralement.
Le F-Pattern signifie-t-il que tous les utilisateurs regardent une page de la même façon ?
Non. Le F-Pattern est un comportement observé dans certaines situations, notamment sur des pages textuelles peu structurées. D'autres mises en page peuvent produire des parcours visuels très différents. Il vaut mieux le considérer comme un enseignement sur l'importance de la hiérarchie plutôt que comme une règle absolue.
Faut-il écrire moins pour rendre une page plus lisible ?
Pas nécessairement. Une page longue peut parfaitement fonctionner si elle est bien structurée. Ce qui pose surtout problème est un contenu long sans hiérarchie claire, répétitif ou difficile à parcourir. Gardez la profondeur utile tout en facilitant le scan.
Doit-on écrire différemment pour mobile ?
Le fond du message peut rester identique, mais sa présentation doit être vérifiée sur un écran étroit. Les paragraphes paraissent plus longs, les tableaux deviennent plus difficiles à consulter et les boutons doivent être faciles à utiliser au toucher. Pensez donc mobile dès la conception de la page.
Combien de lignes doit faire un paragraphe web ?
Il n'existe pas de nombre universel. Les paragraphes relativement courts sont souvent plus confortables en ligne, mais l'objectif reste de regrouper une idée cohérente. Évitez les énormes blocs, sans transformer chaque phrase en paragraphe indépendant.
Faut-il mettre beaucoup de mots en gras ?
Non. Le gras sert justement à créer un contraste. Si la moitié de la page est en gras, il ne joue plus son rôle de signal visuel. Utilisez-le pour les informations que vous souhaitez rendre immédiatement repérables.
Combien de CTA peut-on placer sur une page ?
Cela dépend de sa longueur et de son objectif. Une landing page longue peut proposer plusieurs occasions d'effectuer la même action principale. Évitez surtout de multiplier des CTA contradictoires qui obligent l'utilisateur à choisir entre trop d'options.
Comment savoir jusqu'où les utilisateurs descendent sur ma page ?
Des outils comme Microsoft Clarity ou Hotjar peuvent fournir des cartes de scroll et des enregistrements de sessions. Google Analytics peut également suivre certains événements de défilement selon la configuration mise en place. Ces données permettent d'étudier le comportement réel de votre propre audience.
Ressources utiles
- Nielsen Norman Group – F-Pattern : comportement de lecture en F
- Nielsen Norman Group – How Users Read on the Web : principes de lecture en ligne
- Hotjar : heatmaps et enregistrements de sessions
- Microsoft Clarity : outil gratuit d'analyse comportementale
- Google Analytics : mesure d'audience et d'engagement
