Optimiser le Contenu d'une Page Web
par La rédaction
Qu'est-ce que la Lisibilité Web ?
On parle de lisibilité web pour définir l’ensemble des caractéristiques visant à faciliter et rendre plus rapide la compréhension d’un texte par un internaute. Deux types de lisibilité composent la lisibilité web : la lisibilité visuelle (la perception du texte à l’écran) et la lisibilité cognitive (représente l’effort intellectuel exigé pour la lecture d’un contenu de page web). En considérant et en agissant sur les éléments qui composent la lisibilité web, vous serez à-même d’optimiser le contenu de chaque page de votre site.
Les Couleurs et Les Contrastes
L’une des premières étapes est d’améliorer la vitesse de perception du texte. Il s’agit là de favoriser les contrastes dits « positifs », c’est-à-dire, favoriser les différences de luminescence entre l’objet (texte ou image) et l’ambiance (fond sur lequel se trouve l’objet) en optant pour la formule texte sombre + fond clair. En effet, au-delà des considérations physiologiques de l’être humain, le contraste positif s’avère moins fatiguant pour la vision que le contraste négatif (texte clair sur fond sombre). N’oubliez pas que bon nombre d’internautes surfent en fin de journée et le soir, il est donc important de ne pas ajouter de fatigue supplémentaire. Même chose pour les couleurs, on évitera les couleurs dites « complémentaires » qui seront difficiles à différencier au fil de la lecture.
Les Caractères
La lisibilité visuelle dépend également des paramètres des caractères employés dans votre page web. En effet, si les caractères sont trop petits, la lisibilité est diminuée. On préfèrera donc employer (selon la typographie choisie) en moyenne une taille de 11-12 pixels (pour le contenu textuel et non pour les titres ou sous-titres, qui bien évidemment auront une taille plus élevée).
Le choix de la typographie est importante car certaines polices de caractères ont un espacement de lettres différent. Il est donc judicieux de choisir une police dont les lettres ont un espacement plus grand. Par exemple, la police « Verdana » remplit mieux cette condition comparée à la police « Arial ». C’est la police de caractères la plus répandue sur le Web.
Hiérarchiser l'Information
Etant donné que plus des trois quarts des internautes (79%) ne lisent pas le contenu d’une page web (ils la parcourent, la « scannent »), et seulement 16% lisent mot-à-mot, il convient de mettre en exergue les informations importantes. Pour cela, optimiser le contenu d’une page web doit s’inspirer du travail des journalistes. Effectivement, ce travail journalistique consiste à commencer un article par les informations les plus importantes, et à continuer avec les informations de moindre importance. C’est la règle de la « pyramide inversée », on part du général pour aller vers le détail, avec un chapeau (introduction) qui développe le titre, avec un article qui développe le chapeau.
Par conséquent, les informations les plus importantes de votre page doivent impérativement être situées en haut de page. Afin de rendre votre texte lisible (pour les internautes comme pour les moteurs de recherche), on trouvera donc le plus haut possible le titre général de l’information, puis une introduction (le chapeau), et ensuite un découpage efficace de l’ensemble de votre information: sous-titres + paragraphes, toujours par ordre d’importance. Pour cela, employez efficacement les différents niveaux de styles (H1, H2…).
Pour encore améliorer la lisibilité, mettez en exergue les informations capitales, les mots-clés qui aident à la compréhension du texte. Il existe des usages sur le Web, que la plupart des internautes ont assimilé et sur lesquels il convient de capitaliser afin de ne pas perturber le lecteur :
• les caractères en gras pour les informations capitales
• l’italique pour les citations
• les termes soulignés ou les changements de couleur du texte caractérisent principalement des liens
Il se peut que le contenu de votre page soit un peu « long ». Par convention, le seuil pour lequel on détermine qu’un texte est long équivaut au maximum à 3 écrans en hauteur. A partir de ce seuil, il est de bon ton de fournir un sommaire du contenu de la page.
De même, donnez la possibilité aux internautes d’accéder au format imprimable de ce contenu. Imaginez à 23h un internaute qui trouve l’information chez vous et qu’il cherchait depuis si longtemps. Si votre texte est trop long, je doute que malgré toute sa bonne volonté, il lise entièrement la page web. En revanche, si vous lui donnez la possibilité de l’imprimer, il pourra lire votre information le lendemain, à tête reposée, et de manière beaucoup plus efficace, puisqu’elle sera sur un support papier.
Si le contenu de votre page fait référence à d’autres ressources sur le même thème présentes sur votre site, vous placerez des liens (de manière évidente : changement de couleur et/ou texte souligné). Mais évitez surtout le « hors-sujet », c’est-à-dire les données ayant peu ou pas de rapport avec le sujet-même de votre page web. L’efficacité doit primer, les liens transversaux faciliteront donc l’accès aux ressources connexes, sans toutefois perturber le lecteur avec des informations moins pertinentes. Ce découpage de l’information ainsi facilité par l’utilisation de liens permet à l’internaute de mieux assimiler l’information. Ainsi, si une idée émise dans un paragraphe trouve un complément d’information quelque part dans votre site, un accès par un lien vers cette ressource pourra être employé comme par exemple : (voir aussi : l’architecture de l’information). Pour enrichir encore votre page, vous pouvez indiquer par des liens des ressources extérieures à votre site, mais en relation avec le thème abordé de votre page, comme lectures complémentaires.
Autres Conseils et Astuces pour Optimiser votre Page Web
Voici quelques conseils supplémentaires qui concoureront à la réussite de votre optimisation :
• Ecrivez en minuscules plutôt qu’en majuscules. En effet, il est prouvé que la lecture de caractères en minuscules est plus facile que celle des caratères en lettres capitales. En revanche, afin de mieux mettre en exergue les titres et sous-titres de vos paragraphes, vous pouvez opter pour les majuscules, mais seulement si ces titres sont courts (ils doivent tenir sur 2 lignes maximum).
• Les titres et les sous-titres doivent contenir l’idée générale du paragraphe que vous allez développer, ainsi que des mots-clés.
• Ne faites pas des paragraphes trop longs, aérez. Développez une seule idée par paragraphe et alternez les phrases longues avec des phrases courtes pour relancer l’attention. Mettez les idées importantes au début du paragraphe pour ensuite développer.
• Rédigez vos textes de manière grammaticalement simple afin de favoriser une lecture rapide. Cependant, cette simplicité ne doit pas nuire à la qualité de votre texte. Employez toujours la forme active : il est avéré que la lecture des formes négatives et surtout interro-négatives défavorisent la compréhension et réduisent nettement la vitesse de lecture. Evitez les mots trop complexes, trop longs, les conjonctions (qui, que…). N’abusez pas des adjectifs et des adverbes.
• Faites particulièrement attention à la grammaire et à l’orthographe. Si possible, faites toujours relire votre page par une tierce personne. Comme on le dit, « deux paires d’yeux valent mieux qu’une ». Profitez de cette relecture par quelqu’un d’autre pour mesurer si l’information est pertinente et si elle est compréhensible pour un public non averti. Si vous devez employer un vocabulaire spécialisé, fournissez une explication claire et précise.
• Aidez-vous de visuels. En effet, les chercheurs estiment que plus de 50% de la population adulte assimile mieux une information illustrée. Agrémentez donc votre texte avec des tableaux, des images, des graphiques lorsque cela est possible.
En Conclusion
En optimisant votre page web pour en faciliter la lecture et sa compréhension auprès des internautes, vous avez dégrossi sans vous en rendre compte le travail d’optimisation pour les moteurs de recherche (SEO). Il ne vous reste plus qu’à travailler sur les balises contenues dans le code source de votre page (titre, description, éventuellement keywords), à optimiser les images et les liens présents dans votre page.