Comment la typographie impacte votre taux de conversion

Ouvrez n'importe quel site et demandez-vous ce que vous regardez vraiment. Pas les images ni les boutons : le texte. Un site web, c'est environ 95 % de typographie. Vos titres, vos arguments, le prix, l'intitulé du bouton, la ligne qui rassure juste avant le paiement, tout passe par des lettres posées à l'écran. Pourtant la typographie reste le poste qu'on règle en dernier, souvent en gardant la police du thème par défaut sans y réfléchir.

C'est une erreur qui se paie en conversions. La typographie n'est pas une couche décorative posée sur le contenu, c'est le canal par lequel le contenu atteint le visiteur. Quand elle est bonne, on ne la remarque pas : on lit, on comprend, on agit. Quand elle est mauvaise, le visiteur ne se dit pas « cette police est trop petite », il se dit « je verrai ça plus tard » et il ne revient pas.

Cet article part d'une idée simple : chaque effort entre l'œil du visiteur et la compréhension de votre message est un effort de moins disponible pour passer à l'achat. On va voir comment la lisibilité, la hiérarchie, la vitesse de lecture, la performance de chargement et la perception de marque pèsent concrètement sur le taux de conversion, puis comment auditer votre propre site.

Lire est un travail invisible tant qu'il se passe bien. Le visiteur ne perçoit pas l'effort qu'il fournit pour décoder vos lignes, il perçoit seulement le résultat : c'est fluide ou c'est pénible. Une typographie mal réglée rend ce travail visible et un visiteur qui sent qu'il force ne force pas longtemps. Il ne diagnostique pas le problème, il s'en va.

La bonne nouvelle, c'est que la lisibilité se règle avec quelques paramètres connus et mesurables. Il n'y a pas de mystère ni de goût personnel ici, juste des seuils que des décennies de recherche en lecture ont stabilisés.

Les quatre réglages qui décident, à eux seuls, du confort de lecture

Le piège le plus courant est le contraste. Le gris pâle sur fond blanc a un côté épuré qui plaît en maquette mais il échoue souvent au seuil de 4,5:1 fixé par les règles d'accessibilité WCAG (opens in a new tab). Sur l'écran calibré du studio qui l'a conçu, ça passe. Sur le téléphone d'un visiteur en pleine rue, le texte disparaît et l'argument de vente avec lui.

Personne ne lit une page web de la première à la dernière ligne. L'œil balaie, accroche un mot, saute au suivant et décide en une poignée de secondes si la page mérite qu'on s'arrête. Ce balayage suit la hiérarchie typographique : les tailles, les graisses, les espaces lui disent où regarder et dans quel ordre. Sans hiérarchie, tout crie au même volume et plus rien ne s'entend.

Une page qui convertit conduit le regard par étapes : un titre qui accroche, une promesse qui précise, une preuve qui rassure, un bouton qui appelle. La typographie est l'outil qui crée ces marches. L'intitulé du bouton, en particulier, doit être typographiquement impossible à manquer, parce que c'est le point où l'attention se transforme en action. C'est tout le sujet d'un CTA qui convertit (opens in a new tab) : il se voit avant même qu'on le cherche.

À lisibilité égale, toutes les polices ne se lisent pas à la même vitesse. Une fonte aux formes ouvertes et bien différenciées, avec une hauteur d'œil généreuse, se déchiffre plus vite et fatigue moins qu'une fonte étroite ou trop stylisée. Sur un paragraphe, la différence est imperceptible. Sur une page de vente entière, elle décide si le visiteur va au bout de l'argument ou décroche en route.

Deux réflexes simples protègent cette vitesse. D'abord, limiter le nombre de familles : deux suffisent presque toujours, une pour les titres et une pour le corps. Empiler quatre polices « pour varier » brouille la page et alourdit le chargement. Ensuite, réserver le caractère aux titres. Une fonte décorative ou un long passage tout en capitales ralentit nettement la lecture : on garde donc la personnalité là où elle se lit en un coup d'œil et on confie le corps à une fonte sobre et rapide.

Une typographie a un coût technique que beaucoup ignorent : chaque police personnalisée est un fichier à télécharger. Mal gérée, elle retarde l'affichage du texte ou provoque un saut de mise en page au moment où la vraie fonte remplace la fonte de secours. Ce décalage porte un nom, le layout shift. Il dégrade directement les Core Web Vitals (opens in a new tab) que Google surveille : il pèse donc à la fois sur votre référencement et sur votre taux de conversion.

Les bons réflexes sont documentés et peu coûteux à appliquer : précharger la police principale, n'embarquer que les graisses réellement utilisées, sous-ensembler les caractères, préférer une police variable quand c'est possible et toujours définir une police de secours proche pour éviter le saut. Les recommandations de web.dev sur les polices (opens in a new tab) les détaillent. La règle à retenir tient en une phrase : une typographie superbe qui s'affiche une seconde trop tard a déjà coûté des visiteurs.

Avant d'avoir lu une seule phrase, le visiteur a déjà jugé. La mise en forme du texte envoie un signal immédiat : un ensemble cohérent et soigné dit qu'on a affaire à une marque sérieuse, des réglages négligés laissent un doute. Sur une page qui cherche à vendre, ce premier signal compte, parce que le sérieux perçu nourrit la confiance et que la confiance précède l'achat. Une étude souvent citée du MIT a même montré qu'une typographie bien composée met le lecteur dans de meilleures dispositions et lui fait sous-estimer le temps de lecture.

La typographie porte aussi la voix de la marque. Une fonte n'est jamais neutre : elle peut paraître institutionnelle ou artisanale, chaleureuse ou technique. Le choix juste n'est pas le plus beau dans l'absolu, c'est celui qui colle à ce que vous vendez et à qui vous le vendez. Une typographie qui contredit le positionnement crée un malaise diffus que le visiteur ne sait pas nommer mais qui freine sa décision.

Une typographie lisible n'aide pas seulement les personnes dyslexiques ou malvoyantes, même si elle change radicalement leur expérience. Elle sert aussi la majorité silencieuse : le visiteur qui lit sur son téléphone en plein soleil, celui dont la vue se fatigue après quarante ans et qui représente une part énorme du pouvoir d'achat, celui qui parcourt votre site d'un œil distrait entre deux tâches. Concevoir pour le cas difficile améliore le cas courant.

Concrètement : du vrai texte plutôt que du texte glissé dans une image, des tailles qui restent confortables au zoom, un contraste suffisant, des espacements respirables. Ce sont les mêmes réglages qui font une bonne lisibilité, ce qui n'a rien d'un hasard. L'accessibilité n'est pas une contrainte à part, c'est la lisibilité poussée jusqu'au bout : elle élargit votre marché au lieu de le réduire, comme le détaille l'article sur l'accessibilité comme levier business (opens in a new tab).

La plupart des dégâts viennent d'une poignée d'habitudes prises pour des choix de style. Les voici, avec ce qu'elles font vraiment au visiteur.

Six habitudes répandues et ce qu'elles coûtent en lecteurs perdus

Pas besoin d'être typographe pour repérer l'essentiel. Six questions suffisent à savoir si votre texte travaille pour vous ou contre vous.

Si une seule réponse vous gêne, vous avez probablement une fuite de conversions là où vous ne la cherchiez pas, dans le réglage du texte lui-même.

On a longtemps rangé la typographie au rayon des finitions esthétiques, un détail que l'on confie au goût du designer une fois le « vrai » travail terminé. C'est inverser l'ordre des choses. Le texte est le produit de votre site bien plus que ses images : c'est lui qui explique, convainc et déclenche l'action. La manière dont il est posé à l'écran décide de combien de visiteurs vont vraiment le lire.

Une page lisible, hiérarchisée et accordée à votre marque ne se voit pas : c'est précisément pour cela qu'elle convertit. Elle laisse le visiteur penser à votre offre plutôt qu'à l'effort de vous lire.