Titre original : 44 conseils - pour bien écrire pour le web
Les premiers mots d'un titre ou le choix des mots dans un bouton peuvent faire varier les taux de lecture dans un rapport de 1 à 5. Cette liste de bonnes pratiques à l'attention du rédacteur web s'inspire des études en matière d'expérience utilisateur.
Sommaire de l'article :
1. Les titres
1. Prévoir impérativement un titre pour chaque page.
Le titre sera :
2. Court
Entre 4 et 10 mots.
Idéalement, le titre devrait tenir sur une seule ligne.
Éliminez tous adjectifs, prépositions et adverbes non indispensables.
Entre 4 et 10 mots.
Idéalement, le titre devrait tenir sur une seule ligne.
Éliminez tous adjectifs, prépositions et adverbes non indispensables.
3. Visible
Utilisez une taille de caractère supérieure à celle du corps du texte.
Proscrivez les italiques, le souligné ou les majuscules.
Placez le titre au-dessus de la zone centrale de la page.
Balisez le titre <h1> pour les moteurs de recherche.
Utilisez une taille de caractère supérieure à celle du corps du texte.
Proscrivez les italiques, le souligné ou les majuscules.
Placez le titre au-dessus de la zone centrale de la page.
Balisez le titre <h1> pour les moteurs de recherche.
4. Explicite
Utilisez un vocabulaire compréhensible par le public visé.
Décrivez le sujet et la valeur ajoutée de l'article (anticipation du contenu).
Rejetez les acronymes et autres sigles qui exigent un décodeur.
Utilisez un vocabulaire compréhensible par le public visé.
Décrivez le sujet et la valeur ajoutée de l'article (anticipation du contenu).
Rejetez les acronymes et autres sigles qui exigent un décodeur.
5. Accrocheur
Invitez à la lecture du contenu, à condition de rester explicite.
Vérifiez si une phrase avec un verbe ne rend pas le titre plus dynamique.
Envisagez les titres sous forme de questions.
Invitez à la lecture du contenu, à condition de rester explicite.
Vérifiez si une phrase avec un verbe ne rend pas le titre plus dynamique.
Envisagez les titres sous forme de questions.
6. Simple
Évitez les effets rhétoriques, les jeux de mots, la ponctuation exclamative, l'emphase promotionnelle exagérée.
Évitez les effets rhétoriques, les jeux de mots, la ponctuation exclamative, l'emphase promotionnelle exagérée.
7. Contenant des mots clés
Les moteurs de recherche tiennent fortement compte du contenu des titres pour indexer les pages web.
Réutilisez ces mots clés sans exagération dans le corps du texte pour renforcer la cohérence du message.
Les moteurs de recherche tiennent fortement compte du contenu des titres pour indexer les pages web.
Réutilisez ces mots clés sans exagération dans le corps du texte pour renforcer la cohérence du message.
8. Ayant une signification autonome
Le titre est susceptible d'être repris dans un sommaire interactif. Par le biais d'un moteur de recherche, les internautes peuvent atterrir directement sur la page ; ils devraient pouvoir en comprendre immédiatement la portée.
Le titre est susceptible d'être repris dans un sommaire interactif. Par le biais d'un moteur de recherche, les internautes peuvent atterrir directement sur la page ; ils devraient pouvoir en comprendre immédiatement la portée.
9. Dont les premiers mots sont les plus consistants. Les 11 premiers caractères impactent la première fixation oculaire et Google donne beaucoup de poids aux deux ou trois premiers mots des titres.
2. Les introductions
10. Limitez l'accroche à un seul paragraphe, court. Pour vos chapeaux, nous conseillons de ne pas dépasser 50 mots.
11. Afin de mettre l'accroche en évidence, utilisez la mise en gras ou un fond de couleur distinct, mais jamais le souligné ni les italiques.
12. Résumez l'essentiel de l'information.
L'accroche doit pouvoir être lue comme une "brève".
À elle seule, elle constitue la base de l'information. Le reste de l'article ne fait qu'apporter plus de détails.
Pour vous aider à résumer l'info, appliquez la technique des "5 W" qui conduit à répondre aux 5 questions de base que se pose le lecteur : Who ? What ? When ? Where ? Why ?. Autrement dit : qui est concerné ? quelle est la nouvelle, de quoi est-il question ? quand cela s'est-il produit ou quand cela va-t-il se produire ? où ? pourquoi ?
L'accroche doit pouvoir être lue comme une "brève".
À elle seule, elle constitue la base de l'information. Le reste de l'article ne fait qu'apporter plus de détails.
Pour vous aider à résumer l'info, appliquez la technique des "5 W" qui conduit à répondre aux 5 questions de base que se pose le lecteur : Who ? What ? When ? Where ? Why ?. Autrement dit : qui est concerné ? quelle est la nouvelle, de quoi est-il question ? quand cela s'est-il produit ou quand cela va-t-il se produire ? où ? pourquoi ?
13. Droit au but : évitez d'introduire un sujet par un texte d'accueil protocolaire ou par des précautions d'usage. Appliquez le principe de la « pyramide inversée » qui veut que l'on commence par l'essentiel, pour aller ensuite vers le détail et vers la nuance.
3. Le contenu des articles
14. Découpez l'information en plusieurs paragraphes.
15. Limitez-vous à une seule idée par paragraphe, qui apparaîtra dans la première phrase du paragraphe.
16. Utilisez, si nécessaire, des encadrés : chiffres clés, citations, ressources, etc. La mise en page et la richesse perçue de l'article s'en trouveront renforcées.
17. Utilisez des intertitres, surtout dans les textes longs. Ils améliorent le balayage de l'article, relancent l'attention sous la ligne de flottaison et font ressortir sa structure.
18. Limitez la longueur de la page : entre 500 et 4 000 caractères si possible. Si vos propos nécessitent plus de longueur, envisagez la possibilité de découper le contenu sous forme de mini dossier.
19. Mettez certains mots clés en gras, comme nous le faisons dans l'article que vous êtes en train de lire. Mais n'abusez pas de cette technique. Elle peut rapidement devenir lourde et chaotique.
20. Utilisez les listes à puces ou numérotées pour vos énumérations. Elles donnent du relief à la page et améliorent la lisibilité.
21. Utilisez des phrases courtes (15-20 mots en moyenne), au vocabulaire et au style simple, concret, direct, et concis.
22. Rédigez des phrases simples :
- Entre deux expressions équivalentes, choisissez la plus courte (par exemple, « sauf » plutôt que « à l'exception de »).
- Préférez la voix active à la voix passive (moins compliquée et plus assertive).
- Songez à remplacer les subordonnées relatives par deux phrases.
- Évitez les phrases accumulant chiffres, sigles, abréviations, incises, entortillements et autres pirouettes qui gêneront la lecture.
23. Évitez le jargon juridique, administratif, commercial, etc. Sauf si vous vous adressez à une audience qui recherche ce jargon.
24. Refusez les acronymes et autres abréviations « non universelles », à moins de les avoir explicités dès le début du texte.
25. Adaptez votre ton à votre cible et maintenez un ton cohérent. Ne passez pas, par exemple du ton impersonnel au ton personnel.
26. Pour assurer la pérennité de votre contenu, utilisez des repères temporels absolus ("en décembre 2004" plutôt que "le mois prochain").
27. Évitez les repères spatiaux propres au support papier ("voir plus loin", "ci-dessous", "susmentionné", "à la page 28"). Ces repères sont étrangers à la navigation hypertextuelle. Pour les mêmes raisons, n'utilisez pas de notes de bas de page.
4. Les liens
28. Limitez le nombre de liens dans les pages :
- Sept liens maximum recommandé au sein d'un bloc de navigation.
- Les liens dans le corps de texte devraient rester exceptionnels.
29. En règle générale, regroupez les liens en marge ou au bas des articles plutôt que de les intégrer dans le corps même du texte, car ils constituent une distraction et une incitation à la digression.
30. Rédigez des hyperliens explicites, donnant une idée précise de vers quoi ils mènent.
Évitez les liens du genre "cliquez ici", "next page". Préférez les liens ciblés aux liens trop génériques. Vous rendrez un meilleur service aux utilisateurs.
Évitez les liens du genre "cliquez ici", "next page". Préférez les liens ciblés aux liens trop génériques. Vous rendrez un meilleur service aux utilisateurs.
31. Les liens ne doivent être ni trop courts (ce qui les rend peu visibles ou peu explicites) ni trop longs (ce qui empêche leur compréhension immédiate). N'hésitez pas à placer le lien sur plusieurs mots, mais jamais sur un paragraphe entier. Les hyperliens composés de 3 à 8 mots fonctionnent parfaitement bien.
32. Au sein d'une même page, évitez les liens redondants, qui donnent accès au même contenu.
33. Veillez à assurer la correspondance la plus étroite possible entre l'intitulé du lien et le titre de la page de destination.
34. Placez des mots clés dans vos liens. Ils permettront un référencement pertinent de la page cible.
35. Vos liens, surtout contigus, doivent pouvoir être clairement différenciés. Par exemple, ne faites pas se côtoyer un lien "Nouveautés" et un lien "Actualités"... ou rendez-les plus explicites... "Nouveautés sur le site" et "Communiqués de presse".
35. Vos liens, surtout contigus, doivent pouvoir être clairement différenciés. Par exemple, ne faites pas se côtoyer un lien "Nouveautés" et un lien "Actualités"... ou rendez-les plus explicites... "Nouveautés sur le site" et "Communiqués de presse".
36. Utilisez de préférence les couleurs standards (bleu pour les liens non visités et pourpre pour les liens visités). Dans tous les cas, utilisez des couleurs différentes pour les liens visités et non visités.
37. Soulignez les liens, à l'exception des liens contenus dans l'interface de navigation, lorsque le design graphique rend le caractère interactif évident.
38. À l'inverse, ne soulignez jamais du texte non interactif.
39. Sauf exception (fichiers PDF volumineux, applications informatiques,...), évitez que les liens ouvrent une nouvelle fenêtre, du moins pour tout contenu appartenant au même site.
40. Mentionnez toujours à l'internaute qu'un lien ouvre du contenu autre qu'une page web (PDF, document Word, etc.).
41. Prévoyez une alternative texte aux liens contenus dans des images.
5. Les images
42. Associez à vos images un texte alternatif. Il s'agit d'un équivalent textuel, descriptif et concis. Nous vous conseillons de ne pas dépasser 250 caractères. Le texte alternatif renforce votre référencement et améliore l'accessibilité de votre site web, notamment par les personnes mal voyantes.
43. Privilégiez les images à caractère informatif. Une infographie, un schéma, une photographie prise en situation réelle, valent cent fois mieux qu'un visuel pompé d'une banque d'images clichées au statut uniquement décoratif.
44. Chaque fois que c'est possible, prévoyez une légende, concise et donnant du sens à l'image. Le taux d'attention sur l'image en sera renforcé.
