Vous êtes sur la page 1sur 149

Sylvie Lecherbonnier

Journaliste et formatrice

Formatrice Journaliste
Formatrice pour SAMSA, j’interviens Journaliste depuis près de 20 ans, j’ai été
également en formation initiale à rédactrice en chef pendant six ans de deux sites
l’université de Strasbourg pour le CUEJ. web EducPros.fr et Letudiant.fr.
J’anime aussi des ateliers d’écriture pour la
Zep. Je suis journaliste-pigiste et formatrice depuis
Thèmes enseignés : septembre 2018. Je collabore notamment avec
- écriture web Le Monde, Challenges et Sciences et Avenir.
- réseaux sociaux
- fondamentaux du journalisme

Contact : sylvie.lecherbonnier@gmail.com - Twitter : @SyLecherbonnier - LinkedIn


● Connaître les pratiques “SEO friendly”
● Développer les angles et les formats web
● Enrichir l’édition des articles (embed, encadrés, citation)
● Favoriser la mise en valeur des articles et leur
“recirculation”
● Se préoccuper du rendu et de la lecture sur mobile











Prénom NOM

Le matin

L’après midi
https://huit.re/Lecho-web-b
ase
Notoriété

Recherche
Partage
La page d’accueil
Le rôle de la page
d’accueil s’estompe.

Beaucoup
d’internautes qui
fréquentent les sites
d’info ne passent
plus par la
homepage.
Une grande partie passe par Google

- Recherche Google
- Google News

Depuis une dizaine


d’année, l’algorithme
de Google a pris une
importance décisive
dans la diffusion.
Et si l’on essaye
de visualiser cela
en temps réel ?
Des nouveaux formats à suivre
Le Monde sur
Snapchat
Discover
Je ne l’ai jamais
rencontrée. Et finalement,
j’ai jamais su ce qu’elle
voulait Madame Michu .
[... ] elle n’est jamais où on
l’attend. Cela nous a
permis de traiter des
sujets auxquels on ne
croyait pas trop. [...] Un
peu comme si, nous
journalistes, étions
déconnectés des attentes
de nos lecteurs.
12 formats
d’info
identifiés par
la BBC
Sur le web, la hiérarchie s’efface
Tout le monde
peut prendre la
parole sur le web
(blogs) et les
réseaux sociaux
(Twitter).
Les journalistes et
les médias n’ont
plus le monopole
sur la hiérarchie
des contenus.
Vos internautes sont ingrats!
Mais vous leur demandez beaucoup d’efforts!

Ils ont beaucoup de sollicitations, mais peu de temps et donc,


peu d’attention.
> Parce qu’ils sont face à une offre très riche
> Parce qu’ils lisent principalement aux heures de bureau
> Parce que la lecture à l’écran est moins confortable et plus
fatigante que sur le papier
Penser au contexte
Ecrire sur le web permet d’employer de nombreux formats :
court, long, texte, photo, vidéo, son, carte, infographie…

Tout est possible !

Mais il est nécessaire de respecter certaines règles


en tenant compte du contexte dans lequel vous êtes lus.
L’audience de L’Echo

● 6,2 millions de pages vues par mois


● Plus de 2600 vues par article
● 60% consultations sur mobile
● 31% sur ordinateur
● 8% sur tablette
● Davantage d’abonnés numériques que
papier
Bilan
1) Vos lecteurs accèdent à vos contenus principalement via des
intermédiaires
2) Parmi ces intermédiaires, Google a un rôle central, mais tend à
être supplanté par les réseaux sociaux, notamment Facebook
3) Vos lecteurs sont sur-sollicités. Se démarquer pour être vu est
capital
4) Vos lecteurs vous lisent dans des conditions compliquées. Il
faut prendre cela en compte dans la construction de vos
contenus.
> Le titre
> Le chapô
> La photo et son nom
> La légende
> Les 400 premiers signes
> Les intertitres
> Les liens
Le mobile first modifie les habitudes de lecture :

- penser au découpage : intertitres /encadré


/citations
- penser à la longueur des titres /chapo
- attention à ne pas surcharger

et aussi
- le boom de la vidéo verticale
Les documents utiles

● la charte édition
● la charte article
● la charte ortho-typo

Login : admin
Mot de passe : multipass18
- l’édition papier
- le site internet consulté sur ordinateur
- le site internet consulté sur mobile
- les newletters
- les réseaux sociaux
- les push (breaking news)
Un bon titre est
- immédiatement compréhensible (sans ambiguïté même
en dehors de son contexte)
- composé avec les bons mots-clés (ceux que les
internautes recherchent quand ils sont intéressés par le
sujet)
- idéalement court (70 caractères max pour ne pas être
coupé dans Google)
- facile à partager sur les réseaux sociaux
- reflète la nature de l’article (enquête, reportage,
analyse, témoignage, interview, etc.)
Bon titre ou pas ?
Conseils pour un bon titre
Exercices (1/2)
Faire de ces titres print des titres web
Exercices (2/2)
Faire de ces titres print des titres web
- Il doit venir en complément du titre afin que les deux
éléments combinés fournissent au lecteur un maximum
de réponses aux 5W.

- Il faut penser au chapô comme un élément à mi-chemin


entre le résumé et le teaser. Les infos présentes dans le
chapô doivent obligatoirement êtres détaillées dans le
texte.

- Au-delà de 150 caractères il sera coupé dans Google.


- Aller sur le bac à sable
http://www.lebacasable.net/
http://www.lebacasable.net/entree
http://www.lebacasable.net/wp-admin/edit.php

- Exercice 1 et 2 - Trouver un titre et un chapo


http://www.lebacasable.net/lecho/1-trouver-un-titre-seo-chapo
http://www.lebacasable.net/lecho/2-titre-seo-et-chapo
Exercices

- Exercice 3 et 4 - Titre + intertitres


http://www.lebacasable.net/lecho/3-titre-intert
itres/
http://www.lebacasable.net/lecho/4-titre-intert
itres/
Exercices

- Donner trois tags aux articles des exos 1 et 2


http://www.lebacasable.net/lecho/1-trouver-un-titre-seo-chapo
http://www.lebacasable.net/lecho/2-titre-seo-et-chapo

- Exercices 5 et 6 : mettre des liens hypertexte


http://www.lebacasable.net/lecho/5-mettre-des-liens/
http://www.lebacasable.net/lecho/6-mettre-des-liens/
La photo… ET LA LEGENDE !

- Une photo au premier


degré. Elle n’est pas là
pour “faire joli” ou pour
faire une blague
(http://malaiseeniconogra
phie.tumblr.com/)

- Une légende au premier


degré.
On en remet une couche
sur l’info essentielle dans
la légende.
Le respect du droit à l’image
En Europe, le droit à l’image (vie privée) prime sur le droit à l’information. Aux
Etats-Unis, c’est l’inverse. Il faut donc respecter :

- la présomption d’innocence : montrer une personne entravée qui n’a pas


encore été jugée est passible de 15.000 euros d’amende en France par
exemple (et flouter les menottes ne suffit pas)

- la dignité des personnes : les SDF, les personnes malades, handicapées,


diminuées prises en photo sans leur consentement peuvent faire condamner
un média s’il est prouvé que la photo porte préjudice à leur image

- l’autorisation parentale écrite pour les mineurs, en faisant préciser le support


(web, print) et la durée d’utilisation (un numéro, à vie).
Il est interdit :
- de voler une photo sur Internet (risque de poursuites de l’auteur qui réclame
ses droits)

- d’utiliser des photos promotionnelles en dehors de l’événement pour lequel le


service presse vous les a données (inauguration, sortie cinéma, expo)

- d’utiliser une photo dont on a eu l’autorisation pour un autre sujet (donc


conserver les autorisations à l’image)

- de photographier une personne privée reconnaissable dans la rue. S’il s’agit


d’une manifestation, il faut prendre suffisamment de foule autour.
Il est autorisé :
- d’utiliser une photo envoyée par un internaute avec son
accord écrit par mail

- de faire une capture d’écran de sites web, suffisamment


large pour que l’on comprenne que c’est un site (raccourci
Mac : cmd+shift+4 ou extension de navigateur)
- de chercher une photo libre de droits (et gratuite) sur le
web à condition de respecter certaines conditions





Les captures d’écran de site

OUI NON
***Astuce*** : Faire une capture d’écran
Extension pour Firefox
https://addons.mozilla.org/fr/firefox/addon/awesome-screenshot-capture-/

Extension pour Chrome


https://chrome.google.com/webstore/detail/capture-webpage-screensh
o/mcbpblocgmgfnpjjppndjkmgjaogfceg?hl=fr
Droits d’auteur VS. libre de droits
1. Les droits d’auteur ©
Toute personne qui prend une photo possède une propriété
intellectuelle sur cette image. Si cette image est utilisée par un
média, le photographe doit percevoir des droits d’auteur
2. Le libre de droits - CC -
Un auteur peut choisir de renoncer à ses droits et libérer son
oeuvre de sa propriété intellectuelle. C’est souvent le cas des
ONG, des institutions, des festivals qui souhaitent mettre à
disposition des médias de belles images gratuites.
Les creative commons = les
images libres de droits
Il existe 6 licences. Pour un média, vous ne pouvez donc
prendre que les licences 1 et 3. Dans votre crédit, vous devez
écrire “CC - Nom de la personne”.
Les trouver :
Sur Wikimedia : http://commons.wikimedia.org/
Sur Flickr : www.flickr.com
Sur Google images : https://images.google.com/
https://search.creativecommons.org/
Chercher dans Google Images
3 1 2
Exercices

- Exercice 7 - Mettre photos (libres


de droit !) + légendes aux articles
des exercices 5 et 6
Exercice

- Exercice : éditer l’article 1 ou 2


avec intertitre / gras / liens / photo /
légende
- Avec des vidéos
Youtube, Dailymotion, cellule multimédia

- Avec des contenus existants sur le web


Embed Facebook, Twitter, Instagram

- Avec du contenu “fait maison”


Google maps, infogram, timeline JS, DataWrapper...

L’Echo le fait déjà lors des conférences de presse notamment pour


alimenter un live ou un article news : photos prisent aux smartphones ou
envoient de doc (rapports, notes de gouvernement, via Slack) ou
réutilisation des tweets du journalistes dans ces mêmes articles. On
utilise Scribd. exemple : le live







Intégration sur Youtube

Bouton
“Partager”
Intégration sur Youtube

Bouton
“Intégrer”

ou

Bouton
copier
Intégration sur Youtube

Code
embed
Intégration sur Dailymotion

1. Aller sur
l’icône
“partager”

2. Cliquer sur “vidéo intégrée”

3. Copier le code
Intégration sur Facebook

1
2
Intégration sur Facebook

Attention : le statut en question doit être ouvert au public


(petite terre à côté de la date du post)
Intégration sur Twitter
Intégration depuis Twitter

Si un tweet fait partie d'une discussion (comme


dans cet exemple), vous avez la possibilité de ne
garder qu'un seul tweet, en cochant "hide
conversation".
Intégration sur Instagram
Intégration sur Soundcloud
1

3
Exercice
Exercice 8 - Reprendre tous les articles du bac à
sable

- Trouver un contenu différent pour chacun de


vos articles et le code d’intégration qui va
- Ajouter une citation à chaque fois





Les graphiques simples

Outil : infogr.am
Les graphiques interactifs

http://cf.datawrapper.de/8ICj0/2/ Outil : datawrapper.de


Les infographies
illustrées

Outil : PiktoChart.com
http://france3-regions.francetvinfo.fr/lorraine/2015/03/01/elections-d
epartementales-en-lorraine-ce-que-vous-devez-savoir-665231.html
Les infographies illustrées

Outil : Easel.ly

http://www.easel.ly/create/?id=https://s3.amazonaws.com/easel.ly/all_themes/vhe
mes/oil/&key=pub
La frise chronologique interactive

Outil : timeline.knightlab.com/
Les cartes interactives

Outil :
https://storymap.kni
ghtlab.com/

http://apps.washingtonpost.com/g/page/world/map-how-isis-is-carving-out-a-new-country/1095/
Les cartes interactives

Outil : My maps
(Google maps)

France Bleu Lille


Insérer un pdf avec Scribd
https://fr.scribd.com/upload-document

1
La marche à suivre après avoir créé un
compte

1. Télécharger un document
2. Lui donner titre et descriptif
3. Prendre le code d’intégration

2 3
Quel format pour
quelle info ?






cf. charte article


- La faillite Thomas Cook en 10 questions
Ce que les dirigeants ont dit devant l'Assemblée générale de l'ONU
Faciliter la circulation de l’info

- Respecter les temps de l’info : breaking news,


réaction, analyse, “retour sur”, rétrospective…
- Feuilletonner l’actu
- Décliner l’info selon les supports (L’Echo / Mon
argent par exemple)
- Penser aux multiples canaux de diffusion (print, web,
newsletters, réseaux sociaux)
Les formats multimédias de l’Echo
https://multimedia.lecho.be/portfolio/

Le Live
Exercice
- Trouver des angles L’Echo / Les Marchés / Mon Argent / Sabato
pour :
Affaire Nethys / la faillite de Thomas Cook

- Exercice 9 - Ecrire dans le bac à sable un papier de liens sur


vos sujets en mode “5 choses à savoir sur…” “ X en 5
questions”
http://www.lebacasable.net/wp-admin/








Le site Tweetdeck permet de :

- gérer plusieurs comptes Twitter en même temps, sans avoir à


se déconnecter

- créer une colonne par recherche qui s’actualise en temps réel

- visualiser d’un coup d’oeil plusieurs utilisateurs/listes

- programmer la publication de tweets


- 280 caractères maximum
- la mention (@) pour identifier un compte
- le hashtag (#) pour créer un mot clé
- le retweet (RT) pour repartager un tweet
- le favori (coeur) pour montrer qu’on aime ou mettre de côté
- le message privé (MP / DM) pour échanger en privé
Qu’est-ce qu’un bon tweet ?
Un bon tweet est un
tweet lisible : un à trois
hashtags max
éviter de mélanger les
mentions @ et les
hashtags #
une photo (card
“maison” : Cijfermaker /
Cardmaker)
Animer un compte Twitter
Cliquer sur le bouton
avec une plume en
haut à droite. Vous
avez 280 caractères
(sans compter photos,
liens, vidéos, GIF).
Vous pouvez
éventuellement activer
la géolocalisation.
Animer un compte Twitter
L’intérêt d’un tweet est de donner un lien vers un article
intéressant. Deux possibilités pour ajouter le lien :

1. Trouver le lien à partager et copier son url. Créer un


tweet, rédiger une accroche et coller l’url qui se
raccourcit automatiquement.

2. Utiliser le bouton de partage proposé dans chaque


article. Modifier au besoin l’accroche pour ajouter des
#hashtags ou des @ (mais pas de photo!)
Animer un compte Twitter
Les tweets contenant une photo sont deux fois plus partagés que
la moyenne. Pour ajouter une photo, trois possibilités :

1. Sur ordinateur, composer le tweet, ajouter un lien, puis cliquer


sur l’icône appareil photo et choisir une image parmi ses
fichiers. La photo ne décompte plus de caractères.
2. Sur ordinateur, utiliser Twitshot (ou son extension sur Chrome)
3. Sur smartphone, prendre une photo et la partager depuis
l’application Twitter en ajoutant un commentaire.
Animer un compte Twitter
Trois possibilités :

1. La vidéo est sur Youtube ou Dailymotion. Copier son lien vers dans un
tweet et rédiger une accroche, ou utiliser les boutons de partage prévus
sous la vidéo.
2. La vidéo est sur votre ordi. Composer un nouveau tweet, cliquer sur
l’appareil photo, sélectionner une vidéo (forcément en mp4) et choisir un
passage de 20 secondes.
3. Sur smartphone, dans l’application Twitter, cliquer sur le bouton appareil
photo, puis basculer en mode caméra. La vidéo filmée sera publiée
instantanément.
Animer un compte Twitter

Un ajout de tweets les


uns aux autres pour
dérouler une histoire.
● annoncer le thread
● ajouter les tweets
Exercice

- Tweeter vos 3 derniers papiers

- Résumer un article que vous venez de lire


en un thread
Facebook : à quoi ça sert?

Partager des points de vue sur un sujet


Facebook : le vocabulaire
Distinguer :
- le fil d’actualité / le mur (bouton accueil) : les publications de
vos amis et des pages que vous suivez
- votre journal / votre profil : vos publications
- les statuts / les publications : un texte, une photo, une vidéo,
un lien...
- les messages privés
- les notifications
- les événements
L’algorithme du fil d’actu
Facebook n’affiche qu'une petite partie de ce
que publient vos amis en fonction d’un
algorithme opaque, qui privilégie les
publications les plus populaires.

Il est possible d’afficher le fil d’actualité selon


les publications “les plus récentes”.

Un article pour comprendre l’algorithme de


Facebook.
Facebook : la confidentialité
Les statuts peuvent avoir plusieurs niveaux
de confidentialité :
- En public, votre statut est visible par
tout le monde.
- Ouvert à vos amis, il n’est pas trouvable
dans la recherche pas hashtag.
- Avec la fonction “personnalisé”, vous
pouvez moduler qui voit votre statut
parmi vos amis, à condition d’avoir
constitué des listes.
Facebook : l’engagement
1. aimer
2. commenter
3. partager
> partager maintenant
> partager… (permet d’ajouter une accroche au-dessus)
> sur votre journal
> sur le journal d’un ami
> dans un groupe
> dans une page que vous gérez
Facebook : partager un lien

- Trouvez l’url à partager et copiez là dans la fenêtre de statut


- L’article se charge sous la fenêtre : vous pouvez maintenant
supprimer l’url de l’accroche (plus propre)
- Rédigez l’accroche en une ou deux phrases

- Publiez de suite ou programmez-le pour plus tard


Facebook : publier un statut

- Une fois publié, le statut peut être supprimé, modifié, épinglé


en haut de la page (petit menu caché en haut à droite de la
publication).

- Une fois le statut programmé, un encadré en haut de la page


vous indique que vous avez une ou plusieurs publications
programmée(s). En cliquant sur “voir les publications”, vous
pouvez les reprogrammer, modifier ou supprimer.
Facebook : ajouter un visuel
Un statut qui contient un visuel (photo, vidéo) est beaucoup plus
vu et donne plus envie.

- Cliquez sur “ajouter une photo / vidéo”


- Sélectionnez un ou plusieurs fichiers
- Ils se chargent dans le statut
- Rédigez une accroche
- Pensez à créditer les images et à les rassembler ensuite dans
un album si besoin
Facebook : le choix du visuel

Facebook peut
suspendre un compte
ou une page qui ne
respecte pas sa
charte des images.
Exemple au Monde.fr
avec une image de
sein illustrant un sujet
sur la
mammographie.
LinkedIn, le réseau professionnel
- Le réseau des entreprises /business

- Rentrer en contact avec des professionnels

- Animer des groupes et des communautés

- Partager ses articles et les faire vivre


Instagram
Instagram est une application https://www.instagram.com/lecho.be/?hl=fr
mobile pour partager des photos
et des vidéos sur un micro réseau
social.

Elle est disponible sur IOS et


Android.

Concrètement, on prend une


photo, on la recadre en carré, on
lui applique un filtre et on la publie.
Les intérêts d’Instagram
- toucher une audience - Lancé en 2010 (racheté par
plus jeune qui n’est Facebook en 2012)
pas sur Twitter ou FB - Plus d’un milliard de membres
- 70 millions de photos partagées
- valoriser les belles chaque jour
images réalisées - 2,5 milliards de « J’aime » / jour
- 70% des membres français se
- montrer les coulisses
des reportages connectent au moins une fois
par jour
Les stories, un nouveau format à explorer

- sur facebook / Instagram


- s’adapte aux codes des réseaux sociaux
- une nouvelle manière de scénariser l’info
- met en valeur le format vertical

A lire :
Les stories, format encore sous-exploité par les médias ?
(Métamédia - février 2019)
- Lancée en 2011, SnapChat est une application pour mobile
qui permet de partager des photos, des vidéos ou des
magazines éphémères. On peut aussi y chatter.

- 188 millions d’utilisateurs actifs quotidiens, dont 71% ont


moins de 25 ans. Source

- Snapchat : bientôt un onglet 100% dédié à l’actualité ? (Le


Siècle digital)
SnapChat

Un objectif : toucher “la génération d’après”


SnapChat Discover

Lancé en janvier 2015, Snapchat


Discover est une fonctionnalité qui
permet à des médias de publier des
sujets d’une durée de vie de 24h.

Exemple Le Monde
SnapChat en Belgique
10 questions à se poser
avant de publier un papier sur le web

● Le format choisi est-il le plus adapté à mon sujet et à mon angle ?


● Le titre est-il sans ambiguïté et apporte-t-il une promesse éditoriale claire ?
● L'article répond-il à cette promesse éditoriale ?
● Les questions clés sont-elles rapidement traitées (Qui ? Quoi ? Quand ? Où ? Pourquoi ?)
● Les principaux mots-clés figurent-ils dans le titre/chapo/400 premiers signes ?
● Tous les éléments indispensables figurent-ils dedans (liens, intertitres) ?
● Est-ce que j’ai mis les bons tags ?
● L'article mérite-t-il d'être enrichi avec un élément multimédia ?
● Est-ce le bon moment pour publier ?
● Après publication, l'article s'affiche-t-il correctement sur tous les supports (desktop et mobile) ?
● Comment je le mets en valeur sur les réseaux sociaux ?
Exercice

Exercice 10 - Éditer un papier de A à Z


http://www.lebacasable.net/lecho/10-editer-un-papier-de-a-a-z/
https://huit.re/Lecho-web-b
ase
http://bit.ly/evaluation-echo
07 61 45 60 25