Télécharger pour lire hors ligne
Téléchargé parWearethewords
3 réflexes pour améliorer vos contenus Web
Le document traite de l'écriture web, soulignant l'importance de la lisibilité, de l'organisation et de l'interactivité pour capter l'attention des utilisateurs. Il présente des contraintes techniques et rédactionnelles, ainsi que des méthodes pratiques, telles que la pyramide inversée et les cinq W, pour structurer le contenu de manière efficace. Enfin, il aborde l'optimisation des hyperliens et des chemins de navigation pour améliorer l'expérience utilisateur.
3 réflexes pour améliorer vos contenus Web
- 2.
- 3. Ils nous fontconfiance
- 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’estquoi? 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 delecture • 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.
- 8.
- 9. Source: h*p://blog.choicehotels.fr/le-‐1er-‐avril-‐ approche-‐piegez-‐vos-‐collegues/ Cas pratique: Choice hotels
- 10. Cas pratique: commenttravailler 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 del’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: commenttravailler le fond?
- 15. Cas pratique: Centraledes 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 cheminsde 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.
- 19.
- 20. Et... Il ya une recette?
- 21. On voit çade 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 8417 82 43 BRUXELLES: 02 340 18 80 INFO@WEARETHEWORDS.COM Des questions? www.facebook.com/wearethewords @wearethewords @ecrirepourleweb wearethewords