More Related Content
Similar to comment bien ecrire pour le web (20)
comment bien ecrire pour le web
- 2. Vers%qui%?
Enjeux'! objectifs
1. BRANDING:) « stand »"virtuel"! référencement
! Notoriété'.'Être'trouvé'(‘remplace'pages'jaunes’)
! Ex:$www.tecteo.be
2. ATTIRER&:&Audience&! générer&du&trafic
! ROI:%1)%Recettes%de%publicité
! 2)#Recettes#de#revente#de#données#
! Ex:$www.skynet.be," www.lavenir.net
3. CONVAINCRE) :)inciter'au'clic'! convaincre)!
convertir)en)vente
! ROI:%Marge%commerciale
! Ex:$www.vandenborre.be
retis&&&&
www.retis.be
Contenu'et'écriture'web'! (c)$D.$JACOB$(2016)
Qui$est$mon$commanditaire$?
1. Au#service#d’une#société
2. Au#service#d’une#marque
3. Au#service#d’une#cause#/#de#la#chose#publique
4. Autour&d’un&média,&d’un&événement,&d’une&
œuvre
retis&&&&
www.retis.be
Contenu'et'écriture'web'! (c)$D.$JACOB$(2016)
- 3. Où?$
Supports(numériques
1. Sites&web
! Présentation+de+la+société+et+de+ses+activités
! Actualités
! E!commerce&:&Fiches&produits
2. Blogs
! Billets
!Atouts:'livrer'des'avis,'traiter'l’actualité
+"possibilité"de"commentaires"des"internautes
3. Réseaux(sociaux
! (voir&formation&spécifique&« communiquer*sur*les*RS »)
retis&&&&
www.retis.be
Contenu'et'écriture'web'! (c)$D.$JACOB$(2016)
Particularités+de+la
communication)en)ligne)2.0
• Quasi&synchrone
! Temps&réel
• Amplification,de,l’audience
! Bouche'à'oreille
• Amplification,de,la,visibilité,et,de,la,vitesse,:,
! ce#sont#les#membres#de#la#communauté#qui#relayent#
• Amplification…-du-bruit
retis&&&&
www.retis.be
Contenu'et'écriture'web'! (c)$D.$JACOB$(2016)
- 5. Particularités+! Adaptations
• Taille&réduite&de&la&fenêtre&de&lecture&
(écran'! tablette&! smartphone)
! Découpage*du*contenu*en*rectangles*correspondant*à*la*taille*
de#l’écran
! Proscrire(les(ascenseurs(horizontaux(et(limiter(la(nécessité(de(
scroller'verticalement'! Limiter'le'nombre'de'rectangles'(!
Concision)(+(nécessité(de(mettre(le(contenu(clé(dans(le(1e
rectangle
! Bouton&« call$to$action »"avant"la"zone"de"flottaison"
! Plateforme*adaptée*au*« responsive)design »
retis&&&&
www.retis.be
Contenu'et'écriture'web'! (c)$D.$JACOB$(2016)
Particularités+! Adaptations
• Lisibilité(sur(écran(plus(pénible(
(l’internaute+lit+en+diagonale+et+scanne l’écran)
! Typographie:,Police,de,caractère,adaptée,,« sans$sherif »"de"min"
14pts.
! Forts&contrastes
! Utiliser(avec(doigté(le(gras(pour(faciliter/orienter(la(lecture(en(
diagonale.*Eviter*l’italique.
! Paragraphes)courts)et)aérés)(espacement:)1)ligne)
! Titres'et'sous!titres
! Listes&à&puces&/&listes&numérotées
retis&&&&
www.retis.be
Contenu'et'écriture'web'! (c)$D.$JACOB$(2016)
- 6. Particularités+! Adaptations
• Hyperliens
! Lecture'non'linéaire'! Définir'une'arborescence
! Liens&bien&différenciés&(couleur&bleu).&Réserver&le&soulignement&
aux$hyperliens
! Permet&de&découper&un&article&long&en&plusieurs&parties,&sous&
forme&d’un&dossier
! Prévoir'un'« fil$d’ariane »
! Peut%remplacer%les%notes%de%bas%de%page
retis&&&&
www.retis.be
Contenu'et'écriture'web'! (c)$D.$JACOB$(2016)
Particularités+! Adaptations
• Outils'd’analyse
! Possibilité)de)travailler)par)essais!erreurs
! Analyse(du(« taux%de%rebond »
! Analyse(du(cheminement(dans(l’arborescence
! Possibilité)technique)même)d’adapter)le)contenu)en)fonction)de)
certains)profils)/)origine)géographique)
! Nombreux)outils)de)test:)ex:)« test$A/B »
retis&&&&
www.retis.be
Contenu'et'écriture'web'! (c)$D.$JACOB$(2016)
- 7. Particularités+! Adaptations
• Lecteurs(impatients
! 8"secondes"maximum"pour"convaincre
! Titre&accrocheur&(pour&inciter&à&cliquer)&
! « Chapeau »"qui"devra"convaincre)de)consacrer)plus)de)10)
secondes'à'l’article
! Priorité'au'concret
! de#l’essentiel#vers#le#détail/nuance
! Article(agréable(à(lire
! Illustrations+
! Phrases'courtes.'Mots'et'tournures'simples
! Langage&convivial&et&interpelant&l’internaute
retis&&&&
www.retis.be
Contenu'et'écriture'web'! (c)$D.$JACOB$(2016)
Particularités+! Adaptations
• Les$mots$du$contenu$=$termes$de$recherche
! Il#faut#écrire#pour#le#lecteur#présent#sur#le#site#ET#pour#le#lecteur#
qui$effectue$une$recherche$dans$un$moteur$de$recherche
! Pertinence(de(« placer »"dans"le"contenu"des"mots!clés%
fréquemment*tapés*et*en*rapport*avec*le*sujet*de*l’article
! Voir%formation%« référencement)naturel »
! Utiliser(un(dictionnaire(des(synonymes(pour(optimiser(le(
référencement
! Eviter'les'abréviations'non'courantes
! Associer(3(à(6(mots(pertinents(aux(hyperliens
! Associer(un(texte(aux(images
retis&&&&
www.retis.be
Contenu'et'écriture'web'! (c)$D.$JACOB$(2016)
- 8. Synthèse)des)contraintes)
• Contraintes*rédactionnelles
! Capter'l’intérêt'en'qq'secondes':"importance"du"titre"et"du"
chapeau
! Priorité'au'concret.'De'l’essentiel'vers'le'détail
• Contraintes*de*forme
! Lisibilité
! Navigation
• Contraintes*techniques
! Bonne%ergonomie%
! « Feuilles'de'style »"(CSS)
! Bon$référencement$naturel
retis&&&&
www.retis.be
Contenu'et'écriture'web'! (c)$D.$JACOB$(2016)
Analyse
1. Analyse(de(l’accroche( :
!Comment'est!on#accroché#par
le#titre#+#le#chapeau#/#le#1e# ?
!Comment'l’auteur'fait!il#passer#son#message#
principal(?
2. Analyse(du(contenu(:
! Style&rédactionnel&
!(impersonnel,,“vous”,,“tu”,,utilisation,de,l’impératif…),,le,ton,,
jargon,(style(passif/actif…);
!Orthographe,+
!répétition(de(mots(clés
!Les$hyperliens$:$
!positionnement,*profondeur,*liens*internes*et*externes,*mode*
d’ouverture…
!Les$illustrations$
!pertinence,)taille,)légende,)positionnement…
3. Analyse(de(la(forme:
!Longueur(de(l’article.(
!Découpage*et*aération*du*texte.*Nombre*et*
longueur(des(paragraphes.(
!Mises%en%forme%utilisées%(gras,%italiques,%listes%à%
puces,…)
!Balises'HTML'(H1,'meta'descr.)'remplies'?
retis&&&&
www.retis.be
Contenu'et'écriture'web'! (c)$D.$JACOB$(2016)
- 10. Méthode
retis&&&&
www.retis.be
Contenu'et'écriture'web'! (c)$D.$JACOB$(2016)
1) Définir Objectif(s)
Cible(s)
Accroche'sur'base'des'attentes'de'la'cible
2)#Préparer Récolter)les)informations)brutes
Structurer'(plan)
3) Rédiger le#chapeau,#
le#contenu
le#titre
4)#Relire Mettre%en%forme
Publier
5)#Analyser Adapter(si(nécessaire
Supprimer(si(périmé
Processus(de(rédaction
retis&&&&
www.retis.be
Contenu'et'écriture'web'! (c)$D.$JACOB$(2016)
- 11. 1)##Au#préalable#:
•Définir'l’objectif':'
! Informer(?(/(Convaincre(pour(vendre(?(/(Augmenter(notoriété(?
! Quelle%durée%de%vie%de%l’article%?
•Définir'la'stratégie'de'communication
! Quel%type%de%valeur%ajoutée%produire%?
! Relayer'(filtrage'! positionnement)comme)« référent »),
! Décrire'(!source'd’info),'expliquer'(! spécialiste),,
! Contextualiser-(! expert)
•Définir'sa'cible'! adapter'le'langage
! Cible&primaire&:
! Sexe,%age,%niveau%d’éducation,%niveau%socio!économique,+valeurs+?
! Besoins'?'Que'souhaite!t!elle#trouver#sur#ma#page#?
! Cible&secondaire:&prescripteurs,…
Méthode(– 1e étape
retis&&&&
www.retis.be
Contenu'et'écriture'web'! (c)$D.$JACOB$(2016)
• Définir':
a)#Quel#type#d’article#?#Quel#support#:#web#/#blog#?
! Article(d’un(spécialiste((dossier)
! Article(d’information(
! Ex:$annonce$d’événement
! Interview)(témoignage,)reportage)
! Fiche&produit&! Article(présentant(un(produit(/(service(
! Tutoriel
! Billet&« engagé »,##donnant#un#point#de#vue#argumenté#sur#
un#débat#en#cours
b)Quel%angle%d’attaque%?
! Comment'accrocher'le'lecteur'?
Méthode(– 1e étape
retis&&&&
www.retis.be
Contenu'et'écriture'web'! (c)$D.$JACOB$(2016)
- 12. 2) Préparer
• Convenir(du#message#important#
et#établir#le#plan#de#l’article#
! Composants)de)l’article)(paragraphes,)intertitres,)images,)
infographies,-call$to$action…)
! Structure'de'l’article'(l’ordre'dans'lequel'les'composants'se'
placent)
!Qu’est!ce qui$est important)/)secondaire ?
• Identification+des+mots!clés
! Via$une$analyse$des$propositions$de$Google$Suggest ou#la#
consultation*de*Google*Analytics
! Via$un$brainstorming,$
! Via$une$analyse$concurrence
Méthode(– 2e étape
retis&&&&
www.retis.be
Contenu'et'écriture'web'! (c)$D.$JACOB$(2016)
3) Rédiger(:
• Le#chapeau
• Le#cœur#de#l’article
• Le#titre
Méthode(– 3e étape
retis&&&&
www.retis.be
Contenu'et'écriture'web'! (c)$D.$JACOB$(2016)
- 13. Bien%rédiger%un%« Chapeau »
• Synthèse)des)interrogations)potentielles)de)
l’internaute*:*« 5W »"(who,"what,"when,"where,"why)"
+"2H"(How,"how"much)"
! Qui$est$concerné?$Quoi$?$Quand$?$Où$?$Pourquoi$?
• Doit%donner%envie%d’en%savoir%plus
• Terminer'par'une'annonce'de'ce'que'le'lecteur'trouvera'dans'le'
cœur%de%l’article
• Forme:
• Un#paragraphe,(de(50(mots(maximum
! Devrait(être(repris(par(le(CMS(en(extrait(dans(la(balise(« meta
description
! Phrases'courtes
! Mise%en#forme:#<strong>" et/ou&&décalé&/"encadré
retis&&&&
www.retis.be
Contenu'et'écriture'web'! (c)$D.$JACOB$(2016)
• Priorité'au'concret
! Respecter(la(« pyramide)inversée »:#
! de#l’essentiel#vers#le#détail
• 1200$à$4000$caractères$(200$à$650$mots).$
! Au#delà,#découper#en#plrs#pages#rassemblées#en#dossier
! Ordre%:%du%+%important%(conclusions)%au%moins%utile%à%la%fin
• Un#paragraphe#=#une#idée#(abordée#dès#la#1e#phrase)
• Phrases'courtes'(10!12#mots;#max#20),#
Cœur%de%l’article
retis&&&&
www.retis.be
Contenu'et'écriture'web'! (c)$D.$JACOB$(2016)
Accroche'
L’essentiel (Message&prioritaire
+"réponses"aux"questions)
Coeur
Détails
- 14. • De#l’essentiel#vers#le#détail/nuance:#
! Le#sujet#est#creusé#progressivement,#du#général#vers#le#détail,#avec#
un#chapeau#qui#développe#le#titre,#avec#un#article#qui#développe# le#
chapeau
! placer'le'message'principal'en'amont'et'les'détails'plus'bas
! En#ligne:#appliquer#cette#pyramide#inversée#en#exploitant#la#
navigation(hypertexte.
! Sur$la$page$d'accueil,$de$brèves$accroches,$conduisant$vers$des$
articles)plus)complets,)conduisant)eux!mêmes% vers%des%
informations*plus*détaillées,*jusqu'à*remonter*éventuellement* aux*
sources'elles!mêmes.
! ≠"structure"d’un"article"scientifique
! ≠"structure"d’une"dissertation"/"d’un"article"littéraire
• Voir%http://www.useit.com/alertbox/9606.html
Pyramide)inversée
retis&&&&
www.retis.be
Contenu'et'écriture'web'! (c)$D.$JACOB$(2016)
Méthode(! 3e étape
• Rédiger(le(cœur(de(l’article(en(veillant(à(:
! la#création#d’une#impression#de#proximité#avec#le#lecteur#
(temporelle,*géographique,*psychoaffective,*sociale)
! ne#pas#dépasser#un#indice#de#densité#des#mots!clés%de%plus%de%
3%.
! Ne#pas#dupliquer#du#contenu#existant
retis&&&&
www.retis.be
Contenu'et'écriture'web'! (c)$D.$JACOB$(2016)
- 16. 4) Relire,'mettre'en'forme'puis'publier
Méthode(– 4e#étape
retis&&&&
www.retis.be
Contenu'et'écriture'web'! (c)$D.$JACOB$(2016)
• Forme:
! Aérer%le%texte%et%faciliter%sa%lecture
! Utiliser(des(intertitres(comme(points(d’ancrage,(
! Employer)des)listes)à)puces,)
! Mettre%en%gras%les%éléments%clés%(plusieurs%mots%accolés),
• Profiter(de(avantages(du(web:
! Hyperliens*:
! Maximum'7.'Liens'explicites,'de'3'à'6'mots'(avec'quelques'
mots!clés).'Plutôt'regrouper'en'fin'd’articles
! Images':'valeur'ajoutée,'avec'légende'et'texte'alternatif
Conseils(pour(la(mise(en(forme
retis&&&&
www.retis.be
Contenu'et'écriture'web'! (c)$D.$JACOB$(2016)
- 18. Organisation*sur*le*long*terme…
retis&&&&
www.retis.be
Contenu'et'écriture'web'! (c)$D.$JACOB$(2016)
Convenir(dans(une(charte(rédactionnelle:(
•du#style#(impersonnel,#“vous”,#“tu”,#utilisation#de#
l’impératif…);
•des$règles$:
! Rédactionnelles-(anglicismes,-néologismes,-style-passif/actif…);
! Harmonisation*présentations*:*le*format*des*noms*de*
personnes,(des(numéros(de(téléphone,(des(dates(et(heures;
! Concernant)les)hyperliens)(emplacement,)profondeur,)liens)
internes'et'externes,'mode'd’ouverture…);
! Concernant)les)illustrations)(pertinence,)taille,)légende,)
positionnement…)
Politique)rédactionnelle
retis&&&&
www.retis.be
Contenu'et'écriture'web'! (c)$D.$JACOB$(2016)
- 19. Rédaction*d’e!mailings
retis&&&&
www.retis.be
Contenu'et'écriture'web'! (c)$D.$JACOB$(2016)
• Cadre&
! Ligne&éditoriale
! Canevas'(avec'une'griffe)
! Mobile'First'! Vérification+lisibilité+sur+plusieurs+plateformes+
Format'html'débrayable
! Segmenter((définir(plusieurs(profils)
! Rythme'de'publication
• Caractéristiques
! Soigner(le(titre(! objet&!""Moins"de"55"caractères
! 1e#paragraphe#incitatif#/#l’essentiel#au#début
! 3"à"5"articles"concis,"avec"une"accroche"et"un"lien
! Phrases'simples'et'courtes
E!newsletter
retis&&&&
www.retis.be
Contenu'et'écriture'web'! (c)$D.$JACOB$(2016)
- 20. Les$blogs
ESPACES PERSONNELS DE PUBLICATION EN LIGNE
retis&&&&
www.retis.be
Contenu'et'écriture'web'! (c)$D.$JACOB$(2016)
Blogs&– Qu’est!ce#?
Caractéristiques,:
•Communication*« personnelle »"≠"institutionnelle
•Publication+aisée+(sans%maîtrise%technologique)%
•Echange(! Publication+de+commentaires
! Les$internautes$peuvent$remercier,$compléter$le$propos,$
apporter'un'autre'angle'de'vue,'contredire,…
retis&&&&
www.retis.be
Contenu'et'écriture'web'! (c)$D.$JACOB$(2016)
- 21. Pourquoi'bloguer ?
1)#Echanger,#en#ouvrant#la#discussion#:
! Raconter)des)histoires,)livrer)des)expériences
! Partager'des'idées
! Recueillir(des(avis
2)#Référencement
retis&&&&
www.retis.be
Contenu'et'écriture'web'! (c)$D.$JACOB$(2016)
Comment'bien'bloguer :
• Titres'
! Accrocheurs,*concrets,*interpelants (ex:%questions)
• Contenus
! Courts,(avec(réelle(valeur(ajoutée
! Info%inédite,%avis,…% Evitez'd’être%trop%promotionnel
! Ou#longs,#pour#faire#le#point#sur#des#tendances
! Synthèse,*réflexions,*conseils,*témoignages,…
• Rythme':'au'moins'2/mois,'idéalement*2/semaine
• Animation(:
! S’adresser(directement(au(lecteur(! « vous »
! Poser&des$questions$à$la$fin
! Commenter(des(articles(sur(d’autres(blogs
! Répondre)aux)commentaires)et)le)cas)échéant)adapter)l’article
retis&&&&
www.retis.be
Contenu'et'écriture'web'! (c)$D.$JACOB$(2016)
- 22. Où#bloguer#?
• Plateformes+mutualisées+personnalisables
! Ex:$Blogger,$Wordpress
! Plus%flexible%et%personnalisable:%Tumblr
• Outils'de'blogging'à'installer'sur'un'serveur
! Complètement* personnalisable
! Ex:$Wordpress
• Choix&en&fonction&de&l’accessibilité,&de&la&flexibilité,&du&
type%de%contenu%(ex:%images),%du%public,%et%du%prix.
retis&&&&
www.retis.be
Contenu'et'écriture'web'! (c)$D.$JACOB$(2016)
Ressources(utiles
LISTE SUR :"HTTP://WWW.RETIS.BE/REFERENCES
retis&&&&
www.retis.be
Contenu'et'écriture'web'! (c)$D.$JACOB$(2016)
- 24. • Communication*
professionnelle* en*ligne*:*
Comprendre) et)exploiter)
les$médias$et$réseaux$
sociaux
!de#Fred#Colantonio#et#Alain#Leroy
!Editeur :"Edipro
!Collection :"marketing
!253$pafes
!Vente%en%ligne:%
http://www.fredcolantonio.be
retis&&&&
www.retis.be
Contenu'et'écriture'web'! (c)$D.$JACOB$(2016)
• « La#stratégie#de#
contenu'Web'! la#
revanche(de(l’éditorial »
• (Muriel(Vandermeulen( !
2014)
retis&&&&
www.retis.be
Contenu'et'écriture'web'! (c)$D.$JACOB$(2016)
- 25. Formation
! Ressources:
! Diapos'principales:'
http://fr.slideshare.net/prospectic/comment!bien!ecrire!pour!
le!web
! Article(de(synthèse(:(http://www.retis.be/webcom
retis&&&&
www.retis.be
Contenu'et'écriture'web'! (c)$D.$JACOB$(2015)
Liens&utiles
• Bibliographie, et,liens,utiles,:
! Site%www.60canards.com
! E!book:%http://60canards.com/publications/outil!gratuit/30!techniques!strategie!de!
contenus!web.pdf
! Blog%http://www.ecrirepourleweb.com de#
http://www.wearethewords.com
! S’abonner)à)la)e!newsletter(Ecrire(pour(le(web »
! http://www.contenus!en!ligne.com
! http://veille!digitale.com/la!social!media!toolbox!du!community!manager/
• Veille%:
! http://retis.be/webcom0
! Twitter:(http://twitter.com/prospec_TIC #cours_webcom,
! Suivre'la'communauté'Google'+'« Stratégie)de)contenu)web »
! https://plus.google.com/communities/106816958316304741407?cfem=1
! Page%Facebook%des%cours%de%l’enseignant%:%%
http://www.facebook.com/eeconomie
- 26. Blogs
! http://www.richcommerce.fr/ (blog&du&consultant
www.fredcavazza.net)
! http://www.marketingonthebeach.com," animé&par&le¢re&public&
de#compétence#en#TIC#« Technofutur+TIC »)
! http://www.wizishop.com (blog&alimenté&par&l’équipe&de&conception&de&
la#plateforme#Wizishop)
! http://www.capitaine!commerce.com (blog&alimenté&par&le&
consultant)Olivier)Sauvage))
! http://www.info!ecommerce.fr (blog&alimenté&par&le&consultant&Benoît&
Gaillat)
! http://www.conseilsmarketing.com (blog&alimenté&par&le&consultant&
Frederic'Canevet)
! http://les!zed.com
retis&&&&
www.retis.be
Contenu'et'écriture'web'! (c)$D.$JACOB$(2016)
En#résumé
retis&&&&
www.retis.be
Contenu'et'écriture'web'! (c)$D.$JACOB$(2016)
- 27. Particularités+de+
la#communication#sur#le#web
1. Zap$! interactivité*(souvent*publique)
2. Brève
3. Permanente((24h/24)
4. Directe'(sans'intermédiaires)
5. « Gratuit »"(sauf"le"temps"qui"y"est"consacré)
6. Moins&formel&
retis&&&&
www.retis.be
Contenu'et'écriture'web'! (c)$D.$JACOB$(2016)
• Objectif)et)cible
! L’éventuel*Call*to*action*est!il#bien#défini#?
• Le#titre#et#le#chapeau#donnent!ils$envie$de$cliquer$
pour%découvrir%l’article%?
! Check&« 5"W"+"2"H »"?
! Dernière'phrase'du'chapeau'= que$va!t!on#découvrir#?
• Avons!nous%pesé%l’utilité%de%tous%les%mots%du%titre%et%
du#chapeau#?
• La#conclusion#au#début,#puis#les#arguments#par#ordre#
décroissant+de+public+concerné
• Avons!nous%bien%pensé%aussi%aux%robots%?
Check!list
retis&&&&
www.retis.be
Contenu'et'écriture'web'! (c)$D.$JACOB$(2016)
- 28. 1. Priorité'au'chapeau,'puis'au'titre,"qui"doivent"
ensemble' répondre'aux'questions'potentielles'de'
l’internaute*(les$« 5W#+#2H »)"
2. L’internaute*est*pressé*et*lit*moins*facilement*sur*écran*
que$sur$papier$(contraste,$taille$de$l’écran$!
smartphone,…). ! approche(rédactionnelle( du(type(
« pyramide)inversée » :"
! l’essentiel(au(début ;"les"détails"à"la"fin"/"éliminés
3. Sur$le$web,$on$écrit$pour$le$lecteur,$mais$aussi%pour%
celui&qui&recherche&de&l’info&(effectue'des'requêtes'de'
recherche% sur%Google%&%co)
retis&&&&
www.retis.be
Contenu'et'écriture'web'! (c)$D.$JACOB$(2016)
Les$3$éléments$clés
• Ne#pas#copier!coller&un&texte&paru&sur&support&papier
• Avant&d’écrire:
! Définissez)l’objectif,)la)cible,)la)forme)de)l’article,)l’accroche,)les)
mots!clés
• Écrire&le&« chapeau »
! Astuce'des'« 5"W"+"2"P)
• Ecrire&le&corps&de&l’article
! L’essentiel)au)début)(« pyramide)inversée »)
• Relire&+&affiner&le&chapeau&+&écrire&le&titre
• Analyser)pour)s’améliorer
SYNTHESE
retis&&&&
www.retis.be
Contenu'et'écriture'web'! (c)$D.$JACOB$(2016)