Comment calibrer et adapter vos contenus à l'écran. Lisibilité et pertinence sont les deux critères de qualité d'un contenu Web. Retrouvez les slides de nos anciens webinaires Webikeo.

2. Notre méthode

3. Ils nous font confiance

4. Enjeux
• Le Web, Google et
l’utilisateur
• Réapprendre à
écrire
• Organiser
l’information
• Hiérarchiser
l’information
L’ECRIT WEB
Contraintes, enjeux, outils et méthodes
Contraintes
• Techniques
• Formelles
• Rédactionnelles

5. L’écriture web, c’est quoi?
Style d’écriture proche du multimédia,
• se caractérise par l’hypertexte et
l’interactivité,
• doit maximiser la lisibilité et la perception
des informations,
• en tenant compte des contraintes d’espace
et d’affichage.
Le grand dictionnaire terminologique
Contraintes d’espace et d’affichage

6. Le comportement de lecture
• Lorsqu’il arrive sur un site, l’internaute survole
les contenus ou les lit en diagonale, dans
l’ordre de son choix.
• Le rédacteur Web doit tenir compte de ces
comportements s’il veut attirer l’attention et
maintenir l’intérêt du lecteur sur son site.

7. Le déficit d’attention
http://bit.ly/19o75hi

8. Contraintes formelles

9. Source:
h*p://blog.choicehotels.fr/le-­‐1er-­‐avril-­‐
approche-­‐piegez-­‐vos-­‐collegues/
Cas pratique: Choice hotels

10. Cas pratique: comment travailler la forme ?

11. • L’écrit web = un héritage journalistique :
1. La pyramide inversée
2. La méthode des 5 W
Contraintes rédactionnelles

12. • Organisation de l’information
• 1 page = 1 sujet
– 1 idée = 1 paragraphe
• Hiérarchie de l’information
• Le lecteur adhère plus vite à
l’information située au-dessus
du pli de la page
– Commencez toujours par
l’essentiel – la conclusion
– Puis, développez les causalités
et circonstances.
Bite, snack, meal

13. Source:
h*ps://www.centraledesmul>ples.com/
comment-­‐accueillir-­‐la-­‐venue-­‐de-­‐jumeaux.html
Cas pratique: Centrale des multiples

14. Cas pratique: comment travailler le fond?

15. Cas pratique: Centrale des multiples

16. Contraintes techniques
• Navigation
• CTA
• Hypeliens = maillage internet
et externe
• Clés d’entrées
• Techniques de signage (page
d’orientation)
• Acquisition : formulaires
contact, inscription newsletter

17. Chemins
• Créez des chemins de navigation clairs
Frontières
• Indiquez clairement où les hyperliens, boutons, incitants, etc. emmènent
le visiteur
Zones
• Chaque rubrique a une identité, un « paysage » propre, harmonieux avec
l’environnement plus large.
Embranchements
• Optimisez vos pages d’orientation pour qu’elles soient des carrefours,
des totems clairs et avenants.
Points de repères
• Fil d’Ariane, navigation, graphisme, typographique doivent guider le
visiteur sur le «long cours».
Techniques de signage

18. Cas pratique: Centifolia
h*p://www.cen>foliabio.fr/fr/content/80-­‐guide-­‐
colora>on-­‐naturelle

19. Cas pratique:
Centifolia

20. Et... Il y a une recette?

21. On voit ça de plus près?
Check-list Qualité des Contenus
Présentation
Aération Une idée par paragraphe
Paragraphes espacés
1 intertitre tous les 3, 4 paragraphes
Longueur Nombre de caractères imposés (Titre de 55 signes max., Descrip-
tion de 155 signes max., etc.)
Eléments saillants Mots clés (titres, intertitres, corps de texte, call to action)
Usage correct des intertitres, de l’italique, du gras, des listes à
puces, etc.
Style
Orthographe, grammaire Correction linguistique, charte éditoriale, usages
Concision Phrases courtes
Pas de mots inutiles
Langage simple Présent historique
Voix active, tournures simples: Sujet – Verbe – Complément
Absence de jargon; abréviations, termes techniques et noms de
produits expliqués
Langage orienté vers tous les publics
Qualité de fond
Fil rouge Fil rouge et cohérence du propos
Structure logique du texte
Message clé et USP (Unique Sell Proposition)
AIDA (attention, intérêt, désir, action)
Qualité de fond Information pertinente, opportune, utile
Aides à la lecture Encadré, Citation, « En résumé », « Témoignage », « En chiffres »,
etc.
Référencement
Péritexte (zone 1) 1e mot-clé + 2e mot-clé (évent.)
Corps de texte (zone 2) 1e mot-clé + 3 à 4 mots-clés secondaires
Usage correct des balises html (h2>h4, strong, em, ul, ol, …)
Call to Action (zone 3) Le texte finit un incitant (hyperlien): contact, réservation, inscrip-
tion, etc.
Instructions
© Tous droits réservés.

22. PARIS: 01 84 17 82 43
BRUXELLES: 02 340 18 80
INFO@WEARETHEWORDS.COM
Des questions?
www.facebook.com/wearethewords
@wearethewords
@ecrirepourleweb
wearethewords