Ecrire sur le web

Rédiger sur le web Techniques d’écriture journalistique adaptées à la Toile Session animée par Martin BOHN www.2mots.fr

Ce qui change avec Internet 1- Media spĂŠcifique 2- Avantages et contraintes 3- Consommation web // lecture papier 4- Nouvel espace visuel 5- Ecriture hypertexte

Ce qui a changé avec Internet

Un nouveau rapport à l’espace planétaire

Ce qui a changé avec Internet

> Rapport au temps

#1- Immédiat

1 mn

Cf fichiers vidéos que les adolescents enregistrent avec leurs téléphones portables et diffusent sur youtube, dailymotion… (Happyslapping, freehugs, etc.)

Ce qui a changĂŠ avec Internet

> Rapport au temps

#2- diffusion en flux // pĂŠriodique

Pendant que vous dormez, votre site peut changer. (commentaires, liens, RSS)

Ce qui a changé avec Internet

> Mode d’indexation

e, u q i y t é e w h ab p l e a D r es c en c e Arbo re il néai

Bolée n

Index a Agrég tion par m ét ation hype adonnées rtexte

Ce qui a changĂŠ avec Internet

> Mode d’archivage

2006

1997

www.archive.org

Ce qui a changé avec Internet

> Demande de valeur ajoutée - Service, plaisir - Contenu - Transparence - Valeur d’usage

2mots.fr

www.

Ce qui a changé avec Internet : Concurrence > demande de valeur ajoutée

Public pressé, érudit - impatient, moins indulgent car parfois très averti

Public bavard - réagit chez vous ou ailleurs sur le web

Nouveau comportement éditorial :

réactif – simple – utile

www.2mots.fr

Ce qui a changé avec Internet : Concurrence > demande de valeur ajoutée Pour ce public, vous devez : être très réactif Une faute, erreur, rumeur, se multiplie dans le temps (cf veille sur le nom/marque dans Google) Offrir des services concrets nouveau territoire de communication sur lequel on renforce sa crédibilité et présente ses valeurs (identité Web, syndrome blogging).

Nouveau comportement éditorial :

réactif – simple – utile

www.2mots.fr

10

Ce qui a changé avec Internet

> Le support de lecture

L’écran Conséquences :

 le lecteur est mort, vive l’internaute ! Contraintes de lisibilité : Résolution écran: 72 dpi (magazine: au moins 300 dpi)  On lit 25 % moins vite sur un écran que sur papier  Zapping, lecture en diagonale, fenêtres multiples  fatigue visuelle + physique

Résultat : faire court !

Et puis réactif, simple, utile…

www.2mots.fr

Ce qui a changé avec Internet

> Le format

Portrait

Paysage

• Conséquences : 

Espace restreint

 hiérarchiser  Magazine, tabloïd, grand format > format unique

Modes de lecture d’un contenu multimédia Nous allons voir que le comportement du lecteur classique a disparu, pour un autre mode de consommation.

L’œil commande. Nous allons regarder comment.

2mots.fr

Les modes de lecture d’un contenu multimÊdia

> Recherche / Consommation

Ce qui a changé avec Internet Nouveau consommateur

Le lecteur s’est transformé en internaute : Il scrolle, scanne, zappe, défile, surfe, écoute, répond, corrige…

Internet révolutionne le mode de « lecture » Le texte peut : - bouger (flash, gif) - faire du bruit (podcast, wav, mp3) - habiller une vidéo - conduire à d’autres lectures hypertextes 2mots.fr

Un nouveau mode de lecture 1- consommation nouvelle 2- l’œil est attiré 3- règles nouvelles 4- chemin de l’œil dans la page

Les modes de lecture d’un contenu multimÊdia

> Recherche/consommation #2 Recherche

Consommation

Les modes de lecture d’un contenu multimédia

> Recherche/consommation #3

L'oeil est attiré (ou perturbé) par : - couleurs - contraste

> Ceux qui ont une vue faible ne peuvent lire les phrases clignotantes Les plus distraits ne peuvent suivre un texte perturbé par des animations  La concentration est plus difficile sur écran

2mots.fr

Règles d’or pour réussir le langage web

> Pour faire un bon site

1.Rapidité d'affichage 2.Sobriété 3.Présentation claire 4.Mise à jour fréquente, de qualité : dynamiser le site et fidéliser l’internaute

2mots.fr

Les modes de lecture d’un contenu multimédia

> Scanning / Reading > 79 % des internautes lisent en diagonales 16% lisent mot à mot

20

Les modes de lecture d’un contenu multimÊdia

> Textes contre images

Les modes de lecture d’un contenu multimédia

> Lecture en « F »

From Jakob Nielsen

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

Les modes de lecture d’un contenu multimédia

> Lecture en « F »

From Laurent Goffin

http://www.gwix.net/web_gwix/article.asp?filID=233

Les modes de lecture d’un contenu multimÊdia

> Les zones prioritaires

C’était : les modes de lecture d’un contenu multimédia Nous avons vu que le comportement de l’internaute n’est plus une lecture mais une consommation éparpillée et imprévisible Voyons maintenant quelques exemples sur le site 2mots.fr

Exemple de lecture multimédia Quel est le chemin de l’œil dans la page ?

2mots.fr

Exemple de lecture multimédia chemin de l’œil dans le texte

Quel chemin l’œil doit-il parcourir pour lire cette colonne?

2mots.fr

Ce 24 septembre 2007, Mr Marc Pircher, nouveau directeur du Centre spatial de Toulouse depuis le 1er Juillet 2007, rassemblait pour la première fois son personnel à la Cafétéria du CST dans le but de faire une réunion d’information générale.

Le directeur du Centre spatial de Toulouse, Marc Pircher, a dressé son constat sur le fonctionnement du centre et présenté la nouvelle organisation. Devant le personnel réuni dans la cafétéria, il a expliqué, le 24 septembre 2007…

Qualités et défauts de sites internet

Qualités spontanées

En langage technique

Techniques d’écriture

En langage d’enfant

Exercice: relevez les trois qualités principales d’un site internet Défauts

Martin BOHN

© 2mots.fr

30

Qualités et défauts de sites internet

Techniques d’écriture

Qualités principales relevées dans différents sites internet En langage technique En langage d’enfant Page claire et simple Facile d’y naviguer, le mode d’emploi du site est sympa Lisible et sobre Site complet, qualité des liens Bien illustré, graphisme attrayant Personnalisable, adressé à l’usager Je trouve l’info que je cherche, pertinente et bien traitée en iconographie, actualisé par les dépêches récentes

Navigable

Facile

Pertinent et complet

Riche

Esthétique et créatif

joli

Trop de pub, pollue la lecture en bougeant Temps de téléchargement trop long (pages lourdes) Page d’accueil trop longue, fouilli, difficile de se repérer Difficile à lire, fouilli, page hyper longue pour arriver en bas, il y a trop de choses, pas assez hiérarchisé Pas joli, photos de mauvaise qualité, ne racontent rien, couleurs froides Service technique inaccessible malgré mon insistance, sauf un numéro payant

Martin BOHN

© 2mots.fr

Les réponses FAQ sont ridicules et totalement incomplètes

31

Architecture de l’information hypertexte Comment se structure et s’analyse un texte sur Internet

2mots.fr

32

Architecture de l’information hypertexte

> Rubriquage du site 7 clés d’organisation du contenu : > Alphabétique (librairies en ligne, wikipédia) > Géographique (geoportail, Google earth) > Thématique (laredoute.fr) RUBRIQUAGE > Typologique (médical) pour structurer > Chronologique (informations, blog) le site > Orienté action (jeux) > Orienté audience (moteurs de recherche, référencement)

Architecture de l’information hypertexte

> Dans une page Avec les moteurs, le visiteur entre par n'importe quelle page (ex : google stats). Ces entrées de lecture sauvage dans les sites transforment chaque page en page d’accueil Contextualiser : donner des repères tout le long du texte pour situer (charte graphique, titraille, chapôs, illustration, cohérence…) Dater les publications et actualisations But: simplifier la compréhension en permanence.

2mots.fr

Architecture de l’information hypertexte

> Au niveau d’un texte

L’information essentielle  Tout article comporte un message essentiel (ou information essentielle)  L’information essentielle est unique  Sinon : plusieurs articles  Vous savez l’écrire, en cas d’urgence Elle tient en une phrase (5W) Exemple : Vous n’avez que 5 secondes pour dire à un ami que sa mère a eu un accident…

Méthode : résumez l’info par texto (ou par télégramme pour les plus anciens d’entre nous, qui ont connu le papier bleu)

Ecrire sur internet : l’axe principal

Techniques d’écriture

Ligne d’écriture: viser la clarté et la simplicité avant tout, sur internet Pour cela, nous avons les règles d’écriture journalistique. Nous allons voir comment elles fonctionnent à la base.

Qualités recherchées: Simplicité, clarté, rapidité de lecture

En langage technique Lisibilité

En langage d’enfant Je comprends tout Je lis vite

Martin BOHN

© 2mots.fr

36

Architecture de l’information hypertexte

> Au niveau d’un texte L’information essentielle est donnée immédiatement et plusieurs fois :

titre informatif chapeau ou « chapô » 1er paragraphe

Rubriquage supérieur visible pendant toute la navigation parties principales du site en têtière Colonne sous-menu & services

Texte (ventre de la page) Plan en pyramide inversée Le message essentiel va (5W) au départ

Le texte du : + neuf + important + proche

Qui, quoi, où, quand, comment, pourquoi

Approfondissement - encadré - téléchargts - illustrations - liens - dossiers - zoom…

au + général + ancien + explicatif

Pied de page : contact, plan du site…

2mots.fr

Particularités de l’édition web

La règle des 5W Who

What

Qui

Quoi

Where Où

When Quand

How Comment

+ Why + Pourquoi

Toute information essentielle, donc tout article doit comporter la réponse à ces 5 ou 6 questions

Particularités de l’édition web

Les 5 W, modèle dépêche Quoi ?

Quand ?

Où ?

Qui ?

MARSEILLE (Reuters) - Une baleine adulte de 17 tonnes est venue mourir mardi dans les bassins du Port autonome de Marseille (PAM) après avoir été vraisemblablement heurtée par l'étrave d'un bateau, a-t-on appris auprès de la commanderie du port.

Source

Comment ?

Pourquoi ?

Architecture de l’information hypertexte

Plan en pyramide inversée (exemple d’une dépêche d’agence) (AP) Dimanche 18 novembre 2007

Essentiel

Le titre informatif informe vite

+ Neuf + Important + Proche

Le chapô résume le texte. En deux ou trois lignes, phrases courtes, il donne les infos essentielles. Il informe plus que le titre, moins que le texte.

Le texte informatif permet d’informer en détail. Il répète l’information annoncée dans le titre, résumée dans le chapô (ou chapeau), en fournissant enfin les éléments concrets au lecteur. C’est donc l’indépendance des niveaux de lecture qui s’applique pour tout article : le titre peut se lire seul, le chapô également, le texte également. Rien n’oblige le lecteur à tout lire, ni à commencer comme vous le voudriez.

Détail

Ceci explique que l’information donnée au départ s’affine en avançant dans le corps du texte. A ce stade, le lecteur sincèrement intéressé veut trouver comment appliquer cette information à sa propre vie. Et par exemple, comment appliquer ces règles d’écriture.

(Suite)

+ loin (temps, faits) + détails + explicatif

Par Martin BOHN, www.2mots.fr

Architecture de l’information

Exemple de dépêche Essentiel

(AFP) Mardi 16 novembre 2005

MONTPELLIER –Une école maternelle dans l’Hérault endommagée par un incendie Un incendie « non accidentel » a endommagé dans la nuit de mardi à mercredi les locaux d’une école maternelle à Lunel (Hérault); a-t-on appris auprès du groupement de gendarmerie de Languedoc-Roussillon.

Cet incendie, « qui n’est pas accidentel » mais dont les causes restaient indéterminées, a pris vers 22h30 et endommagé des locaux qui ne sont pas des salles de class, ce qui devrait permettre à l’école de rouvrir lundi, a-t-on précisé.

Détails

La gendarmerie de la brigade territoriale de Lunel et la brigade de rapprochement et d’investigation judiciaire à Montpellier ont été chargées de l’enquête.

C’était l’architecture de l’information hypertexte Comment se structure et s’analyse un texte sur internet ?

Rubriques structurant le site, architecture de la synthèse au détail

43

hiérarchiser l’info

Techniques d’écriture

Hiérarchie : Ordonner le texte suivant, selon le plan en pyramide inversée (titre supprimé) HANOI (Reuters) Lundi 12 novembre, 09h09 a- Les provinces du centre du Viêtnam subissent depuis début octobre de violents orages et inondations qui ont tué plus de 200 personnes. b- Sept reptiles ont été abattus depuis leur fuite samedi et les autorités locales ont déployé des soldats pour les chasser. c- Plusieurs centaines de crocodiles se sont échappés de leur élevage dans la province viêtnamienne de Khanh Hoa, leurs enclos ayant été détruits par des inondations, annoncent les autorités. d- L'élevage abritait près de 5.000 crocodiles et a été frappé par une inondation soudaine durant le week-end.

Martin BOHN

© 2mots.fr

44

Architecture de l’information hypertexte

Exercice sur le titre (ex dépêche AFP)

Allons réaliser maintenant les exercices www.2mots.fr/stages

Les bonnes pratiques ĂŠditoriales sur le web

Les bonnes pratiques éditoriales sur le web

Trois principes d’écriture

Écrire : 

 court simple

concret

« Je sais que j’ai achevé mon texte quand je n’ai plus rien à y retrancher » Saint-Exupéry

2mots.fr

Les bonnes pratiques éditoriales sur le web

Taille d’un article web

Moins de trois pages écrans  1 écran = 1 feuillet (1500 signes espaces compris)

 Règle des 2 clics, 3 écrans (l’ennuyeux est toujours trop long, le passionnant… ) Marmiton.org Bmw.fr Servicepublic.fr mba-lyon.fr Rue89.com

2mots.fr

Les bonnes pratiques éditoriales sur le web

Rédaction Web (1) Mots courts (4-5 syllabes), concrets, adapté au public  Phrases courtes (1 seule idée, <13 mots, <100 s.)  Paragraphes courts (4-5 phrases, 300–400 s. max)  Un paragraphe = 1 thème  Paragraphes aérés (4-5 lignes)  Syntaxe simple  Français standard : Penser aux francophones  Mots-clés au début de l’article

Les bonnes pratiques éditoriales sur le web

Rédaction Web (2) : lu / vu  Écrire pour être LU  Lisibilité visuelle

• Niveaux de lecture • Convention d’édition et code typo • Gras, listes à puces, aération

 Lisibilité rédactionnelle

 Écrire pour être VU  Définition de mots-clés  Pages bien balisées  Une certaine redondance nécessaire

Les bonnes pratiques éditoriales sur le web

Aérer, donner du relief > Intertitres > Illustrations > Tableaux > Gras (éviter l’italique) > Mise en exergue (retrait, guillemet, fond de couleur,)

> Eviter la justification > Découper en paragraphes

Evitons la langue de bois ! (par pitié…)

Eliminez les pavés de texte indigeste

Les bonnes pratiques éditoriales sur le web

Aérer, donner du relief #2 Après La gamme d'écrans plats Numerik L'écran plat le plus compact au monde Si vous cherchez à utiliser un produit dernier cri occupant un minimum d'espace, la gamme d'écrans plats Numerik vous séduira à coup sûr.

Grâce à leur taille réduite, ces écrans ne pourront jamais encombrer votre espace de travail. Ergonomiques et esthétiques, ils sont tout désignés pour les foires commerciales, les réunions d'affaires et les conférences publiques; bref, un produit de rendement inégalé pour toutes les situations où l'économie d'espace et la qualité du design comptent. L'image nette et sans scintillement, jumelée à l'effet panoramique, procurent un confort d'utilisation optimal. Avec sa résolution de 1 3000 ppp et son poids de 1,2 Kg, l'écran plat Numerik supplante le produit équivalent de Hewlett-Packard (1 000 ppp, 3,4 Kg) ou celui de Dell (900 ppp, 5,6 Kg).

Détails.

Les bonnes pratiques éditoriales sur le web

Utiliser des mots forts Employer le mot juste Enrichir l’écriture

Eviter les pièges Traquer les erreurs et pièges courants Eviter l’écriture automatique, les expressions toutes faites et lieux communs Exercice 3 sur www.2mots.fr

53

Les bonnes pratiques éditoriales sur le web

Ecrire pour être « VU » (1)  Définir le titre du site avec vos mots-clés  Définir mots-clés principaux et secondaires  Définir les mots-clés des articles

54

Les bonnes pratiques éditoriales sur le web

Ecrire pour être « VU » (2)  Les mots-clés doivent figurer à tous les niveaux d’une page html

En particulier :  Dans le titre de page (balise “title”, 100 caractères maxi)  Eviter : « Bienvenue sur la page d’accueil de… »

ex: blog 55

Techniques d’écriture

Les 7 points du référencement web Pour favoriser naturellement le meilleur rang de sortie de votre site dans les résultats du moteur de recherche Google 1: pagerank (nb visites, rang des liens pointant vers le site, originalité du contenu…)

2: url (réflexion stratégique sur le nom du site, et url de chaque page) 3: hyperliens + infobulles (~5 liens par texte, qualité des liens amis…)

4: nombre d’itérations du mot dans le texte et dans le site 5: concurrence (rareté du mot) 6: place du mot (titre, chapô, texte, car. gras) 7: Mots-clés (post slug / metatags) Ces points recensent les principales caractéristiques mais ne peuvent résumer l’algorithme du principal moteur. Cet algorithme demeure hyper secret, et se modifie dans le temps.

Martin BOHN

© 2mots.fr

56

Techniques d’écriture / algorithme Google

L’algorithme Google s’étudie de manière empirique: 1 – adresse html 2 –têtière ou manchette de page 3 – baseline 4 – titres /intertitres, à commencer par les premiers mots, à gauche

Le texte informatif permet d’informer en détail, en donnant au départ le message-clé, selon la règle des 5W. Il répète l’information du titre, résumée en chapô (ou chapeau), et fournit les éléments concrets. Ainsi, l’indépendance des niveaux de lecture s’applique à tout article : le titre se lit seul, de même pour le chapô et le texte. Rien n’oblige le lecteur à commencer la lecture comme vous voudriez.

La dépêche d’agence suit un plan en pyramide inversée, du plus important au plus anecdotique. Ceci explique que l’information donnée au départ s’affine en avançant dans le corps du texte. A ce stade, le lecteur sincèrement intéressé veut trouver comment appliquer cette information à sa propre vie. Et par exemple, comment appliquer ces règles d’écriture.

Le style d’une dépêche d’agence est généralement peu littéraire, mais fonctionnel. Le principe étant que chaque rédaction réécrit ensuite la dépêche à sa guise, puisque les agences de presse écrivent pour les organes d’information, mais pas pour grandle public.

Le texte informatif permet d’informer en détail, en donnant auledépart message-clé, selon la règle des 5W. Il répète l’information du titre, résumée en chapô (ou chapeau), fournit lesde éléments concrets.

Ainsi, Si etl’attaque la dépêche donne l’indépendance des niveaux de lecture s’applique à tout articlesystématiquement : le titre se lit seul, de même pour le chapô message-clé, la et •Le texte informatif permet d’informer en détail, enledonnant le texte. Rien n’oblige le lecteur àau commencer la lecture comme vous voudriez. départ le message-clé, selon la est règle des 5W. Il répète chute facultative, et anecdotique.

La dépêche d’agence suit un planl’information en pyramidedu inversée, du plusen important auchapeau), plus anecdotique.

Ceci titre, résumée chapô (ou et Elle renvoie généralement un les éléments concrets.

Ainsi, desA cevers explique que l’information donnéefournit au départ s’affine en avançant dansl’indépendance le corps du texte. stade, le débat plus large, un contexte auquel niveaux de lecture s’applique à tout article : le titre se lit seul, lecteur sincèrement intéressé veut trouver comment appliquer cette information à sa propre vie. Et par de même pour le chapô et lel’événement texte. Rien n’oblige le lecteur à fait référence. exemple, comment appliquer ces règles d’écriture.

5 - chapô 6 – texte entier : prédominance pour les caractères en gras, les polices plus grandes, etc.

7- fréquentation 8- pagerank 9- liens entrant et sortant

Martin BOHN

commencer la lecture comme vous voudriez.

Le style d’une dépêche d’agence •La est généralement peu littéraire, mais Le principe dépêche d’agence suit un plan enfonctionnel. pyramide inversée, du étant que chaque rédaction réécrit ensuite la dépêche à saau guise, les agences de presse plus important plus puisque anecdotique.

Ceci explique que écrivent pour les l’information organes d’information, mais pas pour le grand donnée public. au départ s’affine en avançant dans le du texte. A celestade, le lecteurlasincèrement intéresséet anecdotique.

Si l’attaque de la dépêche donne corps systématiquement message-clé, chute est facultative, veut trouver comment appliquer cette information à sa propre Elle renvoie généralement vers unvie. débat plus large, uncomment contexteappliquer auquel l’événement référence.

Et par exemple, ces règles fait d’écriture.

•Le style d’une dépêche d’agence est généralement peu 57 littéraire, mais fonctionnel. Le principe étant que chaque rédaction réécrit ensuite la dépêche à sa guise, puisque les

© 2mots.fr

Référencement & visibilité

Les techniques de référencement restent l’affaire du webmaster.

En comprendre la logique peut harmoniser le travail d’équipe et valoriser la rédaction web.

Référencement & visibilité

> Les critères de référencement L’algorithme secret des moteurs de recherche analyse : > Contenu - fréquence des mots, titres…

> Noms de domaines, fichiers, répertoires > Les META & TITLE > Les liens entrants

Référencement & visibilité

critères de référencement L’algorithme calcule pour chaque page, un

Page rank

www.2mots.fr/stages

Techniques d’écriture / algorithme Google

Exercice pour le référencement naturel par l’algorithme Google 1 observez le principe de référencement dans l’adresse url des pages ou sur l’administration d’un blog 2 rédigez les mots-clés d’un sujet (post slug)

Martin BOHN

© 2mots.fr

61

Les bonnes pratiques éditoriales sur le web

Ecrire pour être « VU » (3) Les mots-clés doivent figurer à d’autres niveaux :  Description de la page html (“description”, 200 c. maxi)  Mots-clés de la page (Balise “Keywords”, 1000 c. maxi)  Texte visible (au moins 300 caractères)  Pratiquer la redondance des mots-clés (10 fois maxi)

 Textes alternatifs des éléments graphiques (Balise “alt”)

Note : penser à l’accès du site aux déficients physiques (10 à 20% des adultes subissent un handicap physique, auditif, visuel ou moteur).

62

Les bonnes pratiques éditoriales sur le web

Les formats web (1)  La brève Information non développée, comportant un seul paragraphe, avec ou sans titre

 La « news » ou l’article court Article concis, synthèse d’un sujet d’actualité

 Le dossier Ensemble d’articles connectés à un article central

63

Techniques d’écriture

Les genres journalistiques, catégories d’articles de presse Session animée par Martin BOHN

Martin BOHN

© 2mots.fr

64

Techniques d’écriture / genres journalistiques

Un « genre » journalistique, dans le jargon de la presse, désigne un type de papier que rédige le journaliste.

1 - dépêche d’agence 2 - interview 3 - reportage 4 - brève 5 - billet d’humeur 6 - portrait etc.

Le texte informatif permet d’informer en détail, en donnant au départ le message-clé, selon la règle des 5W. Il répète l’information du titre, résumée en chapô (ou chapeau), et fournit les éléments concrets. Ainsi, l’indépendance des niveaux de lecture s’applique à tout article : le titre se lit seul, de même pour le chapô et le texte. Rien n’oblige le lecteur à commencer la lecture comme vous voudriez.

La dépêche d’agence suit un plan en pyramide inversée, du plus important au plus anecdotique. Ceci explique Le texte informatif permet d’informer en détail, en que l’information donnée au départ donnant au départ le message-clé, selon la règle s’affine en avançant dans le corps du des 5W. Il répète l’information du titre, résumée en chapô (ou chapeau), et fournit les éléments texte. A ce stade, le lecteur concrets. Ainsi, l’indépendance des niveaux de sincèrement intéressé veut trouver lecture s’applique à tout article : le titre se lit seul, Le texte informatif permet enchapô détail, donnant départ comment appliquer cette information de d’informer même pour le et en le texte.

Rien au n’oblige le le message-clé, selon la règle des 5W. Il répète l’information du titre, résumée en chapô (ou chapeau), lecteur à commencer la lecture comme vouset fournit les éléments concrets. Ainsi, à sa propre vie. Et par exemple, l’indépendance des niveaux de lecture s’applique à tout article : le titre se lit seul, de même pour le chapô et le voudriez. comment appliquer ces règles La dépêche d’agence suit un plan en pyramide texte. Rien n’oblige le lecteur à commencer la lecture comme vous voudriez. d’écriture. inversée, du plus important au plus anecdotique.

•Le texte informatif permet d’informer en détail, en donnant au départ le message-clé, selon la La dépêche d’agence suit un plan en pyramide inversée, du plus important au plus anecdotique. Ceci explique explique que l’information donnée au départ règle 5W. Illerépète l’information du titre, résumée en chapô (ou chapeau), Le et fournit les style d’une dépêche d’agence est que l’information donnéeCeci au départ s’affine en avançant dans le corps du texte.

A des ce stade, lecteur s’affine en avançant dans le corps du texte. A ce éléments concrets. Ainsi, l’indépendance des niveaux de lecture s’applique à tout article : le généralement peu littéraire, mais sincèrement intéressé veut trouver comment appliquer cette information à satitre propre Et de parmême exemple, se litvie. seul, pour le chapô et le texte. Rien n’oblige le lecteur à commencer la stade, le lecteur sincèrement intéressé veut trouver comment appliquer ces comment règles d’écriture. lecture comme vous voudriez. fonctionnel. Le principe étant que appliquer cette information à sa propre Le style d’une dépêche d’agence est généralement peu littéraire, mais fonctionnel.

•La dépêche Le principe étantsuit queunchaque vie. Et par exemple, comment appliquer ces règles d’agence plan en pyramide inversée, du plus important auchaque plus rédaction réécrit ensuite la anecdotique.

Ceciles explique que l’information donnée au départ s’affine en avançant dans le rédaction réécrit ensuited’écriture. la dépêche à sa guise, puisque les agences de presse écrivent pour organes dépêche à sa guise, puisque les corps du texte.

A ce stade, le lecteur sincèrement intéressé veut trouver comment appliquer Le style d’information, mais pas pour le d’une granddépêche public. d’agence est généralement cette information à sa propre vie. Et par exemple, comment appliquer ces règles d’écriture. agences de presse écrivent pour les peu littéraire, mais fonctionnel. Le principe étant Si l’attaque de la dépêche donne systématiquement le message-clé, la chute•Le est facultative, et anecdotique. Elle style d’une dépêche d’agence est généralement peu littéraire, mais fonctionnel.

Le principe que chaque rédaction réécrit ensuite la dépêche à organes d’information, mais pas pour renvoie généralement vers un débat plusleslarge, un contexte référence. étantfait que chaque rédaction réécrit ensuite la dépêche à sa guise, puisque les agences de sa guise, puisque agences de presse auquel écrivent l’événement le grand public. presse écrivent pour les organes d’information, mais pas pour le grand public. pour les organes d’information, mais pas pour le deetla dépêche donne •Si l’attaque de la dépêche donne systématiquement le message-clé, la chute Si grand public. estl’attaque facultative, anecdotique. Elle renvoie généralement vers un débat plus large, un contexte systématiquement auquel Si l’attaque de la dépêche donne systématiquement le message-clé, la l’événement fait référence. le message-clé, la chute est facultative, et chute est facultative, et anecdotique. anecdotique. Elle renvoie généralement vers un Elle renvoie généralement vers un débat plus large, un contexte auquel l’événement fait référence. débat plus large, un contexte auquel l’événement fait référence.

Martin BOHN

© 2mots.fr

65

Techniques d’écriture / genres journalistiques / dépêche d’agence

Le titre informe à lui seul Le chapô, en jargon journalistique, est indépendant. Il résume l’idée maîtresse et se comprend seul. Quelques lignes, phrases courtes : il donne l’essentiel, les mots-clés, et surtout l’envie de lire. Il informe plus que le titre, moins que le texte.

(MB) Dimanche 18 novembre 2007 •Le texte d’un article informatif, de type «dépêche d’agence», permet d’informer en détail, en donnant au départ le message-clé, qu’on appelle message essentiel, selon la règle des 5W (Qui, quoi, où, quand, comment, pourquoi). Il répète l’information du titre, résumée en chapô (ou chapeau), et fournit les éléments concrets. Ainsi, l’indépendance des niveaux de lecture s’applique à tout article : le titre se lit seul, de même pour le chapô et le texte. Rien n’oblige le lecteur à commencer la lecture comme vous voudriez.

•La dépêche d’agence suit un plan en pyramide inversée, du plus important au plus anecdotique. Ceci explique que l’information donnée au départ s’affine en avançant dans le corps du texte. A ce stade, le lecteur sincèrement intéressé veut trouver comment appliquer cette information à sa propre vie. Et par exemple, comment appliquer ces règles d’écriture.

•Le style d’une dépêche d’agence est généralement peu littéraire, mais fonctionnel. Le principe étant que chaque rédaction réécrit ensuite la dépêche à sa guise, puisque les agences de presse écrivent pour les organes d’information, mais pas pour le grand public.

•Si l’attaque de la dépêche donne systématiquement le message-clé, la chute est facultative, et anecdotique. Elle renvoie généralement vers un débat plus large, un contexte auquel l’événement fait référence.

Martin BOHN

© 2mots.fr

66

Techniques d’écriture / genres journalistiques / interview

La citation « met de la vie » En chapô d’interview, les idées-phares, circonstances d’entretien : Voici l’événement, l’expert explique, le spécialiste tranche la polémique, le témoin raconte. Des questions simples, des réponses courtes, hyper lisibles.

•Comment lancer l’interview ?

•Poser la question principale d’emblée. Ce qui fait polémique, votre regard sur l’événement, votre témoignage sur le sujet.

Et cela d’autant que le chapô a campé le cadre et résumé la fonction de l’interviewé.

Ici, on ne s’impose pas la même indépendance des niveaux de lecture.

•On ne garde pas le meilleur pour la fin ?

•Jamais, en journalisme, le plus important est toujours au début. Parce que si votre lecteur n’est pas intéressé dès le départ, il quitte le texte. Et c’est encore plus vrai sur le web. L’internaute zappe en permanence.

•On différencie toujours questions et réponses ?

•Oui de manière simple. Question en gras, et réponse en corps de police maigre.

Martin BOHN

L’œil se repère merveilleusement dans ce séquencement d’écriture.

On réécrit l’interview ?

Bien sûr, l’ordre est remanié pour placer le plus important au départ. On peut réécrire tant que la pensée de l’interlocuteur est respectée. Les phrases sont souvent reformulées, les tics de langage nettoyés, etc. Si l’interviewé dit le mot « connerie », il ne souhaite pas forcément le voir imprimé.

On fait relire le texte avant publication ?

Si vous en avez l’envie, le temps, ou l’obligation.

© 2mots.fr

Propos recueillis par Martin BOHN, au fil des années d’enseignement

67

Techniques d’écriture / genres journalistiques / reportage

Le reportage, histoire de vie Sur le terrain, d’emblée, le reportage plonge dans une ambiance. Couleurs, odeurs, tension ou plaisir, les trois lignes du chapô de reportage donnent envie de lire.

Orléans, dimanche 18 novembre 2007

•Le gardien du château n’en revient pas. En trente années de bons et loyaux services, il n’avait jamais vu ça…

•Ici, on raconte une histoire. Mettez de l’ambiance, de la sensualité d’écriture (papier d’ambiance). L’intérêt réside dans le fait d’être sur place. Faites vivre.

•Reportage : collecte d’informations par un témoin. Il relate la scène, ce qui se passe autour. Le genre emprunte au témoignage personnel (éléments d’ambiance, exemples concrets, anecdotes). Il confie parfois au récit littéraire et nécessite du reporter des qualités diverses et contradictoires : fiabilité du récit, maîtrise des émotions et de la situation, capacité à prendre du recul pour garder la tête froide, aptitude à relater les événements fidèlement, sensibilité affinée sans tomber dans la sensiblerie, précision du regard.

•Prise de notes : Se poser, les 5 sens en éveil, détendu, concentré : captez les informations. C’est ce que vous percevez qui compte, vous êtes témoin, on s’en réfère à vos sensations, vos émotions. Il ne s’agit pas de flatter l’ego mais de se placer en récepteur, en membrane de tambour pour capter ce qui fait vibrer en ce lieu.

Martin BOHN © 2mots.fr

Rédaction : respecter l’usage : ne pas se mettre indûment en scène, éviter le « je » si possible.

Le sentiment, l’émotion que procurent l’endroit et les passants méritent d’être expliqués par des touches posées avec justesse, spontanées, un exemple sobre.

Donnez du détail, du concret. Faites vivre la scène à un lecteur qui serait aveugle, sourd, et privé de tous ses sens. Pour l’odorat, relisez Le Parfum de Patrick Süskind.

Mettez en scène : suivez les talons qui claquent avec nervosité sur le trottoir, cherchez d’où vient cette odeur de pain chaud, observez le regard furieux de ce clochard qui guette sa prochaine proie au coin de la rue… Et dites-nous ce que vous ressentez en peu de mots, sobres, nets. Une rue mélancolique, la joie trompeuse des magasins de mode, l’atmosphère lugubre de ce couloir de béton, l’œil vif de ce vieillard 68 tremblant…

Techniques d’écriture / genres journalistiques / brève

La brève est… brève Pas de chapô, pour une brève

•Création du parc naturel marin d'Iroise: 3500 km2 à la pointe Bretagne •(AFP, vendredi 29 juin 2007, 18h59) •Le Parc naturel de la mer d'Iroise dont la création de principe remonte à 1999 va enfin voir le jour à la pointe Bretagne et permettre une gestion affinée du site, réputé pour la diversité de sa flore et de sa faune.

Ex: rédiger une brève sur la base d’informations du jour

Martin BOHN

© 2mots.fr

69

Techniques d’écriture / genres journalistiques / portrait

Le portrait, histoire humaine Raconter l’humain, faire aimer l’autre, voilà le fondement du portrait.

Lever un coin de mystère, de confidence, d’intimité.

Orléans, dimanche 18 novembre 2007

•« Je connais par cœur ces couloirs », confie le gardien du château. Avec trente années de bons et loyaux services, il fait partie des murs. Tout le monde connaît son visage…

Rédaction : le sens du détail révélateur. L’adjectif bien senti qui résume la personne. Le tic qui en dit long. L’intonation de voix. Le regard spontané…

•Ici, on raconte une vie.

Martin BOHN

© 2mots.fr

70

Techniques d’écriture / genres journalistiques / cadavre exquis

Titrer avec le cadavre exquis Déclinable pour toute phrase-clé maison

villa

abri

Champ lexical écolo

vert

foyer Foyer écolo

Se mettre au vert Ma cabane au vert

Qu’elle est verte ma maison

Ardoise verte Hippies, tous aux abris

hippie

Les hippies au coin du feu

Le titre est lu, le texte pas forcément Le quart du temps d’écriture pour le titre Titrer, c’est un métier

Martin BOHN

© 2mots.fr

71

Techniques d’écriture / réflexes journalistiques / organiser l’information

L’information s’angle Angle journalistique : réponse à une question simple et précise Voir fiche pédagogique complète sur http://www.2mots.fr/stages/ code 007

•grande règle de rigueur du journalisme, un article = un angle.

•Ex : Ce médicament est-il dangereux ? Quels sont les enjeux de ce projet de loi ?

•Quelles sont les particularités professionnelles de cet artiste ? Comment ce patron a-t-il bâti sa fortune ?

•L’acte d’informer répond à la question : « Quoi de neuf ? » La rigueur journalistique ajoute un cadre précis, annoncé honnêtement dès le titre : « Quoi de neuf sur tel sujet ? » Voilà résumée la fonction du journaliste : transmettre une information - fiable, vérifiée, sourcée que le public ignore, selon un angle précis.

•Voilà pourquoi les articles du type « tout ce que vous avez toujours voulu savoir sur le sexe », sont forcément une arnaque. Rien de précis, racolage pur et simple. Se laisse avoir qui veut, avec ensuite le sentiment qu’on a dépensé son argent à tort.

Martin BOHN

© 2mots.fr

72

Techniques d’écriture / réflexes journalistiques / organiser l’information

Exercices sur l’angle Angle journalistique : réponse à une question simple et précise Voir fiche pédagogique complète sur http://www.2mots.fr/stages/

Dans l’actualité du jour, choisissez des angles pertinents.

Martin BOHN

© 2mots.fr

73

Techniques d’écriture

Règles d’écriture pour donner du plaisir à lire Savons-nous ce que nous échangeons par les mots ?

Martin BOHN

© 2mots.fr

74

Donner du plaisir à lire

Techniques d’écriture

Savons-nous ce que nous échangeons par les mots ?

Sensations : plaisir, douleur Émotions : joie, tristesse Idées : du registre de la mécanique mentale froide, calcul, prévision, planification, déduction, rouages logiques.

Les mots transportent un registre de ce panel, ce sont les postiers du corps, du cœur, de l’esprit. Comme si vous preniez un bloc d’émotions dans le ventre de quelqu’un et que vous essayiez de le transplanter dans le ventre d’une autre personne. Si c’était possible, faire cela de manière brutale et entière ne respecterait pas : - l’image que l’on veut donner de soi [filtre de la conscience / éducation] - les règles de communication sociale [morale / prudence] - les susceptibilité et délicatesse de l’interlocuteur [goûts / éthique / tempérament / humeur] Ce serait trop violent. D’où l’utilité des mots, qui passent par le filtre de la conscience, de la tempérance, des convenances.

Martin BOHN

© 2mots.fr

75

Donner du plaisir à lire

Techniques d’écriture

Rédiger avec le coeur donne un article passionnant La passion, le plaisir, se transmettent à l’écrit.

On parle bien de ce qu’on connaît.

On fait aimer ce qu’on aime.

Juste un peu d’exercice, c’est tout.

Une fois le texte écrit, il faut le… réécrire Martin BOHN

© 2mots.fr

76

Techniques d’écriture

Exercice d’écriture web Décliner l’information (dépêche d’agence) en page web (papier central 500 car. / angles d’éclairage / hyperliens / etc.)

1: réécrire en appliquant le ton web (phrases courtes, style concret…)

2: concevoir la page web 3: liens html + infobulles 4: réécrire le papier de 500 car. en phrases <10 mots.

Martin BOHN

© 2mots.fr

77

Règles d’or pour réussir le langage web

> Pour faire un bon site

relire pour chasser les fautes 

C'est sans doute pour ça qu'on les appelle des " disparus " !

http://mickou.alterlinks.fr

78

Règles d’or pour réussir le langage web > Pour faire un bon site

Se mettre dans la peau des différents lecteurs >Les réactions d’internautes aident à connaître leurs attentes. >Ainsi que les statistiques en ligne 

Ex : Google stats 79

Les bonnes pratiques éditoriales sur le web

> Soigner les micro-contenus

 Titre  Chapô  Texte

Portes ouvertes chez Eurotronics Le 3 février 2005, la jeune société iséroise vous fait visiter son laboratoire

CLIC

pour les articles longs : Chapô Sommaire Intertitres Hypertextes Illustrations

Portes ouvertes chez Eurotronics Leader des systèmes de vision, l’entreprise d’Echirolles organise une journée de démonstration. L’occasion de découvrir le contrôle qualité au guidage de robot, en passant par la lecture et la vérification optique.

TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE 80

Architecture de l’information hypertexte

> La logique dossier > Type « sommaire détaillé » LES RANDONNEES A PIED EN ANE DE BÂT Les chiffres-clés

Le principe

>65 loueurs d’ânes en France >2 fédérations de professionnels

Pendant une semaine, partez à la découverte de la nature avec un animal sympathique.

L’âne, mode d’emploi

Pour en savoir plus… > Fédération ânes et randonnées

Les conseils pour bâter correctement et organiser > Dossier randonnée sur > Salon de la randonnée> Les assurances à a sa randonnée sans stresser.

Les adresses de loueurs Toutes les coordonnées, région par région

Historique L’âne à travers les âges, ou histoire d’un incompris.

81

Architecture de l’information hypertexte

> La logique dossier Type « chapô + pistes» LES RANDONNEES A PIED EN ANE DE BÂT La randonnée en âne bâté est en plein essor.

Surfant sur la vague des sports de plein air, les professionnels se sont organisés en fédération et proposent de nombreux circuits partout en France.

Nous avons regroupé pour vous les ressources pour préparer ses vacances.

 Les chiffres-clés  Témoignages  L’âne, mode d’emploi  Les adresses  Les choses à savoir

Pour en savoir plus…

> Fédération ânes et randonnées > Dossier randonnée sur > Salon de la randonnée> Les assurances à av

TELECHARGEMENT -Guide rando PDF - Carte France des pros

Blogs de vacances -La famille Moulinot en âne (vidéo MPEG 1,Mo) 82

Les bonnes pratiques éditoriales sur le web

Ecrire multimédia > Photos: - recadrées sur détail - avec apport informatif - balises ALT et TITLE

> Son : podcasting > Vidéo (stream plutôt que download) Animation (plug-in: programme qui interagit avec un logiciel principal, appelé programme hôte, pour lui apporter de nouvelles fonctionnalités.

Le terme plugin étant un anglicisme, de nombreux termes français ont été proposés pour le remplacer : module externe, module enfichable, module d'extension, extension, greffon ou encore plugiciel (terme proposé par l’Office de la langue française du Québec en 1996).

Et surtout…Proposez des ressources complémentaires (ex: lemonde.fr)

83

Les bonnes pratiques éditoriales sur le web

Utiliser la beauté de la langue française > La rédaction web inclut de corriger les fautes (sinon, les lecteurs vous les signaleront)

Relire lettre à lettre (je grossis les caractères) 1- avoir sous le coude Petit Robert 1, Bled orthographe et Bescherelle conjugaison.

2- faire confiance à la correction humaine (solliciter une lecture extérieure)

Certains utilisent des http://lepatron.ca mais je l’ai testé : correcteurs automatiques… ça n’est pas fiable pour l’accord des participes

84

Les bonnes pratiques éditoriales sur le web

Ecrire hypertexte > Environ 3 liens par page > Couleur différente du texte > Intitulé très clair du lien en français > Pas de redondance > Au sein du texte plutôt que sur la droite > Indiquer si lien pas HTML (PDF, etc.) > Pop-up plutôt qu’ouverture dans la page (démonstration blank dans mon blog Wordpress) > où m’emmène ce lien pour me donner envie de quitter la lecture ? (+infobulle comme ci-dessous)

www.2mots.fr 85

Les bonnes pratiques éditoriales sur le web

Les liens  Pertinents :

 Rapport avec l’info principale  Une info supplémentaire  Permet de consulter une référence

 7 liens par page (mémoire à court terme)  Position des liens (contenu texte ou fin d’article)  Liens internes et liens externes  Couleurs des liens  Nouvelle fenêtre ?  Statut juridique 86

Les bonnes pratiques éditoriales sur le web

Mémento pédagogique Ton d’écriture assoupli (tutoiement, cultures mitoyennes, nivellement blog/sites pro, le niveau d’écriture baisse)

 Surfez et voyez ce qui vous plaît (styles, maquettes, liens, procédés d’attrait, vos propres modes de consommation en ligne)

« Pédagogie de la lettre d’amour »

www.2mots.fr 87

Les bonnes pratiques éditoriales sur le web

Mémento pédagogique #2 Affichage rapide, sobre et clair Mise à jour fréquente et de qualité Page légère : - page légère <50 Ko (surtout l’accueil) - alléger les images (nombre & taille, info > fun) - pas de fond sonore ni de gif animé (agitation permanente fait fuir l’internaute) - graphique unique pour toutes les pages (un seul chargement en mémoire cache) Pour éviter les erreurs d’affichage : - polices classiques (les "exotiques" peuvent n’être pas reconnues pas d'autres navigateurs), - couleurs du web (256 couleurs) - tester le site sous PC & MAC , Firefox & Internet Explorer (un script Java peut fonctionner sur un seul navigateur) - nom des pages sans accents, majuscules, ni espaces (risque http://erreur 404) - tester son site sur plusieurs tailles d'écran (affichages différents) - tableaux en taille relative (pourcentage de l’écran), plutôt qu'en nb de pixels Attrait - sujet nouveau - présentation originale

www.2mots.fr 88

C’était : Les bonnes pratiques éditoriales sur le web Nous avons examiné comment écrire pour être vu, et lu

Auto-ĂŠvaluer son site

90

Auto-évaluer son site

Les 5 axes qualité > Qualité de visibilité > Qualité de perception > Qualité technique > Qualité du contenu > Qualité des services http://www.temesis.com/publications/auto-evaluation/

Auto-évaluer son site

Les 4 volets qualité des contenus > Qualité de présentation > Qualité du style > Qualité de la structure > Qualité de fond http://www.redaction.be/exemples/grilledecontrolequalite_aout_05.htm

Savoie-Mont-Blanc.com

Valoriser le langage visuel Puissance photo et illustrations. La page « au bord de l’eau » devrait éclabousser. Or les vignettes photos sont plus petites que la carte. Pourquoi pas un portfolio ou un concours photo ?

Qualité du style (éviter : « Des vacances uniques qui laisseront un souvenir impérissable pour les petits et les grands ! ») De l’info, sobre, ou du style vraiment perso

Qualité de la structure (hiérarchie) Qualité de fond (information)

http://www.redaction.be/exemples/grilledecontrolequalite_aout_05.htm

Merci et bonne écriture sur le web  Martin BOHN

Techniques d’écriture

www.2mots.fr