Vous êtes sur la page 1sur 117

Ca ressemblait quoi un site web avant ?

A quoi doit ressembler un stratgie performante


aujourd'hui ?


En 20 ans quelques !hangements
majeurs"""

#$$% & 'ahoo (

#$$) & *oogle

#$$$ & lan!ement de l'A+,-

200% & .a!eboo/

2000 & 'outube 1 +ail2motion

2003 & 4witter



+992 millions
5ombre de sites web dans le monde en ao6t 20#%
+360 millions
nombre de sites web en septembre 20#2
sour!e & http&11news"net!raft"!om1ar!hives1!ategor21web7server7surve21

8tilisateurs d'internet dans le monde
Monde : 38 % ; Amrique du Nord : 84 % ; France : 82 %

9opulations !onne!tes
+ans le monde & 20 :ds
utilisent internet

En .ran!e &
%; millions d'internautes
23 millions de mobinautes
) millions de tablonautes
<= #00> en un an?
Ces populations se !onfondent
@n !onsulte internet sur ordi
tlphone tablette
> n 20!!" 6"# M in$ernau$es
consul$en$ un si$e d%in&o c'aque
(our )+!3% *ar ra**or$ + 20!0,

A partir de 200% volutions
majeures & rseauA so!iauA 1 plateformes
Baut dbit ouverture du web nouveauA
outils nouveauA besoins"""
bouleversements dans la pratique du web
et la !onsommation d'informations
C Diralit & trafi! potentiellement dmultipli
C ,our!es d'infos supplmentaires

'@848EE a!het par *oogle en 2003 <#ere vido?

9lateforme vido la plus populaire au monde

F2h de vidos !harges !haque minutes

-e site est devenu une sour!e majeure d'information

,elon 9ew entre 20## et 20#2 les vidos d'a!tu taient


les = re!her!hes sur #1; du temps

A!tuellement & F000h de news par jour

Didos a!tu & ;$> ralises par internautes G 0#> portent


le logo d'un mdia G 0> sont ralises par organisations G
0> sont non7identifies

'outube lan!e un !haHne ddie la prsidentielle 8,


https&11www"2outube"!om1user1ligue#fr

,@8ICE & http&11bit"l215Bh)ro

Jeb # web 2"0 web so!ial web nomade"""
-e .e/ c'an0e :

*u/lica$ion de con$enu

in$erac$ions" con$ri/u$ions"
*roduc$ion

a12nemen$ des rseau3 sociau3

*lurali$ des ou$ils )smar$*'ones" $a/le$$es,



4onsquences :

dmo!ratisation du web

dmo!ratisation du !ontenu

!hangement des !omportements



-e .e/ es$ au c5ur
des usa0es

Ke me divertis <musique vidos jeuA"""?

Ke !ommunique <rseauA so!iauA blogs"""?

K'a!hLte <eAplosion du e7!ommer!e?

Ke m'informe <re!h do!umentaires sites blogs radio


web tv"""?

6u%es$ ce que cela a c'an0
*our nous" (ournalis$es 7

-a presse n'a plus le monopole de l'info <blogs sites?

-'immdiatet de l'info s'est impose <sur le web M fluA


ra!tualisation?

-'info se N !onsomme O partout se partage se


!ommente <viralit trLs important fa!teur d'audien!e?

-es sour!es d'infos se sont multiplies <rseauA so!iauA


blogs !ommentaires?

4raitement organisation s!narisation sujets

-es ar!hives restent en ligne



-es .e/ es$ 0ou1ern *ar
l%in$ernau$e
> 89 :;4<A-






En plus des ra!tions postes sur
les sites d'a!tu il faut dsormais
!ompter ave! les rseauA so!iauA
Ivlation d'vnements tmoins
eAperts do!uments & ils sont une
mine pour les journalistes" Pls
fourmillent d'infos

,our!e & https&11twitter"!om1jQpinet1status13$00F2F20%0#;3F0%
-es =:" sources d%in&os :
quelques e3em*les marquan$s

!#>0!>2009
$.i$$er


02>0?>20!3
$.i$$er

http&11www"20minutes"fr1sport1football1#%%3)##720#%0$2#7liverpool7photo7detournee7mario7balotelli7fait7rire7twitter


Agression d'un jeune fille 5an!2
C Arti!le de -'Est Ipubli!ain
C Ieprise .ran!ePnfo"fr
C Ieprise sur :etro5ews

+es !omptes7rendus N live O <mat!h pro!Ls
vnements"""?

Pnfo lo!ale & un eAemple d!ortiqu
8'30 : 89: <groupe finlandais sp!ialis dans
l'industrie du papier" #%000 salaris dans #3 pa2s?
annon!e la vente d'une usine strasbourgeoise"
!!' : -a revue .ran!e graphique apprend
l'information puis rdige un arti!le sur !ette session"
Et tweet le lien" +ans le tweet il est mentionn
N strasbourg O"
!3' : 8n journaliste des +5A qui suit le mot7!l sur
4witter prvient le servi!e !o
@+! : -'info la 8ne des +5A"
-'info n'avait au!une !han!e d'Rtre !onnue de la rda!tion"
:Rme les s2ndi!ats n'taient pas au !ourant" *rS!e 4witter
les +5A ont fait un s!oop
,our!e & http&11www"pierrefran!e"!om1onestmal120##10$10#1surveiller7twitter7paie7parfois1

EAemple de @eanABierre Cu$'ion
eApatri franTais en ,2rie il N live tweet O sa vie +amas
Brsen$
comme
corres*ondan$ D

Avant & !ir!ulation verti!ale de l'info

,our!es U Kournaliste U -e!teurs


<mdiateur in!ontournable entre sour!es et
le!teurs?
Aujourd'hui & le journaliste n'a plus le monopole
de l'info

Kournalistes sour!es parmi d'autres pour les


le!teurs

-es (ournalis$es doi1en$ l%acce*$er
nouvelles so!ialibilits nouveauA !odes nouveauA outils
nouvelle !ulture
-%im*or$an$ n%es$ *lus de d$enir une
in&o mais de sa1oir la *ar$a0er

-e partage est la nouvelle mrito!ratie



+epuis #0 ans une <des?
rvolution<s? permanente<s?

-e web s'impose et !hange les !odes & mieuA
vaut don! savoir !omment Ta fon!tionne
=CA4E<;N E BF9-<4AE<;N
:F= - 89

+es brLves ou alertes A.9
+es news M #000 signes env"

+es arti!les de fond <200012000 signes?

A!tualisation de l'vnement en permanen!e

+es dossiers <regroupement d'arti!les?
*rer lVvnement
dans la dure
.IP,E +8 4E:9, @8 4P:E-P5E
EIEDE, 1 +:A
A-EI4E, ,:,
:PCI@E-@**P5*
,'54BW,E #000 ,"
IE4I@QCBI@5@-@*PE,
DP+E@1,@5
C@::E54" P54EI5A84E,
AI4PC-E +EDE-@99E
+PA9@IA:A ,@5@IE
,8KE4, .I@P+,
#EIE, P5.@*IA9BPE,
C@::E54APIE, P54EI5A84E,
+@,,PEI C@:9-E4
CBA8+
.I@P+

Force du .e/

+iversit de !ontenus ra!tualiss

9ossibilit de prolonger la le!ture

Pmmdiatet <fluA de l'information?

Pntera!tivit <!ommentaires rseauA so!iauA?

A!!Ls auA ar!hives <mmoire du web?

:iA7mdia <vidos sons infographies


do!uments pdf"""?


=di0er *our G$re
lu e$ 1u sur le .e/

C saveX7vous qui vous lit
sur le web ?

,ur le web il faut rpondre des attentes
distin!tes !ar deuA t2pes de N le!teurs O lisent
vos pages
> -es in$ernau$es
> -es mo$eurs de rec'erc'e
)MC=,

-es in$ernau$es : toujours presss
Xappent lVinformation passent d'un teAte un
autre" 9lus le papier est long plus la
stru!turation de votre !ontenu est primordiale
pour les intresser" ,!annabilit 1 ,ur7dition
des papiers
-es mo$eurs : ils lisent tout de A Y mais
!e ne sont que des ma!hines" Pls ne
!omprennent rien la posie" -'humour les
laissent froids" Pl faut les aider !omprendre
vos teAtes" :tadonnes

,E@ & sear!h engine
optimisation


sour!e & :diamtrie


Pl faut Rtre bien
rfren! sinon
votre !ontenu
n'eAiste pas"""
M invisible

+es diXaines de !ritLres dterminent la pla!e
de votre site 1 page web dans google" C'est le
job des rfren!eurs
Con!ernant la produ!tion de !ontenu plusieurs
lments sont prendre en !ompte par le
rda!teur pour que l'arti!le soit N vu O des :+I

Iespe!t des balises <ZtitleCZh#C Zh2C Zh;C
Zh%C Zh0C Zh3C ZstrongC"""?
8rl signifiante www"monsite"fr1!ategorie1titre < ne pas faire?
+finir des mots7!ls
-iens h2perteAtes dterminer
Ida!tion stru!ture et s!annabilit
,oigner les titres <301F0 signes maA"?
.raH!heur de l'information
8tiliser les rseauA so!iauA
5otorit du site d'infos
5otorit de l'auteur

-es balises sont la fois des points que google
!ontr[le pour anal2ser votre !ontenu et des
niveauA de titraille G h M heading

ZtitleC & le titre de votre page <sur quel t2pe de sujet se


positionne votre page = visites qualifies?

Zh#C & le titre de votre arti!le

ZstrongC ou Zh2C & une phrase pour prsenter le !ontenu


de l'arti!le U a!!ro!he

Zh;C & par eAemple intertitre

Zh%C & par eAemple signature

Zh0C Zh3C
ZtitleC est la plus importante puis Zh#C Zh2C Zh;C """ -es
niveauA de titraille sont d'importan!e d!roissante
,our!e & http&11www"2a/afer!i"!om1balises7h#7h21

A quoi Ha ser$ 7

A aider google anal2ser le !ontenu de votre page web

A amliorer la s!annabilit de votre !ontenu web


-e :+I anal2se ZtitleC puis Zh#C Zh2C et!""" ,i les groupes
de mots !orrespondent <rptition de l'information? Ta
parti!ipera l'amlioration du rfren!ement et votre !ontenu
sera plus fa!ilement mis en !orrespondan!e ave! les
re!her!hes des internautes
4oujours avoir une utilisation logique des balises & Zh#C Zh2C
Zh;C \ Zh#C Zh;C Zh2C


:ots7!ls

9our voir le !ode de la page
B4 : .irefoA C !trl = 8
MA4 : .irefoA C pomme = 8
http&11www"slate"fr1stor21F;)2$1poussettes7volees

EAemple ave! le C:, Jordpress
<do!" E]EICPCEQEA-P,E,?
C Aller sur tumblr"!om
C ,e loguer &
formationjournalisme^gmail"!om
;0ruedulouvre

C !ombien de temps restons7nous
en mo2enne sur une page web ?

4emps mo2en pass sur une page web
en .ran!e 4! sI
dans le monde 4? sI
sour!e & 5ielsen15etratings <*lobal indeA !hart? mars 200)

No$re com*or$emen$ sur le .e/

-%in$ernau$e Ja**eIII
!
2
;%0"""

=ec'erc'e > consomma$ion
> lec$ure ra*ide
4itre
A!!ro!he
9aragraphes
Pntertitres _
,ur7dition
de l'arti!le

-isi/ili$ mdiocre sur le .e/
,ur !ran on lit 2# % moins
vite que sur le papier

4%es$ *ourquoi la rdac$ion doi$ G$re $r2s
s$ruc$ure

Iespe!t des balises

Birar!hie de l'information <!riture journalistique?

E!riture !ourte !hap[ paragraphes s!annabilit

4itres informatifs utilisant des mots7!ls



80 %
lec$ure Ja**in0
20 %
lec$ure mo$ + mo$
Ka**in0
:cannin0 de la *a0e

Assis$er le lec$eur dans sa lec$ure


> :urAdi$ion

4itre !lair et !on!is

Chap[ & 2001200 signes maA"

8tilisation d'intertitres

,tru!ture en paragraphes donner du relief


au teAte squenTage pu!es <si besoin?

- E<E=




,ur le web on utilise le titre
informatif"
9ourquoi ?

+euA bonnes raisons d'utiliser
des titres informatifs
C *oogle 1 *oogle 5ews
C -es titres peuvent Rtre lus hors
!onteAte & le !as des fluA I,,
8n bon titre M sle!tion de mots7!ls pertinents

C 4itre pr!is et !on!is & F0 signes maAimum
C A!!ro!he de 200 signes maA"
C 4eAte pas trop long & #20072000 signes maA"
C AC48A-P,A4P@5 ((( IguliLrement re7titrer
ou re!hap[ter l'arti!le" 9our *oogle M mise
jour M pr!isions des infos
En fon!tion du pla!ement des arti!les on voit
!e qui fait de l'audien!e sur google news" -es
sujets N rares O peu pris en !ompte" Pl faut don!
rdiger sur un sujet suivi mais essa2er de
trouver un angle original pour se dmarquer de
la !on!urren!e"""

*oogle 5ews & les !ontraintes auAquelles se plier

Flu3 =:: : de + en + u$ilis
?0 si0nes
2#0 si0nes
.luA I,, & le titre est 0 fois plus lu que le teAte

8n homme N !om O neuf
8n palais rose bourbon
0 ans ferme
Eatho & la !oule verte
-e footoir
-'Espagne deuA euros en po!he
@8"""P
Earn out pour .ranTois Ea2rou
+ar! en !iel
Dertige de la vie
-'talon dans l'estoma!

-e !hap[ fait idalement 200
signes" ,on !ontenu rsume le
!ontenu de la page" Pl doit Rtre
a!!ro!heur pour retenir
lVattention
C le :+I est rassur sur le !ontenu
de l'arti!le et le rfren!ement de la
page sera meilleur
C l'internaute aura tout de suite
l'assuran!e d'Rtre sur un !ontenu qui
rpond sa demande
le c'a*L > l%accroc'e

Moo0le aime l%cri$ure (ournalis$ique
Moo0le aime l%cri$ure (ournalis$ique


-e teAte & # paragraphe M # ide <st2le dpR!he?
Elablablablablablablablablablablablablablabla
Elablablablablablablablablablablablablablabla
Elablablablablablablablablablablablablablabla
Elibliblibliblibliblibliblibliblibliblibliblibliblibliblibli
Elibliblibliblibliblibliblibliblibliblibliblibliblibliblibli
Elibliblibliblibliblibliblibliblibliblibliblibliblibliblibli
Elobloblobloblobloblobloblobloblobloblobloblo
Elobloblobloblobloblobloblobloblobloblobloblo
Elobloblobloblobloblobloblobloblobloblobloblo
EA & http&11www"liberation"fr1so!iete120#;10F1021le7nombre7de7sdf7a7augmente7de7007depuis7200#Q$#023F

:E:E, P5.@,
Nirarc'isa$ion" r*$i$ion" s$ruc$ura$ion

:Rmes infos dites diffremment
8tilisation d'eApressions pro!hes s2non2mes

E!rire !ourt ,=D=C G phrase sL!hes


E!rire simple mode a!tif G vo!abulaire fa!ile

E!rire juste et !on!is 2000 signes maA"




:canna/ili$

P54EI4P4IE
-P,4E
CP4A4P@5 E5 E]EI*8E
4AE-EA8

4emplate google news idal

C EditeX les arti!les pour google news
titre informatif U a!!ro!he U paragraphes 7 inter

C quoi servent les
mots7!ls ?
N /e2words O !ontent M footballligue#rennesstade
rennaiss2lvain armand

-es mo$sAcls &on$ corres*ondre
un con$enu + une rec'erc'e
-Voptimisation de votre !ontenu n!essite la dfinition
dVune liste de mots7!ls sur lesquels vous souhaiteX
vous positionner dans les moteurs de re!her!hes
Pls servent de points de repLres l'internaute qui
re!her!he du !ontenu sur le web
En fon!tion de ses rLgles de pertinen!e google fera
!orrespondre des ressour!es sus!eptibles
d'intresser l'internaute
-e journaliste doit ainsi dterminer les mots7!ls en
fon!tion du sujet trait voire de l'angle
C gnralement les plus souvent !its dans le papier" Pl sont
important pour la titraille
C il faut la fois Rtre pr!is et asseX large" `8P ? `8@P ? @8 ?

+finisseX les mots7!ls des arti!les

C quoi servent les liens
h2perteAtes ?
CliqueX i!i

Pls sont un mo2en de prolonger la le!ture"
*oogle aime les sites qui proposent
l'internaute davantage de !ontenus pertinents
C -E JEE E,4 @8DEI4
> -es liens amlioren$ le r&rencemen$ + la
&ois du si$e me$$eur e$ du si$e rce*$eur
C'est pourquoi il n'est pas inutile de rerouter
aussi vers du !ontenu de votre site <mais pas
seulement?


C ## liens dans le teAte
dont 2 vers d'autres
arti!les du site # vers le
site du ministLre de la
dfense ) vers les sites
de la presse trangLre"
8n peu trop F maA"
Eviter effet lab2rinthe
+euA N !oles O !o7eAistent & soit les liens sont pla!s dans le
!orps du teAte soit ils sont pla!s en pied"
-iens internes & promotion d'autres !ontenus de votre site
-iens eAternes & aide google mieuA !omprendre votre
!ontenu" Attention pas trop de liens eAternes sinon votre site
est !onsidr !omme un annuaire"""




EviteX les liens redondants donnant a!!Ls au


mRme !ontenu

9la!er le lien sur ;10 mots maA"

,i vous diteX votre lien Ta aide au


rfren!ement

Arti!les liens & retrouveX les liens pertinents
http&11www"ladepe!he"fr1arti!le120#%10$1##1#$%$0)07thomas7thevenoud7a7aussi7oublie7de7pa2er7son7/ine"html


C rdiger un arti!le sur la formation en
appliquant les rLgles pr!dentes et ajouteX
des liens pertinents

-%enric'issemen$
des ar$icles

9hotos

Didos

4weets

9df"""

-a &orce du .e/
O le ric' mdia
C .ormes varies de traitement de l'a!tualit
C -e!ture intera!tive de l'info
C I2thme plus d2namique
C +iffren!iation fa!e la !on!urren!e
EAemple de Iue)$ & http&11www"rue)$"!om1200)10#1#;1les7petites7televisions7veulent7briser7leurs7!haines

9rin!ipes gnrauA du ri!h mdia

-es lments multimdia ne sont pas redondants


entre euA et ave! le teAte

-'image <vido diaporama? rserve des sujets forts


visuellement auA do!uments l'eApertise auA
montages ave! un fort potentiel de viralisation <buXX?

9rvoir un teAte de !onteAtualisation <le = du


journaliste?
!3>02>09& -e cras' arien
de 9u&&alo
PEFC C 4A:
http&11tin2url"!om1p3qq$!
+!r2ptage
<#?
a
8n su(e$& le !rash du vol ;%0F
a
9lusieurs an0les&
-es faits
-Vintervention des pompiers
-es derniLres minutes de vol
+gSts sur le lieu du !rash <Xone dVhabitation?
9ortraits de vi!times
+erniers !hanges entre le pilote et le !ontr[le arien
+!r2ptage <2?
a
A c'aque an0le" un mdia :
-es faits& teAte
-es pompiers& diaporama
+erniLres min" du vol& infographie intera!tive
-e lieu du !rash & *ooglemap = ,treetview
9ortraits de vi!times& diaporama
+erniers !hanges & bande7son
+!r2ptage <;?

A c'aque mdia" une in$en$ion :


-es teAtes & !omprendre obje!tiver
-e diaporama & voir le lieu et lVa!tion de lVvnement
-Vinfographie intera!tive& rationnaliser N s!ientifique O
*ooglemap = ,treetview & situer lVvnement
-e diaporama des vi!times & lVhumanisation de la
!atastrophe

Eande7son& le ton lVmotion lVambian!e



-a vido N la vole O
EAemple t2pique la squen!e filme ave! son
smartphone" 4jrs se poser la question de sa
valeur informative" *are ne pas polluer son site
de vidos !reuses C bien 1 inutile


Comment intgrer une vido son
papier ?

Copier1!oller le !ode dans l'onglet
B4:- ou 4E]4E <selon le version J9?

4rouveX sur le net la bonne vido asso!ie auA
arti!les et intgreX7l au papier

,CIPE+ ou P,,88 & poster des pdf
en ligne
Pnsrer le pdf de la formation dans l'arti!le !rit
sur la formation

http&11www"F3a!tu"fr1plus7de7%007emplois7annon!es7sur7le7site7de7la7raffinerie7petroplus7pres7de7rouenQ)23301

Pnsrer un tweet
Copier1!oller
le !ode dans votre
C:,

+ans le papier sur ,tphanie Eeaudoin
retrouveX le tweet de la photo de la voleuse et
insreX7le dans le papier

-a !arte intera!tive
C google:aps permet de
golo!aliser l'info
C des pi!tos qui !ontiennent de
l'info
C possibilit tout moment
d'a!tualiser la !arte

C au pralable se !rer un !ompte google


CliqueX sur l'onglet N lien O puis N prvisualiser la !arte O
enfin !opier le !ode B4:-

n rsum

Avoir l'esprit que vous Rtes lu par internautes


et google

E!rire de maniLre !on!ise titrer N informatif O


et soigner l'dition de l'arti!le

4itre !hap[ paragraphes mots7!ls liens

9enser multimdia & vidos tweets do!uments


!artes et!"""