Rédiger pour le web Objet : Quelques conseils pour faciliter la rédaction de contenu à diffusion web
Sommaire 1. Rédiger des contenus... 2 Lire à l écran : une lecture contraignante... 2 Ecrire des phrases et des paragraphes simples... 2 Orthographe et typographie... 3 Utiliser l hypertexte... 3 Utiliser des images... 4 2. Écrire un article dans K-sup... 5 Le titre... 5 Le sous-titre... 5 Rattachement structure... 5 Rubrique... 5 Le chapeau... 5 Le corps... 5 Le référencement... 6 3. Créer des zones thématiques... 6 Construire une page d accueil ou une page portail... 6 4. Chiffres... 7 5. Récapitulatif... 7 6. Quelques liens... 8 Annexe 1 : La Pyramide inversée... 9 1
1. Rédiger des contenus Lire à l écran : une lecture contraignante La lecture à l écran est 25% + lente que celle sur papier. Elle s effectue en diagonale, l œil fait «des bonds», par groupe de mots ou par zone déterminée. Ces aspects expliquent pourquoi un article électronique se doit d être plus court et plus concis qu un article papier. Ex : Les schémas ci-après montrent les zones de l écran les plus lues par l œil de l internaute Source : Projet Eyetrack III Schéma 1 : le trait rouge représente le parcours de l œil sur une page Schéma 2 : les zones en couleurs chaudes sont celles où l œil s attarde ; les croix représentent celles où il s arrête Schéma 3 : la zone rouge est celle que l œil considère en priorité 1, la zone jaune en priorité 2, la zone verte en priorité 3. Les conseils qui suivent visent à accompagner la rédaction de contenus faciles à lire, à produire et à comprendre. Des phrases et des paragraphes simples Choisir des titres informatifs pour ses contenus Évitez les effets de style et préférez des mots explicites qui correspondent très clairement au contenu principal Écrire des phrases courtes et de tournures simples Privilégiez la voix active plutôt que la voix passive et préférez une forme positive à une double négation. Attention également de ne pas juxtaposer des séries de propositions relatives ou de compléments du nom. Utiliser un paragraphe pour une idée Pour chaque nouvelle idée, commencez un nouveau paragraphe. Séparez les paragraphes par un saut de ligne vous permettra d améliorer leur lecture. 2
Placer les mots importants en début de phrase Les premiers mots d une phrase sont les plus lus, ils doivent donc être les plus signifiants. Choisir des mots courts Pour des termes synonymes, utilisez le mot le plus simple et le plus court. Ils permettent une lecture plus rapide. Éviter les redondances Répéter plusieurs fois la même chose dans un texte ne fait qu alourdir : attention aux adverbes ou adjectifs inutiles, aux répétitions, aux longueurs, etc. Tous ces éléments peuvent converger pour vous permettre d être explicite et informatif. Orthographe et typographie Vérifier les fautes d orthographe N hésitez pas à utiliser les correcteurs orthographiques et typographiques des outils de traitement de texte (word, open office, etc.) afin d éliminer les éventuelles erreurs. Relire ses écrits Vérifiez si les informations essentielles (date, lieu, personnes identifiés) sont présentes et corrigez les fautes si besoin. Les règles de typographie Respectez les règles de ponctuation (ex : un espace avant et après les signes doubles, pas d espace avant et un espace après les signes simples) Utiliser les liens hypertexte Compléter le contenu principal Les hyperliens permettent de préciser par des contenus supplémentaires (liens ou documents à télécharger) les éléments qui sont évoqués dans le corps de la page. Placer ces éléments en encadré peut améliorer leur accès et faciliter leur lecture. Optimiser les hyperliens Se limiter à 5 hyperliens par contenu Appliquer le lien sur 3 ou 4 mots (mettre toute une phrase en lien est abusif). Les mots sur lesquels s appliquent des liens sont pris en compte dans le référencement d une page, c est pourquoi il est important de cibler sur les mots porteurs de sens Éviter les liens généraux de type «Cliquez ici» Éviter de souligner ce qui n est pas un lien Associer les liens à un élément graphique (picto, logo, etc.) : cela peut servir de repère dans la page 3
Ex : Ce pictogramme indique des liens hypertextes. Utiliser des images Choisir une image pour sa portée informative Utilisez une image pour sa valeur informative par rapport au contenu qu elle illustre, évitez les images décoratives. Intégrer une image dans le fil du texte Une image est mieux vue et lue si elle est intégrée au texte, plutôt que si elle le suit ou le précède. Mêlée aux mots, elle participe à la construction du sens global. Mise à part, elle risque de ne pas être assez prise en compte. Optimiser le format des images Les images utilisées doivent être de bonne qualité et légères afin d être affichées rapidement lors de l ouverture d une page. Remarque : veillez à respecter les critères de format des images mis en place dans votre établissement (ex : vignettes ou images à taille fixe) Légender les images Selon le type d image, il peut être nécessaire de préciser qui en est l auteur, qui est représenté dessus, etc. La légende permet d associer aux éléments graphiques des éléments informatifs supplémentaires. 4
2. Écrire un article dans K-sup Chaque article dans K-sup est composé principalement des éléments suivants : le titre, le sous-titre, des rattachements, un chapeau et un corps. L ensemble de l article doit mettre en avant des éléments de contextualisation de l information : il doit répondre aux questions Qui? / Quoi? / Où? / Quand? éventuellement Comment? et Pourquoi? 1 Ci-après, quelques conseils pour savoir comment utiliser les champs de l objet «Article» de K-sup. Le titre Il caractérise l article : il doit être explicite et présenter en quelques mots le thème abordé. Privilégier les titres informatifs, ils permettent de situer clairement quel type de contenu va être développé. Le sous-titre Il permet de préciser un peu les éléments du titre (ex : lieu et date) Rattachement structure La structure correspond aux services administratifs auquel vous êtes relié. Il est primordial de renseigner ce champ. Rubrique Préciser une rubrique va permettre de relier un contenu à un thématique particulière. Un utilisateur K-sup ne voit que les rubriques qui le concernent, il peut donc déterminer assez simplement à quelle rubrique rattacher son article. Il est primordial de renseigner ce champ. Le chapeau C est le texte d'introduction qui coiffe un article, il concentre en quelques lignes l'essentiel de l'information. Le corps Le corps de l article doit fournir au lecteur ce qui est le plus important à retenir. Il s'agit de présenter des informations de la façon la plus juste et la plus concise possible, en abordant d abord le message principal, puis si besoin les détails qui s y rapportent. L'expérience montre que l'internaute commence par lire le haut de l'article et décroche dès que le sujet ne l'intéresse pas. Découper le texte en paragraphes courts et insérer des sauts de ligne entre eux permet de ménager des blancs qui facilitent la lecture. Le lecteur peut ainsi passer facilement au «bloc visuel» suivant, et peut-être poursuivre une lecture ciblée sur les points qui l intéressent. 1 Voir le schéma en annexe 5
Le référencement Il s agit principalement des mots clés et de la méta description. Ces éléments sont pris en compte par les moteurs de recherche dans le processus d indexation des ressources. Il est donc primordial de bien les renseigner afin d assurer à chaque contenu une bonne visibilité par les utilisateurs. Améliorer le processus d indexation de chaque page Pour renseigner les champs de la fenêtre «Référencement», il faut au préalable identifier les mots et occurrences qui qualifient précisément la page en cours de saisie. En général, il est possible de reprendre des mots du titre de cette page et également les mots les plus explicites pouvant se trouver dans le contenu (remarque : éviter toutefois les mots trop généraux ou polysémiques). Situer chaque contenu dans un contexte Un lecteur peut arriver sur la page d un site depuis un moteur de recherche de type Google. Dans ce cas-là, on ne peut présumer d aucune lecture précédente sur le site quant au contenu qu il est en train de lire. C est pourquoi chaque page doit disposer de toutes les informations qui la caractérisent 3. Créer des zones thématiques Afin d améliorer la lisibilité d une page et l accès à de multiples contenus, il est possible de composer une page en diverses zones thématiques qui permettent la mise en relief des éléments proposés. Construire une page d accueil ou une page portail Elle donne accès à une multitude de contenus par des liens juxtaposés. Elle est composée en général de la façon suivante : un article principal, qui est l équivalent de l édito d un journal papier. Cet article offre une présentation générale de la thématique à laquelle le portail est dédié. de nombreuses accroches rangées par sous-thématiques (organiser en zones). Utilisez les mots clés sur cette page. La mise en relief du contenu Pour optimiser la visibilité des divers éléments juxtaposés sur une page, n hésitez pas à les isoler les uns des autres à l aide de «blancs». Les éléments de typographie (textes en gras, en italique, etc.) ainsi que des images peuvent participer à la mise en valeur de certaines zones de texte. Remarque : sur les sites d établissement grenoblois, les feuilles de style utilisées pour l affichage du texte peuvent empêcher l utilisation de la couleur ou le changement de police de caractères. 6
Mettre en place un espace agréable pour le lecteur Voilà certaines astuces auxquelles les lecteurs sont sensibles : Favoriser les couleurs chaudes, elles attirent davantage que les couleurs froides. Les dessins ou boutons de commande en relief attirent plus l'attention que les graphismes en deux dimensions. Les photos représentant des visages attirent davantage que celles représentant des objets inanimés. 4. Chiffres Ci-après, quelques chiffres de statistiques concernant la lecture à l écran : Les titres et intertitres sont 5 fois plus lus que les textes Les blancs entre les paragraphes augmentent le taux de lecture de 12% La longueur idéale d une page web : 500 à 4000 signes, La longueur idéale d une phrase : 15 à 20 mots, La lecture à l écran est 25% + lente que celle sur papier. Elle s effectue en diagonale, l œil fait «des bonds», en groupe de mots. Au maximum, 20 hyperliens sur une page d accueil, Au maximum, 5 liens intégrés au contenu, De préférence, ne pas dépasser 7 hyperliens à un même niveau. Le lecteur doit pouvoir comprendre l article dans les 10 premières secondes de lecture 5. Récapitulatif Un contenu rédigé sur le web doit être facile : à lire, à comprendre, à explorer. Privilégiez : La contextualisation de vos contenus : orientez constamment les utilisateurs avec des titres et intertitres significatifs. Des mots simples et explicites : allez à l essentiel. Il est préférable d éviter : D encombrer le visiteur d informations qui ne le concernent pas ou d éléments non informatifs. D attendre des utilisateurs qu ils retiennent tout ce qu ils ont lu précédemment. 7
6. Quelques liens 2 Conseils de rédaction http://www.ac-bordeaux.fr/site_clemi/content.php?menu=1201&page_id=33 http://www.ergolab.net/articles/faciliter-lecture-informations-web.html#11 http://www.btsac.com/savoir-faire/3-tcc/tcc-journaliste.htm http://www.redaction.be/ http://www.lergonome.org/pages/accueil.php Conjugaison, orthographe et typographie http://www.leconjugueur.com http://elsap1.unicaen.fr/cgi-bin/cherches.cgi http://www.interpc.fr/mapage/billaud/ponctua.htm http://www.portail.lettres.net/j grammaire_et_orthographe.htm http://www.langue-fr.net/ et http://atilf.atilf.fr/tlf.htm http://www.protic.net/profs/menardl/grammaire/graminde.htm 2 Bibliographie produite par Isabelle Perrin 8
Annexe 1 : La Pyramide inversée Qui? Où? Quand? Quoi? A propos de quoi? Pourquoi? Comment? Détails annexes 9