Notre méthode
Ils nous font confiance
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
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
• Présenter l’information d’une certaine façon
• Adapter ses écrits aux normes et usages
• Écrire pour des utilisateurs
Maximiser la lisibilité et la perception
Présenter l’information d’une certaine façon
Présenter l’information d’une certaine façon
Adapter ses écrits aux normes et usages
Adapter ses écrits aux normes et usages
h"p://opquast.com
Écrire pour des utilisateurs
Écrire pour des utilisateurs
Le lecteur Web, différent?
La dématérialisation
Les limites de l’écran
40-‐60%
Les limites de l’internaute 8-‐10%
Le comportement de lecture
Le déficit d’attention
http://bit.ly/19o75hi
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
La technique d’écriture, différente?
• Énumérez l’information – Quels types de contenus devez-vous publier (reportez-vous à la leçon 2 : Typologie des contenus).
• Classez et triez l’information – Vous devrez rassembler les types de contenus qui se ressemblent, créer des ensembles, des catégories pour les groupes d'éléments.
• Formalisez le vocabulaire de navigation – les noms des boutons d’action, des hyperliens, des menus, catégories et autres éléments de la navigation.
• Hiérarchisez l’information – Structurez ces groupes d’information en partant du plus général au plus particulier. Placez d’abord les éléments les plus importants, que ce soit au niveau vertical (au sein d’un même texte) ou horizontal (entre plusieurs textes).
Tout est dans la technique d’écriture...
• Qui a fait quoi, quand, où et pourquoi ? (+ combien et comment)
• Quel élément d’information l’internaute va-t-il vouloir connaître en premier ?
• Permet de structurer l’information.
[énumérer] Qui a fait quoi, comment, ...
Clés d’entrée fiables • Le tri alphabétique – utilisé par
défaut quand aucune autre logique n’est applicable ou lorsque les éléments de la catégorie sont nombreux.
• Le tri chronologique – Les éléments les plus récents apparaissent en premier. Choix le plus courant pour les actualités, etc. Les éléments les plus récents apparaissent en haut de l’écran.
• Le tri géographique – Logique de localisation, à l’aide d’une carte, d’un plan interactif.
Clés d’accès ambiguës
• Le tri thématique – On classe les informations par thème. Les catégories « parlent » aux cibles: sujets, types de contenu, types d’action, ...
• Le tri identitaire – Les contenus sont rangés selon les profils d’utilisateurs : entreprises, particuliers, presse, etc. Une méthode utilisée beaucoup sur les sites institutionnels.
[trier] Les clés d’entrées logiques
23
{http://bit.ly/1dIkCAk}
• des titres de 3 à 4 niveaux à l’intérieur du texte
• interligne et espacement suffisants ; • paragraphes de type chapô, utilisés
pour les accroches, introductions, etc. ;
• 3 formats d’hyperlien (« vierges », survolés et visités) + ancres (liens internes)
• des listes à puces de 2 niveaux, pour les énumérations ;
• un style pour les citations, qui permet de mettre en relief des témoignages ;
• un style « encadré » pour faire ressortir certains types de contenus (exemples, cas pratiques, chiffre, …) et créer des repères visuels
• un style Tableaux pour présenter des consignes, des comparaisons de produits, etc.
[trier] c’est formaliser
[organiser] c’est hiérarchiser
§ 1 page: 1 sujet § Hiérarchie de
l’information § Conclusion>Contexte § Liens reliés
[organiser] c’est hiérarchiser
Et... Il y a une recette?
• Péritexte • Titre (60 signes) • Description (140 signes) • Lien hypertexte • Navigation • Alt tag
• Corps de texte • Sous-titres • Aides à la lecture • Balises html • Hypertexte • Hypermédia
Au niveau rédactionnel
Péritexte Corps de texte + image Incitant à l’action
Péritexte • Titre, Accroche, Image,
Lien Corps de texte • Intertitres, paragraphes,
aides à la lecture, images, tableaux,
Incitant à l’action • hypertexte, boutons
Au niveau rédactionnel
On voit ça de plus près? Check-list Qualité des Contenus
Présentation Aération Une idée par paragraphe
Paragraphes espacés1 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, usagesConcision Phrases courtes
Pas de mots inutilesLangage simple Présent historique
Voix active, tournures simples: Sujet – Verbe – ComplémentAbsence de jargon; abréviations, termes techniques et noms de produits expliquésLangage orienté vers tous les publics
Qualité de fond Fil rouge Fil rouge et cohérence du propos
Structure logique du texteMessage clé et USP (Unique Sell Proposition)AIDA (attention, intérêt, désir, action)
Qualité de fond Information pertinente, opportune, utileAides à 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.
PARIS: 01 84 17 82 43 BRUXELLES: 02 340 18 80 [email protected]
Des questions?
www.facebook.com/wearethewords @wearethewords @ecrirepourleweb wearethewords