5 modifications de police simples pour augmenter les lecteurs, les commentaires et les partages sur votre blog

Ce message invité est de Bnonn d’Information Highwayman.

Vous ne vous en rendez peut-être pas compte, mais les paramètres de police de votre blog peuvent avoir un effet considérable sur le nombre de personnes qui lisent votre contenu.

Et le nombre de personnes qui lisent votre contenu a un effet énorme sur le fait qu'une publication devienne virale.

Quelle taille ? Eh bien, d'après certains récits que j'ai lus, une seule erreur courante avec les couleurs pourrait réduire le lectorat d'un facteur cinq. Et si vous ne commettez pas cette erreur, vous en faites probablement au moins une sur quatre autres. Ainsi, dans cet article, je vais vous donner les cinq meilleures pratiques les plus importantes pour présenter du texte afin de garder les lecteurs collés à votre contenu et loin de l'ancien bouton de retour.

Taille de la police : 16 px minimum

Tout en haut de la pile de problèmes de lisibilité se trouve la taille de la police. En 2005, Jakob Nielsen rapportait que dans une enquête sur les problèmes de conception Web, les mauvaises polices obtenaient près de deux fois plus de votes que les concurrents suivants, les deux tiers des votants se plaignant de la petite taille des polices.

Malheureusement, rien n’a changé depuis. Un échantillonnage aléatoire de nouveaux modèles de blog sur SiteInspire (une galerie de conception Web présentant le meilleur des meilleurs modèles) montre que la taille moyenne de la police pour le corps du texte est de 12 pixels . Certains ne dépassent pas dix pixels . Aucun sur 14 pixels . De même, si vous échantillonnez au hasard les offres des thèmes populaires Elegant Themes ou ThemeForest, vous constaterez que chaque thème définit le contenu de publication sur 12 ou 13 pixels.

Et bien sûr, d’autres créateurs de thèmes ont tendance à suivre l’exemple des gros bonnets.

Mais comme le souligne Oliver Reichenstein, expert en convivialité et typographie d'Information Architects, 16 pixels est la taille de police que les navigateurs étaient censés afficher par défaut – et ce n'est pas grand. Un texte de 16 px sur un écran moyen a à peu près la même taille qu'un texte de 12 points imprimé. C'est la taille par défaut de la plupart des magazines, ainsi que de tous les traitements de texte, car c'est la taille que les gens trouvent la plus confortable à lire. De nombreuses personnes, en particulier celles de plus de 40 ans, ont du mal à lire des textes plus petits. Comme le fait remarquer Reichenstein :

Il n’y a aucune raison de mettre autant d’informations sur l’écran. C'est juste une stupide erreur collective qui remonte à une époque où les écrans étaient vraiment très petits… Au début, vous serez choqué de la taille du texte par défaut. Mais après une journée, vous ne voudrez plus voir une taille de police inférieure à 100 % pour le texte principal. Cela semble grand au début, mais une fois que vous l'utilisez, vous comprenez rapidement pourquoi tous les fabricants de navigateurs l'ont choisi comme taille de texte par défaut.

Utilisez du noir sur du texte clair : l'inversion n'est pas bonne

Heureusement, nous avons largement dépassé l'époque où les auteurs de contenu pensaient que le fuchsia sur du texte bleu était cool. Mais le texte blanc sur noir , connu sous le nom de caractères inversés, est encore assez courant. Tout comme les variantes comme le blanc sur une autre couleur sombre.

La police inversée réduit non seulement le nombre de personnes qui prendront la peine de lire votre contenu, mais également leur compréhension . C'est parce que cela fatigue les yeux. Regarder du texte inversé pendant une période prolongée a tendance à créer une sorte d’effet « d’éblouissement », où vous avez l’impression que les lettres sont trop brillantes pour être regardées. Selon les recherches que vous consultez, des études montrent que les textes clairs sur sombres réduisent votre lectorat entre 50 % et 400 %.

Pourquoi risquer de perdre autant de lecteurs ? Le noir ou le gris très foncé sur blanc semble propre, et il existe de nombreux thèmes intéressants qui utilisent ces couleurs.

Largeur de ligne : 45 à 75 caractères

Voici une autre règle peu connue que beaucoup de blogs enfreignent. Pour que votre œil puisse suivre facilement une ligne à la suivante, vous ne voulez pas plus de 75 caractères dans chaque ligne. C'est ce qu'on appelle la mesure linéaire. Au-delà d'une mesure de 75 caractères, difficile de suivre la fin d'une ligne jusqu'au début de la suivante sans se perdre.

En revanche, si vous avez une mesure de moins de 45 caractères, votre œil se fatiguera rapidement, car vous avez à peine commencé à lire une ligne qu'il faut passer à la suivante. Vous avez l'impression de ne jamais avoir la chance de vous reposer.

Pour cette raison, la zone de contenu de votre publication idéale comportera des lignes de texte d’environ 60 caractères. Bien entendu, il faut également tenir compte de l’esthétique. Sur de nombreux blogs, la mesure « idéale » laisse un énorme vide dans la marge droite ou donne l’impression que le texte est écrasé dans une zone minuscule. C'est précisément pour cette raison que j'utilise une mesure d'environ 70 caractères sur mon propre site Web. Mais si vous dépassez les 80 caractères, vous réduisez votre lectorat, c'est garanti.

Hauteur de ligne : 130 % ou plus

Heureusement, c'est une erreur moins courante. Si vous utilisez un thème professionnel, vous n’avez probablement pas à vous inquiéter.

Pour vous donner un exemple, j'ai défini ce paragraphe à la hauteur de ligne par défaut (également appelée interlignage, du nom des bandes de plomb utilisées pour séparer les lignes de texte sur les anciennes presses à imprimer). C'est à l'étroit et peu engageant à lire, et il est difficile de suivre les lignes de l'une à l'autre car elles se fondent les unes dans les autres.

En revanche, ce paragraphe est défini avec une hauteur de ligne de 200 %, ce qui équivaut à un double interligne dans un traitement de texte. Je suis sûr que vous conviendrez que les lignes ici semblent beaucoup trop déconnectées les unes des autres, et à moins que vous ne soumettiez un document de recherche, ce n'est pas la voie à suivre.

Enfin, ce paragraphe est défini avec une hauteur de ligne de 150 %. Cela signifie que pour chaque pixel de taille de police, il y a un pixel et demi de distance entre les lignes. Cela s'avère être un point idéal assez fiable pour la plupart des polices que vous êtes susceptible d'utiliser sur un blog, mais n'hésitez pas à expérimenter entre 130 % et 160 % environ pour voir ce qui fonctionne le mieux pour votre propre contenu.

La marge de gauche : ne la brisez pas

Ce dernier conseil n'est pas exactement un problème de police. Mais cela rentre dans la même catégorie générale. Les blogueurs incluent régulièrement des images dans leurs publications. Que ce soit vraiment une bonne idée ou non est un sujet pour une autre fois, mais pour l'instant, permettez-moi de vous donner juste un conseil.

La marge de gauche est sacrée. C'est ainsi que nous traçons le texte d'une page dans le monde occidental. C'est le « sol » à partir duquel les lignes poussent (souvent à des longueurs très différentes), et c'est le fondement de notre parcours oculaire lorsque nous lisons la page.

Mais si vous brisez la marge de gauche, tout va au diable. Votre œil doit scanner autour de vous pour essayer de capter la nouvelle marge, afin que vous puissiez continuer à lire.

En d’autres termes, chaque fois que vous alignez une image à gauche, vous mettez un ralentisseur sur le chemin de votre lecteur. Et vous aggravez le problème en détournant son attention du texte avec votre image visuellement dominante. Inutile de dire que les lecteurs qui sont constamment distraits et qui doivent déplacer la marge de gauche ne lisent souvent pas jusqu'à la fin d'un article. Ils ne le partagent donc pas ou ne le commentent pas.

Astuce bonus : les lettrines augmentent le lectorat

Par « lettrines », j'entends les majuscules initiales, où la première lettre du premier mot de votre message ressort beaucoup plus grande que le reste. Selon une étude menée par Ogilvy & Mather, cela augmente le lectorat d'un article de 13 % en moyenne.

Les lettrines ne sont pas intégrées à la plupart des thèmes de blog, et elles peuvent être difficiles à réaliser sur le Web, mais si vous êtes un peu doué en codage, consultez ce didacticiel pour savoir comment les créer.

Cinq erreurs : lesquelles faites-vous ?

Il est maintenant temps de retourner sur votre propre blog et de voir laquelle de ces cinq bonnes pratiques importantes vous ne mettez pas en pratique. Alors, fixum ! Mais n'oubliez pas de partager les modifications que vous avez apportées dans les commentaires ci-dessous !

Bnonn est connu dans les arrondissements comme le passeur de l'information. Il aide les petites entreprises à vendre davantage en ligne en améliorant à la fois leur copie et leur conception. Lorsqu'il n'est pas plongé dans les tripes de la page d'accueil de quelqu'un, il enseigne à ses enfants le steampunk, Nathan Fillion, et comment lutter contre un zombie sans se faire mordre.