Écrire pour le web - Enrichir et valoriser ses contenus multimédias by INFOPRO DIGITAL

Écrire pour le web

Enrichir et valoriser ses contenus multimédias Le web change radicalement notre façon de lire : nous voyageons de lien hypertexte en lien hypertexte pour construire notre propre chemin vers la connaissance, et notre lecture devient « hyperspatiale ». Sur le web, la page que nous « scannons » à la recherche d'informations doit être organisée pour répondre à cette lecture de repérage.

Si certaines règles et conseils d'écriture (grammaire, orthographe, lois de proximité etc.) restent identiques, l'écriture web exige plus qu'une simple maîtrise de la rédaction : le texte doit s'enrichir de contenus vidéo, audio etc. De nouvelles compétences sont alors nécessaires pour relever le défi d'un web efficace et pertinent.

Ancien DSI d'une grande ville de la métropole lilloise, Xavier Delengaigne est désormais formateur/consultant en management de l'information.

d’EXPERTS

Écrire pour le web - Enrichir et valoriser ses contenus multimédias

Au-delà du lecteur, les robots des moteurs de recherche « lisent » aussi ces pages. Il faut donc, désormais, écrire aussi pour Google, le plus important des moteurs de recherche en France à ce jour.

Enrichir et valoriser ses contenus multimédias

d’EXPERTS

Xavier Delengaigne [Dessin Une : Matthieu Méron] www.territorial-editions.fr ISSN : 1623-8869 – ISBN : 978-2-8186-1525-6

Écrire pour le web Enrichir et valoriser ses contenus multimédias

Xavier Delengaigne Consultant/formateur en communication web La précédente édition a été coécrite par Thomas Joubert.

CS 70215 - 38501 Voiron Cedex Tél. : 04 76 65 87 17 - Fax : 04 76 05 01 63 Retrouvez tous nos ouvrages sur www.territorial-editions.fr

d’EXPERTS

Référence DE 652 Avril 2019

Vous souhaitez être informé de la prochaine actualisation de cet ouvrage ?

C’est simple ! Il vous suffit d’envoyer un mail nous le demandant à : jessica.ott@territorial.fr Au moment de la sortie de la nouvelle édition de l’ouvrage, nous vous ferons une offre commerciale préférentielle.

Avertissement de l’éditeur : La lecture de cet ouvrage ne peut en aucun cas dispenser le lecteur de recourir à un professionnel du droit.

Il est interdit de reproduire intégralement ou partiellement la présente publication sans autorisation du Centre Français d’exploitation du droit de Copie. CFC 20, rue des Grands-Augustins 75006 Paris. Tél. : 01 44 07 47 70

Sommaire Introduction. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . p.7

Partie 1 Écrire pour le web territorial Chapitre I Lecture sur écran ou sur papier : quelles différences ?. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . p.11 A - Écriture web versus écriture papier. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . p.11 B - Lire sur un écran : c’est difficile !. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . p.11

Chapitre II Organiser l’information . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . p.14 A - Cartographier vos cibles . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . p.14 B - Élaborer un plan. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . p.14 1. Pourquoi visualiser l’architecture de son site ?. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

p.14

2. Quel logiciel utiliser pour construire l’architecture du site web de sa collectivité ?. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

p.15

3. Installer FreeMind . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

p.16

4. Lancer un brainstorming. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

p.16

C - Comment structurer votre site web ? . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . p.19 D - Passer en revue le contenu . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . p.20 E - Gérer un projet web . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . p.21 1. Lancer un brainstorming . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

p.22

2. Organiser votre projet. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

p.24

3. Suivre votre projet . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

p.26

4. Promouvoir votre projet. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

p.26

Chapitre III Structurer son texte. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . p.27 A - Inverser la pyramide ou la règle « 5 W + 2 H + G » . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . p.27 1. Qu’est-ce que la pyramide inversée ? . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

p.27

2. Appliquer les lois de proximité . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

p.27

3. Quelle est la porte d’entrée sur votre site ? . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

p.28

B - Découper en paragraphes. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . p.28 C - Mettre en forme . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . p.29 D - Accroître la lisibilité. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . p.29

A - Des messages courts. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . p.30 B - Toujours rester clair. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . p.32 C - Écrire avec soin. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . p.32 D - Pour des titres percutants. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . p.33 Sommaire

Écrire pour le web

Chapitre IV Écrire pour être lu. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . p.30

Chapitre V Les particularités de l’écriture web . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . p.37 A - Donner du sens aux liens hypertextes. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . p.37 1. Pourquoi utiliser des liens ?. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

p.37

2. Où placer les liens ?. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

p.37

3. Combien de liens ? . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

p.37

4. Les différents liens. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

p.37

5. Donner un titre . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

p.38

6. La présentation des liens . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

p.38

B - Être vu par Google : prendre en compte le référencement pour rédiger . . . . . . . . . . . . . . . . . . . . . . . . . . . p.38 1. Qu’est-ce que le PageRank ?. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

p.38

2. Mon site est-il indexé par Google ?. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

p.38

3. Faciliter l’accessibilité technique. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

p.39

4. Utiliser des mots-clés. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

p.40

5. Trouver de bons mots-clés . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

p.41

6. Placer intelligemment ses mots-clés. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

p.42

7. Posséder un bon PageRank, quels intérêts ? . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

p.42

8. Comment faire le lien ?. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

p.42

9. Demander à un ami webmaster !. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

p.42

10. On n’est jamais mieux servi que par soi-même ! . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

p.42

11. Google n’aime pas les tricheurs ! . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

p.43

12. Soumettre son site aux annuaires . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

p.43

Chapitre VI Écrire pour le web avec le mind mapping . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . p.44 A - Réfléchir avant d’écrire . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . p.44 B - Structurer vos écrits. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . p.44 C - Écrire votre article web directement dans un logiciel de mind mapping. . . . . . . . . . . . . . . . . . . . . . . . . p.46

Chapitre VII Écrire pour les réseaux sociaux . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . p.48 A - Rendre vos messages visuels. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . p.48 B - Rendre vivants vos écrits. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . p.49 1. Soyez expressifs !. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

p.49

2. Demandez de l’action !. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

p.50

3. Instaurez une relation de personne à personne. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

p.50

C - Parler des autres . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . p.50 D - Raccourcir les liens hypertextes. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . p.51 1. Les liens Bitly. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

p.51

2. Au nom de la ville . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

p.52

3. Liez vos messages grâce aux hashtags. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

p.52

E - Instaurer des rituels . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . p.53 F - Rediriger l’internaute vers votre site web . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . p.53

Écrire pour le web

G - Rubriquer. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . p.53

Sommaire

Chapitre VIII L’accessibilité de votre site web. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . p.54 A - Les obligations légales. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . p.54 B - L’avis d’un spécialiste. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . p.54 C - Penser « mobile ». . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . p.56 D - Comment éviter que votre site soit piraté ? . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . p.56

Chapitre IX Le blog territorial, une autre forme d’écriture web ?. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . p.57 A - Pourquoi ouvrir un blog territorial ? . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . p.57 B - Quelles plateformes choisir ? . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . p.58

Chapitre X Le wiki, une écriture à plusieurs mains . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . p.59

Partie 2 Vers une écriture multimédia Chapitre I Illustrer votre site. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . p.63 A - Insérer une image . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . p.63 1. (Re)découvrez Flickr. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

p.63

2. Comment insérer une image provenant de Flickr dans WordPress ? . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

p.63

B - Insérer une vidéo. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . p.65 1. Interview : la place de la caméra. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

p.65

2. Les services en ligne pour publier des vidéos (YouTube, Dailymotion, etc.) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

p.66

C - Insérer une carte. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . p.68 1. La cartographie payante . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

p.68

2. Insérer des cartes Google Maps. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

p.68

Chapitre II Publier vos documents. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . p.70 A - Le PDF à l’affiche sur votre site web . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . p.70 B - Insérer un PowerPoint . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . p.73

Chapitre III Fidéliser vos visiteurs. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . p.75 A - Garder le lien avec le RSS. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . p.75 B - Garder le contact avec la newsletter. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . p.75 p.76

2. Personnaliser votre correspondance . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

p.77

Écrire pour le web

1. Quelques notions à intégrer avant de se lancer. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

Sommaire

Chapitre IV Monte le son !. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . p.79 A - Ajouter du son . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . p.79 B - Proposer un podcast. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . p.79 1. Comment lire un podcast ? . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

p.79

2. Mettre en place un podcast sur son site. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

p.79

Chapitre V Dialoguer par messagerie instantanée. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . p.80

Partie 3 Promouvoir votre site web Chapitre I Investir les réseaux sociaux . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . p.83 A - Comment utiliser les réseaux sociaux pour promouvoir votre site ?. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . p.83 B - S’investir dans le microblogging avec Twitter. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . p.85

Chapitre II Analyser votre site. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . p.86 A - Pour quoi faire ?. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . p.86 B - Créer une campagne de suivi Analytics. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . p.88

Conclusion . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . p.91

Annexes Annexe I Les aspects juridiques d’un site Internet . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . p.95 Annexe II CMS ou système de gestion de contenu. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . p.102 Annexe III Surveiller la réputation de votre site . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . p.103

Glossaire . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . p.104

Écrire pour le web

Bibliographie . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . p.107

Sommaire

Introduction Le web évolue. Son contenu arrive désormais à maturité : avec l’âge, il grossit bien sûr, mais il change également. Pour s’en convaincre, il suffit de consulter les archives du web. Le site Archive.org, par exemple, représente une véritable machine à remonter dans le temps. Tentez l’expérience avec différents sites web : la SNCF, La Poste, mais aussi le site de votre organisation ou collectivité : vous serez surpris de voir comment le web a évolué au fil du temps. Les interfaces ont bien sûr changé, mais le contenu lui-même a évolué. L’écriture web est née non seulement sur la base d’études scientifiques concernant la lecture sur écran, mais aussi sur le support numérique lui-même qui offre une lecture hypertextuelle. Désormais, c’est l’internaute qui crée son propre chemin de connaissance, guidé dans sa quête par les rédacteurs web. Avec la révolution du web 2.0, l’internaute est toujours plus au cœur du web. Loin de constituer un simple effet marketing, le web 2.0 représente une véritable révolution qui place l’internaute au cœur du web. Le terme a été inventé en 2004 par Dale Dougherty de la société O’Reilly Media. Certes, le concept est ancien. Toutefois, il reste primordial. Il s’agit de passer d’une communication verticale à une communication horizontale. De nos jours, certaines collectivités ne l’ont toujours pas compris. Elles utilisent par exemple Facebook comme un simple panneau lumineux alors que les habitants viennent justement sur les réseaux sociaux pour dialoguer et trouver de l’humain. Le web 2.0 se caractérise par : - une meilleure ergonomie des interfaces ; - vers le « tout en ligne ». Du bureau à la bureautique, la plupart des applications proposent désormais une version en ligne : Google Docs pour la suite bureautique, par exemple ; - des possibilités de publication, de partage et de participation. De nombreuses plateformes en ligne proposent (le plus souvent gratuitement) de publier du contenu et de le partager : YouTube pour les vidéos, Flickr pour les photos, etc. ; - l’interactivité. De nouveaux outils permettent d’instaurer un véritable dialogue avec l’internaute : les commentaires des blogs, par exemple ; - l’incontournable effet communautaire. L’émergence des réseaux sociaux (Facebook, Viadeo, etc.) représente un fait majeur du web 2.0 ; - les flux RSS. Ils permettent de s’abonner à un site et recevoir les actualités de ce dernier sans avoir à se rendre à chaque fois sur ses pages.

Écrire pour le web

Ainsi, si le web évolue, son écriture change en parallèle. Découvrez comment écrire vraiment pour le web.

Introduction

Ă&#x2030;crire pour le web

Partie 1 Ă&#x2030;crire pour le web territorial

Partie 1

Chapitre I Lecture sur écran ou sur papier : quelles différences ? A - Écriture web versus écriture papier Diagramme de Venn : principales caractéristiques de l’écriture web versus écriture papier

B - Lire sur un écran : c’est difficile ! La lecture à l’écran serait 25 % plus lente que sur papier. Une étude Useit (http://www.useit.com/alertbox/percent-text-read.html) vient préciser ce phénomène : les lecteurs d’une page web ne lisent pas forcément moins vite, ils lisent moins. Le texte d’une page web doit donc être plus court que sur papier. [Certains experts du web avancent que la molette de la souris permettant de scroller (c’est-àdire faire défiler l’écran) change la donne. Personnellement, nous ne nous rangeons pas à cet avis. L’être humain suit bien souvent la loi du moindre effort.] En effet, l’étude indique qu’en moyenne les lecteurs d’une page web n’ont le temps de lire que 25 % du texte. Donc, moins la page comporte de texte, plus elle a de chances d’être lue en totalité. Bien que la lecture soit plus difficile sur une page web, le taux de lecture est souvent supérieur au papier. « Une étude menée par le professeur Lewenstein de l’université de Stanford, et dont les résultats ont été publiés en mai 2000, indique que les articles en ligne seraient lus à 75 %… contre 20 % à 25 % pour les articles imprimés (vis-à-vis desquels le lecteur est moins proactif). » Sur écran, la lecture s’oriente vers le scannage et repérage. Lire une page web s’apparente à une lecture en diagonale. En bref, une lecture zapping. La page doit donc être composée en conséquence. Le texte doit être aéré pour faciliter cette lecture spécifique.

Écrire pour le web

Sur une page web, des études d’« eye tracking » ont démontré que la lecture suivait la forme d’un F.

Partie 1

Source : http://www.useit.com/alertbox/reading_pattern.html

Source : http://www.slideshare.net/lucos/ecrire-pour-le-web-en-2010

Le site Miratech (http://www.miratech.fr), spécialisé dans les études d’« eye tracking », vient nuancer cette étude Nielsen. Pour lui, la lecture en F est valable uniquement pour une page constituée de texte formé de paragraphes distincts. Tout change lorsque la page est composée d’éléments multimédias.

Écrire pour le web

Le site Miratech revient également sur plusieurs fausses idées sur la lecture sur le web, et notamment sur le fait qu’une page Internet se lit de gauche à droite. Cette affirmation semble pourtant logique. En Occident, nous lisons de gauche à droite. Nous lisons bien de gauche à droite lorsque nous lisons un texte pour en comprendre le contenu. Or, sur Internet, comme nous l’avons vu, la lecture sur écran vise généralement l’écrémage, le scannage pour trouver une information. De plus, là encore, les éléments multimédias inclus dans la page bouleversent cette habitude de lire de gauche à droite.

Autre spécificité de la lecture sur écran : une ligne de flottaison existe : elle est constituée avec la partie de la page visible sur l’écran (sans avoir à utiliser la barre de défilement). Seuls vingt-deux des internautes lisent la page au-delà de cette limite (Source : http://www.slideshare.net/lucos/ ecrire-pour-le-web-en-2010).

Partie 1

Interview : Bruno Séguier Consultant Internet indépendant, Bruno Séguier est un spécialiste reconnu des projets web des collectivités et des organismes publics depuis plus de dix ans. Ancien publicitaire, il s’intéresse à Internet dès 1996, pour ses clients d’abord puis pour lui-même, avant de fonder et codiriger pendant huit ans une agence web qui deviendra leader en France sur la réalisation de sites spécialisés pour le secteur public. Bruno Séguier est intervenu sur plus de 150 projets web à ce jour. Lors de ses interventions d’assistance à maîtrise d’ouvrage auprès des collectivités pour les aider à définir leurs besoins et leur projet web, Bruno Séguier développe une approche conceptuelle basée sur la pertinence, l’utilisabilité et l’évolutivité du futur site Internet, en veillant particulièrement aux aspects ergonomiques et fonctionnels, à l’évolution rapide des usages et aux plus récentes recommandations concernant l’Internet public (accessibilité, gestion dynamique et collaborative de contenus, workflow, citoyenneté, téléprocédures…). Bruno Séguier est implanté dans le Sud-Ouest et intervient partout en France. E-mail : contact@brunoseguier.fr Web : www.brunoseguier.com

Que savons-nous de la lecture sur Internet ? La lecture sur Internet diffère fortement de celle habituellement pratiquée pour des textes imprimés : - les pages sur Internet ne sont pas réellement lues, elles sont « scannées ». La très large majorité des internautes (près de 80 %) balaie une page-écran du regard pour trouver un mot, une phrase, une information ; les internautes survolent ainsi les textes plus qu’ils ne les lisent, d’après les études d’« eye tracking » observant les mouvements du regard dans une page. Seuls 15 % environ des internautes lisent mot à mot ; - la résolution de l’écran ralentit la lecture. Un même texte publié sur Internet est lu 25 % plus lentement que sur un support papier. De ce fait, il est recommandé de rédiger des textes plus courts pour Internet ; - la lecture à l’écran, en diminuant la fréquence de battement des paupières (5x/minute), entraîne une fatigue de l’œil. Un long défilement de texte à l’écran peut même donner une certaine forme de nausée. En conséquence, les rédacteurs pour Internet doivent augmenter le plus possible la lisibilité d’une page pour faciliter la lecture et la compréhension des articles diffusés sur le site ; - la lecture sur Internet n’est pas linéaire, elle est « hyperspatiale ». Un lecteur sur Internet aura tendance à aller chercher une information précise et non à lire in extenso un article. Habitué aux liens hypertextes, l’internaute a pris le réflexe naturel de « sauter » d’un article à un autre, au gré des liens hypertextes qui lui sont proposés. Sur Internet, la lecture procède donc d’une logique en trois dimensions ou plutôt « hyperspatiale » ; il n’y a plus de début ni de fin, mais une suite d’association d’idées ou d’éléments informatifs complémentaires dans laquelle le lecteur internaute navigue à son gré, selon ses sujets d’intérêt. Écrire pour le « web » ou pour le « print » : quelles différences ? Les écrans d’ordinateurs standard ont une résolution de 72 dpi (dots per inch, points par pouce), alors qu’une page de magazine est imprimée, quant à elle, en 300 dpi. À cette différence de finesse se rajoute une vibration provoquée par la luminosité de l’écran. Voilà pourquoi un texte sur un écran d’ordinateur est plus difficile à lire, nécessite un plus grand effort pour les yeux et provoque une fatigue plus rapide. Les gens lisent plus lentement, comprennent moins bien, se souviennent moins bien, et agissent ou réagissent donc moins en conséquence aux informations publiées. Pour cette raison, les articles pour Internet doivent être plus courts. De manière générale, un texte web doit contenir deux fois moins de mots que pour un article imprimé.

Écrire pour le web

Alors que dans un journal imprimé la lecture est linéaire, en suivant un texte imprimé du début jusqu’à la fin, sur le web, la lecture est « hyperspatiale » ; comme seul Internet permet de lier les idées et les informations entre elles, un bon web-rédacteur saura tirer avantage de ce type de lecture en proposant des articles courts auxquels il ajoutera à bon escient différents liens vers d’autres articles, vers des fichiers et vers toutes autres informations complémentaires ou associables. Les articles seront ainsi concis mais très complets, et parfaitement adaptés à la lecture hyperspatiale et aux attentes des lecteurs internautes.

Partie 1

Chapitre II Organiser l’information A - Cartographier vos cibles Le plus souvent, une collectivité souhaite s’adresser à l’ensemble des habitants de son territoire. Elle prend donc les habitants de son territoire. Cette cible est trop large et donc trop généraliste. Pour adapter au mieux votre communication, vous devez segmenter votre cible. Prenons l’exemple d’un constructeur automobile. Il ne prend pas comme cible les automobilistes en général, il segmente sa cible (les familles, le célibataire etc.). Ainsi, une collectivité doit s’inspirer du marketing pour mieux communiquer. Pour cartographier vos cibles, vous pouvez là encore utiliser un logiciel de mind mapping. Dans un premier temps, notez toutes les cibles potentielles. Dans un second temps, regroupez ces cibles par catégories :

B - Élaborer un plan

Écrire pour le web

1. Pourquoi visualiser l’architecture de son site ?

Construire l’architecture de son site web est primordial pour : - t out nouveau projet web. Bien souvent, pour réaliser le site web d’une collectivité, l’équipe projet est constituée : * du service communication, * du service informatique, * des élus en charge de la communication et des nouvelles technologies de l’information. En raison de la présence de la multiplicité des membres, il faut pouvoir disposer : * d’une vue d’ensemble de l’architecture, * d’un outil souple pour composer et recomposer les éléments en fonction des interventions de chacun ; - un site existant. Cartographier l’architecture de son site permet non seulement de disposer d’une vue globale, mais aussi de se rendre compte, le cas échéant, des éventuelles parties disproportionnées.

Partie 1

Ce plan doit fournir une vision des points suivants : - structure des rubriques principales (ordre, nombre, libellés) ; - place des pages (nombre de clics de la page d’accueil) ; - libellés des pages.

2. Quel logiciel utiliser pour construire l’architecture du site web de sa collectivité ? Un site web contient une foule d’informations. Comme pour rédiger un document volumineux, un plan est élaboré : l’architecture de votre site. Cette cartographie peut se réaliser avec un traitement de texte (Word ou OpenWriter, par exemple). Dans ce cas, pensez à disposer votre page au format paysage. Toutefois, ces logiciels sont pour la plupart du temps mal adaptés pour cette tâche. Vous avez également la possibilité de détourner les tableurs classiques de leur finalité. En effet, une fois le quadrillage masqué, ils constituent des outils assez souples pour élaborer des schémas. Naturellement, vous pouvez également utiliser des logiciels spécialisés, par exemple Microsoft Visio. Toutefois, de nombreuses collectivités ne possèdent pas forcément des moyens d’investir dans de tels logiciels, surtout pour un besoin ponctuel. Heureusement, des solutions alternatives gratuites existent. Vous pouvez utiliser, par exemple, des logiciels : - de dessin : OpenOffice Draw (http://www.openoffice.org/product/draw.html) ; - destinés initialement à élaborer des cartes conceptuelles : * CmapTools (http://cmap.ihmc.us), *V ue (http://vue.tufts.edu/). Avec tous ces logiciels, vous visualiserez l’architecture de votre site sous la forme d’un organigramme. Les logiciels gratuits de mind mapping représentent également un moyen souple pour dessiner l’architecture de votre site. La carte heuristique permet de prendre de la hauteur, de connecter les éléments entre eux. Elle est parfaitement adaptée à la représentation du web qui n’est pas linéaire mais transversale. Qu’est-ce que la carte heuristique ? C’est une représentation graphique de l’information inventée par Tony Buzan. Elle se rencontre en anglais sous l’appellation mind map. Si vous ne disposez pas des droits d’administration nécessaires à l’installation de ces logiciels, vous pouvez utiliser des applications en ligne de : -m ind mapping : * Mindomo (www.mindomo.com), gratuit après inscription pour une utilisation de base. Les fonctions de partage sont, elles, payantes, * Mindmeister (www.mindmeister.com) ; - Webbing : * Bubbl.us (http://bubbl.us/). Pour illustrer notre exemple, nous utiliserons FreeMind, un logiciel libre et gratuit de mind mapping.

Nom

FreeMind

Site officiel

http://sourceforge.net/projects/freemind/

Adresse de téléchargement

http://sourceforge.net/projects/freemind/files/latest/download

Prix

Gratuit

Système d’exploitation

Mac/Windows/Linux

Partie 1

Écrire pour le web

Fiche technique

3. Installer FreeMind La version stable, à ce jour la 1.0, est à télécharger sur http://sourceforge.net/projects/freemind/

> Prise en main Pour

Faire

Sélectionner une branche

Survoler la branche avec votre souris (elle devient grisée)

Insérer une branche mère

Appuyer sur la touche « Inser » de votre clavier

Insérer une branche sœur

Appuyer sur la touche « Entrée » de votre clavier

Insérer un lien hypertexte

Sélectionner votre branche. Appuyer simultanément sur les touches « CTRL+K »

Insérer un commentaire

Cliquer sur les flèches situées en bas de l’écran

Insérer un nuage

Cliquer droit sur la branche. Choisir l’option « Insérer -> Nuage »

Couper puis coller une branche

Appuyer sur les touches « CTRL+X » puis sur « CTRL+V »

Déplacer une branche

Glisser-déposer la branche à l’aide de la souris

Renommer une branche

Double clic sur la branche ou appuyer sur la touche « F2 »

Supprimer une branche

Sélectionner la branche. Appuyer sur la touche « Suppr »

4. Lancer un brainstorming Dans un premier temps, organisez une réunion avec l’ensemble de l’équipe projet. Lancez un brainstorming sur la composition du site.

Écrire pour le web

Ne vous censurez pas. Notez toutes les idées de chacun sur la carte. Cette façon de faire stimule la créativité et engage chacun à participer.

Partie 1