Article MAJ le 26/03/2026 – l y a une vérité inconfortable sur la lecture en ligne que la plupart des prestataires web ne partagent pas avec leurs clients au moment de livrer un site : les visiteurs ne lisent pas. Ils scannent. Leur œil cherche des points d’accroche : un titre qui répond à une question, une information mise en valeur, une structure qui leur indique où regarder ensuite. Si votre site ne leur offre pas ces points d’accroche en moins de quelques secondes, ils partent.
Pour un·e avocat·e, un·e architecte ou un·e consultant·e, les conséquences sont directes. Un prospect qui n’arrive pas à lire rapidement ce que vous faites et pourquoi vous contacter ne va pas faire l’effort de décoder votre site. Il va aller voir le suivant.
Ce que « illisible » veut dire vraiment
Illisible ne signifie pas illégal à lire. Ça signifie que l’effort de lecture dépasse ce que le visiteur est prêt à fournir.
Un site peut être techniquement correct, les textes sont là, la police est de bonne taille, et rester illisible dans ce sens opérationnel. Parce que les paragraphes sont trop longs. Parce qu’il n’y a aucune hiérarchie visuelle pour indiquer ce qui est important. Parce que le texte et le fond ont un contraste insuffisant. Parce que la ligne est trop longue pour conserver l’attention de l’œil jusqu’au bout.
Ces problèmes ne sont pas esthétiques. Ils sont commerciaux. Chaque obstacle à la lecture est un prospect potentiel qui décroche.
La typographie : première décision, rarement prise sérieusement
La typographie est la première décision qui conditionne la lisibilité d’un site et c’est la plus souvent bâclée.
La taille de police
Le standard actuel pour un texte de corps sur desktop est de 16 à 18 pixels. En dessous de 16 pixels, la lecture devient un effort physique pour une partie de vos visiteurs. Or beaucoup de sites de professionnel·les libéral·es sont encore livrés avec des textes à 14 pixels « pour faire élégant ». Ce qui est élégant pour le·la designer est illisible pour le·la prospect·e de 45 ans qui consulte en déplacement depuis son téléphone.
La longueur de ligne
Une ligne de texte ne devrait pas dépasser 70 à 80 caractères sur desktop. Au-delà, l’œil perd le fil entre la fin d’une ligne et le début de la suivante. C’est une règle typographique documentée depuis des décennies dans l’édition imprimée et ignorée sur la plupart des sites WordPress livrés sans attention au détail.
L’interlignage
Un interlignage trop serré donne une impression de densité qui décourage la lecture avant même qu’elle commence. La valeur standard recommandée est entre 1,4 et 1,6 fois la taille de la police. Ce détail invisible quand il est bien réglé devient immédiatement visible quand il ne l’est pas.
La hiérarchie visuelle : guider l’œil sans l’obliger
Un site sans hiérarchie visuelle est un site où tout a la même importance, ce qui revient au même qu’un site où rien n’en a.
La hiérarchie visuelle, c’est l’ensemble des décisions qui indiquent à l’œil du visiteur dans quel ordre regarder les informations. Elle repose sur quelques mécanismes simples, mais leur application rigoureuse est ce qui distingue un site qui se lit de lui-même d’un site qui demande un effort constant.
Les niveaux de titre H1 / H2 / H3
Chaque page ne doit avoir qu’un seul H1, c’est la question principale à laquelle cette page répond. Les H2 structurent les grandes sections. Les H3 affinent à l’intérieur d’une section. Cette hiérarchie n’est pas seulement utile pour le référencement, elle est le plan de lecture que vous proposez à votre visiteur. Un site où tous les titres ont visuellement la même taille n’en a pas.
Les espaces blancs
L’espace blanc n’est pas du vide gaspillé. C’est ce qui permet à l’œil de souffler entre deux blocs d’information, de distinguer les sections, et de traiter chaque idée séparément avant de passer à la suivante. Un site sans espace blanc suffisant donne une sensation d’étouffement qui précipite le départ du visiteur.
La mise en valeur des informations clés
Tout ne peut pas être important. Si vous mettez en gras 40 % du texte d’une page, rien n’est mis en valeur. Le gras, l’italique, la couleur d’accent, ces outils ne fonctionnent que si leur usage est rare et délibéré. Un mot ou une phrase mis en valeur dans un paragraphe attire l’œil. Un paragraphe entier en gras ne dit rien de plus qu’un paragraphe normal.
Le contraste : ce que beaucoup de sites ratent au nom du design
Le contraste entre la couleur du texte et la couleur du fond est réglementé par des standards d’accessibilité (WCAG) précis. Un ratio de contraste minimum de 4,5:1 est requis pour le texte courant. En pratique, cela signifie que le texte gris clair sur fond blanc, fréquent dans les sites qui cherchent un look « épuré », est souvent hors conformité et difficile à lire pour une partie significative de vos visiteurs.
C’est un problème d’accessibilité et de crédibilité. Pour un·e avocat·e ou un·e consultant·e dont la précision et le sérieux sont des arguments commerciaux, avoir un site dont le texte est difficile à lire envoie un signal contradictoire.
La lisibilité sur mobile : pas un bonus, une exigence
Plus de 60 % des visites sur un site professionnel se font depuis un smartphone. Un site « lisible sur desktop » qui devient illisible sur mobile perd la majorité de ses visiteurs avant même qu’ils aient commencé à lire.
Les problèmes les plus fréquents sur mobile : des textes qui restent à 16 pixels mais dans une colonne trop étroite, forçant des lignes de 3 à 4 mots qui épuisent l’œil à défiler. Des boutons de contact trop petits pour être cliqués sans erreur. Des espaces entre les sections qui disparaissent sur petit écran, créant une page compacte et étouffante.
Un site WordPress construit avec Elementor permet de paramétrer la typographie et les espacements de façon distincte pour desktop, tablette et mobile. Ce paramétrage n’est pas facultatif — c’est une condition de lisibilité pour la majorité de vos visiteurs.
Ce que ça change concrètement pour un·e avocat·e, architecte ou consultant·e
Un prospect qui arrive sur votre site depuis une recommandation ou une recherche Google prend une décision en quelques secondes : est-ce que cette personne est au niveau de ce qu’on m’a dit, de ce que je cherche ? Cette décision se fait en grande partie sur ce qu’il·elle perçoit visuellement avant même d’avoir lu un mot.
Un site lisible, typographie soignée, hiérarchie claire, contrastes conformes, espaces suffisants , dit quelque chose sur la façon dont vous travaillez. Il signale l’attention au détail, l’exigence, le soin apporté à chaque élément. Pour un·e architecte, c’est exactement ce qu’un client potentiel cherche à évaluer avant le premier rendez-vous.
Un site illisible dit l’inverse, même si votre travail est irréprochable.
Questions fréquentes
Quelle taille de police utiliser sur un site professionnel ?
Entre 16 et 18 pixels pour le texte courant sur desktop, et pas moins de 15 pixels sur mobile. Ces valeurs assurent une lecture confortable pour la majorité des visiteurs dans la majorité des conditions de lecture. En dessous de 16 pixels, la lisibilité chute significativement pour les personnes qui lisent sur smartphone sans lunettes ou dans un environnement lumineux.
Comment vérifier le contraste de son site web ?
Avec l’outil Colour Contrast Checker de WebAIM, accessible gratuitement en ligne. Il suffit d’entrer le code couleur du texte et du fond pour obtenir le ratio de contraste et savoir si le site est conforme aux standards WCAG. C’est un outil que j’utilise systématiquement dans les audits de site.
Faut-il ajouter des pictogrammes pour rendre un site plus lisible ?
Les pictogrammes peuvent aider à hiérarchiser des informations répétitives : une liste de services, des étapes d’un processus, à condition qu’ils soient cohérents avec l’identité visuelle et qu’ils ajoutent de l’information plutôt que de la décoration. Un pictogramme qui ne dit rien que le texte ne dit déjà est du bruit visuel, pas de l’aide à la lecture.
Un site WordPress peut-il être optimisé pour la lisibilité sans refonte complète ?
Souvent oui. La typographie, les espacements et les contrastes sont des paramètres modifiables dans Elementor sans toucher à la structure du site. Un audit de lisibilité peut identifier les ajustements prioritaires, taille de police, interlignage, couleurs, qui améliorent significativement l’expérience de lecture sans nécessiter une refonte.
La lisibilité a-t-elle un impact sur le référencement ?
Indirectement, oui. Google mesure le temps passé sur la page et le taux de rebond comme signaux de qualité. Un site illisible génère des abandons rapides, ce qui dégrade ces signaux et peut pénaliser le positionnement dans les résultats de recherche. La lisibilité améliore l’expérience utilisateur, qui améliore les signaux comportementaux, qui améliore le référencement.
