Techniques et bonnes pratiques pourÉcrire pour le WebRemis à jour le 2 janvier 2010Présentation conçue par Luc Legay (Les ...
Techniques journalistiques
Loi de proximité                                             Nation                                 Ma région             ...
Combien deniveaux de lecturedans un titrede presse ?
Tétières, rubriques,titres, surtitres,chapeaux, intertitres,photos, dessins,légendes, accroches,relances, exergues,cabocho...
Parfois plus de100 niveauxde lecture différenciéspar un traitement graphiqueet éditorial spécifique
Finalité recherchée ?
Eviter l’ennui…      Creative Commons Alexander N http://www.flickr.com/photos/64939463
Print versus Web
Quelles différences de contraintes ?                 11
Print Webqualité du support,     Pixels, RVB,   format support,      résolution écran, encre, CMJN, 300       72 dpi, choi...
Spécificités du Web face aux autres médias                TV    Radio    Presse   WebACCESSIBILITÉ         OUI   TEXTE    ...
Lecture à l’écran
LisibilitéSur écran on lit en moyenne    25   moins vite                     %      que sur papier                 Source ...
Source : http://www.useit.com/alertbox/percent-text-read.html
Lecture zapping            20% 80%  lecture mot à mot  lecture en diagonale               Source : http://www.useit.com/al...
Eyetracking
Source : http://www.useit.com/alertbox/reading_pattern.html
Lecture en « F »                                                                           Je m’intéresse                 ...
“scannabilité”ou perception de l’information
3/10 e de secondepour “scanner” un site
Spécificités d’une page Web
La ligne de flottaison d’une page                24
Ligne de flottaison                                                 Seuls 22 %                                            ...
Optimiser l’architecture du site
le rubricagestructure et organise   les informations
les codes implicites      Creative Commons Brian Talbot http://www.flickr.com/photos/b-tal/116220689/
Navigation principaleNavigation secondaireRaccourcis contextuels   Liens transversaux             Mentions légales, crédit...
Fil d’ariane                       Navigation principaleNavigation secondaireNavigation transversaleMentions légales, créd...
hypertexte ?interactivité ?lisibilité ?multimédia ?
Hypertexte :une page web est toujours reliée
Quel texte sur un lien ?      Cliquez-ici
Proposer des liens vers desarticles internes complémentaires
242 liens internes
Proposer des liens vers desressources externes complémentaires
MultimédiaImages, vidéos, animations
InteractivitéCommentaires, réactions, avis…
consommateurs vs producteurs
ViralEnvoyer à un ami, ajouter à Delicious,        poster sur Twitter…
Règles d’écriture Web
La pyramide inversée
Organiser l’informationdu synthétique vers l’exhaustif
1. News   2. Sports   3. Tech   4. Life   5. Travel
l’essentiel  les détails
+ récent + immédiat + important + proche             Titre              chapeau                 texte           + détaillé...
QQOQPQui, quoi, où, quand et pourquoi ?
5W+2who (qui), what (quoi), when (quand),     where (où), why (pourquoi)         et, parfois, how (comment)          et ho...
Faciliter la lecture    Creative Commons Thomas Hawk http://www.flickr.com/photos/thomashawk/2354086423/
Ecrire courtCreative Commons Margolove (Margo C.) http://www.flickr.com/photos/margolove/1810357551/
Relire pour réduire   Creative Commons Thomas Hawk http://www.flickr.com/photos/thomashawk/93821899
15   à 20 motscorrespond à l’empande la mémoire(10), soit à notrecapacité moyenne de mémorisation    immédiate des informa...
Capacité de mémorisation               Phrase                12 mots   17 mots   40 mots         Mémorisation             ...
Concision : 1 idée = 1 paragraphe
Dé                                      cou                                                                      pageUn se...
Aller à l’essentielCreative Commons Fernando Revilla http://www.flickr.com/photos/revilla/644219138/
StructurerCreative commons Dynamosquito http://www.flickr.com/photos/dynamosquito
Rester clairCreative Commons Anita Martinz http://www.flickr.com/photos/annia316/754581568
Les sites web sont rendu plus accessiblesaux handicapés grâce à la norme AccessiWebLaquelle de ces phrases préférez-vous ?...
Utiliser la voix activeCreative Commons Duncan c http://www.flickr.com/photos/duncan/3957636207/
Connaître sa cible
Définir l’offre en termesde modes de traitement
testé pour vous astuce actualité    dossier rendez-vous en images    interview info-service opinion  chronique 3 questions...
Définir pour chaque traitement :Nom, éléments de titraille, date, auteur, long. texte,   photo, légende, vidéos, citations...
Organiser l’accès aux contenus
Organiser l’accès aux contenus     Thématique
Organiser l’accès aux contenus    Géographique
Organiser l’accès aux contenus   Chronologique              72
Organiser l’accès aux contenus    Alphabétique
Organiser l’accès aux contenus   Rédactionnelle              74
Organiser l’accès aux contenus     Offre produit              75
Organiser l’accès aux contenus        Audience              76
Organiser l’accès aux contenus    Fonctionnelle
Organiser l’accès aux contenus       Popularité              78
Organiser l’accès aux contenus      Pertinence              79
Par où arrive le visiteur ?
Pas toujours par la grande porte
Chaque page peut devenir une porte d’entrée                     82
Titreinformatif versus incitatif
« Georges Simenon est mort »
« Maigret casse sa pipe »
« La Nano, la voiture la moinschère du monde, arrive en Inde »
« Sortie embouteilléepour la Nano low-cost »
Ecrire des titres pour informer
votre premier lecteur
1000milliards de pages web indexées
17%                                               +                                                                      ....
42%des utilisateurs decliquent sur le premier résultat
5%des utilisateurs de   cliquent sur le 4e résultat
Visibiliténaturelle versus commerciale
96
7 principaux critèresde visibilité des contenus
7 principaux critères de visibilité des contenus1   Nom du domaine    http://www.mon-site.com
7 principaux critères de visibilité des contenus2   Titre de la page
7 principaux critères de visibilité des contenus3   Balises de titres    et enrichissements    <h1>, <h2>… <strong>,    <e...
7 principaux critères de visibilité des contenus4   Page Rank    Quantité et popularité    des liens entrants (PR)
7 principaux critères de visibilité des contenus5   Texte des liens offshore    Appellation des liens    qui pointent sur ...
Pour plus d’infosur ce site web, cliquez ici
Pour plus d’info                  visitez France InfoPour plus d’info visitez <a href="http://www.france-info.com/">France...
7 principaux critères de visibilité des contenus6   Termes lisibles de l’URL    http://monsite.com/termes-lisibles
7 principaux critères de visibilité des contenus7   Contenus, contenus    et contenus…    Quantité, qualité et actualisati...
Rédiger pour le WebPrésentation conçue par Luc Legay (Les Explorateursdu Web) en collaboration avec Joël Ronez (Ronez.net)...
Ecrire pour-le-web-2009-luc-legay-091215121405-phpapp01
Ecrire pour-le-web-2009-luc-legay-091215121405-phpapp01
Ecrire pour-le-web-2009-luc-legay-091215121405-phpapp01
Ecrire pour-le-web-2009-luc-legay-091215121405-phpapp01
Ecrire pour-le-web-2009-luc-legay-091215121405-phpapp01
Ecrire pour-le-web-2009-luc-legay-091215121405-phpapp01
Ecrire pour-le-web-2009-luc-legay-091215121405-phpapp01
Ecrire pour-le-web-2009-luc-legay-091215121405-phpapp01
Prochain SlideShare
Chargement dans…5
×

Ecrire pour-le-web-2009-luc-legay-091215121405-phpapp01

1 152 vues

Publié le

On n'écrit pas sur le web comme on écrirait un texte pour un magazine.
Un rappel de ce qu'on sait déjà dans les grandes lignes mais qu'il est toujours utile de relire.

Publié dans : Développement personnel
0 commentaire
0 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

Aucun téléchargement
Vues
Nombre de vues
1 152
Sur SlideShare
0
Issues des intégrations
0
Intégrations
207
Actions
Partages
0
Téléchargements
35
Commentaires
0
J’aime
0
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Ecrire pour-le-web-2009-luc-legay-091215121405-phpapp01

  1. 1. Techniques et bonnes pratiques pourÉcrire pour le WebRemis à jour le 2 janvier 2010Présentation conçue par Luc Legay (Les Explorateurs du Web) encollaboration avec Joël Ronez (Ronez.net), Jean-Philippe Cathelin (A Conseil),Sébastien Bailly (Paris-Normandie), Xavier de Mazenod (Adverbe.com).Autres sources : Jean-Marc Hardy (redaction.be), Jakob Nielsen (useit.com), Laurent Goffin (gwix.net) Diffusable sous licence Creative Commons by-nc-nd/2.0 http://creativecommons.org/licenses/by-nc-nd/2.0/fr/
  2. 2. Techniques journalistiques
  3. 3. Loi de proximité Nation Ma région Ma ville Collègues Mon quartier Amis Travail Voisinage Loisirs Argent Chez moi Moi Conjoint FamilleSociété Aujourd’hui Demain Santé Hier Vie politique Avant-hier Religion
  4. 4. Combien deniveaux de lecturedans un titrede presse ?
  5. 5. Tétières, rubriques,titres, surtitres,chapeaux, intertitres,photos, dessins,légendes, accroches,relances, exergues,cabochons, signatures,encadrés (nombreuxtypes d’encadrés…),date, lieux, genre,source, crédit...
  6. 6. Parfois plus de100 niveauxde lecture différenciéspar un traitement graphiqueet éditorial spécifique
  7. 7. Finalité recherchée ?
  8. 8. Eviter l’ennui… Creative Commons Alexander N http://www.flickr.com/photos/64939463
  9. 9. Print versus Web
  10. 10. Quelles différences de contraintes ? 11
  11. 11. Print Webqualité du support, Pixels, RVB, format support, résolution écran, encre, CMJN, 300 72 dpi, choix typodpi, couleur-offset, limité, débit de roto, tirage, connexion, calibrage des référencement, textes… poids des pages…
  12. 12. Spécificités du Web face aux autres médias TV Radio Presse WebACCESSIBILITÉ OUI TEXTE OUI OUI PHOTO OUI OUI VIDÉO OUI OUIINTERACTIVITÉ OUIINFOGRAPHIES OUI OUI OUI MIX NON
  13. 13. Lecture à l’écran
  14. 14. LisibilitéSur écran on lit en moyenne 25 moins vite % que sur papier Source : http://www.useit.com/alertbox/percent-text-read.html
  15. 15. Source : http://www.useit.com/alertbox/percent-text-read.html
  16. 16. Lecture zapping 20% 80% lecture mot à mot lecture en diagonale Source : http://www.useit.com/alertbox/percent-text-read.html
  17. 17. Eyetracking
  18. 18. Source : http://www.useit.com/alertbox/reading_pattern.html
  19. 19. Lecture en « F » Je m’intéresse Je rechercheSource : Laurent Goffin http://www.gwix.net/web_gwix/article.asp?filID=233
  20. 20. “scannabilité”ou perception de l’information
  21. 21. 3/10 e de secondepour “scanner” un site
  22. 22. Spécificités d’une page Web
  23. 23. La ligne de flottaison d’une page 24
  24. 24. Ligne de flottaison Seuls 22 % des internautes scrollent jusqu’auSource : ClickTale sur 120 000 pages vuesentre nov. 2006 et Déc. 2006. pied de pagehttp://blog.clicktale.com/?p=19 25
  25. 25. Optimiser l’architecture du site
  26. 26. le rubricagestructure et organise les informations
  27. 27. les codes implicites Creative Commons Brian Talbot http://www.flickr.com/photos/b-tal/116220689/
  28. 28. Navigation principaleNavigation secondaireRaccourcis contextuels Liens transversaux Mentions légales, crédits Source : http://www.ergolab.net/articles/architecture-information.html
  29. 29. Fil d’ariane Navigation principaleNavigation secondaireNavigation transversaleMentions légales, crédits, contact
  30. 30. hypertexte ?interactivité ?lisibilité ?multimédia ?
  31. 31. Hypertexte :une page web est toujours reliée
  32. 32. Quel texte sur un lien ? Cliquez-ici
  33. 33. Proposer des liens vers desarticles internes complémentaires
  34. 34. 242 liens internes
  35. 35. Proposer des liens vers desressources externes complémentaires
  36. 36. MultimédiaImages, vidéos, animations
  37. 37. InteractivitéCommentaires, réactions, avis…
  38. 38. consommateurs vs producteurs
  39. 39. ViralEnvoyer à un ami, ajouter à Delicious, poster sur Twitter…
  40. 40. Règles d’écriture Web
  41. 41. La pyramide inversée
  42. 42. Organiser l’informationdu synthétique vers l’exhaustif
  43. 43. 1. News 2. Sports 3. Tech 4. Life 5. Travel
  44. 44. l’essentiel les détails
  45. 45. + récent + immédiat + important + proche Titre chapeau texte + détaillé + loin
  46. 46. QQOQPQui, quoi, où, quand et pourquoi ?
  47. 47. 5W+2who (qui), what (quoi), when (quand), where (où), why (pourquoi) et, parfois, how (comment) et how much (combien) ?
  48. 48. Faciliter la lecture Creative Commons Thomas Hawk http://www.flickr.com/photos/thomashawk/2354086423/
  49. 49. Ecrire courtCreative Commons Margolove (Margo C.) http://www.flickr.com/photos/margolove/1810357551/
  50. 50. Relire pour réduire Creative Commons Thomas Hawk http://www.flickr.com/photos/thomashawk/93821899
  51. 51. 15 à 20 motscorrespond à l’empande la mémoire(10), soit à notrecapacité moyenne de mémorisation immédiate des informations (20)… Source : http://www.cybertribes.com/lisibilite.html
  52. 52. Capacité de mémorisation Phrase 12 mots 17 mots 40 mots Mémorisation 100% 70% 30%Source : François Richaudeau, 1979
  53. 53. Concision : 1 idée = 1 paragraphe
  54. 54. Dé cou pageUn seul titre et un seul sujet par page Licence Creative Commons by-nc-sa/2.0 : Semuthutan Azri http://www.flickr.com/photos/azriadnan/1818312422
  55. 55. Aller à l’essentielCreative Commons Fernando Revilla http://www.flickr.com/photos/revilla/644219138/
  56. 56. StructurerCreative commons Dynamosquito http://www.flickr.com/photos/dynamosquito
  57. 57. Rester clairCreative Commons Anita Martinz http://www.flickr.com/photos/annia316/754581568
  58. 58. Les sites web sont rendu plus accessiblesaux handicapés grâce à la norme AccessiWebLaquelle de ces phrases préférez-vous ? AccessiWeb rend les sites web plus accessibles aux handicapés
  59. 59. Utiliser la voix activeCreative Commons Duncan c http://www.flickr.com/photos/duncan/3957636207/
  60. 60. Connaître sa cible
  61. 61. Définir l’offre en termesde modes de traitement
  62. 62. testé pour vous astuce actualité dossier rendez-vous en images interview info-service opinion chronique 3 questions à bon plancoulisses sondage glossaire conseils reportage tribune commentaire comparatif vidéo décryptage édito coulisses dernière heure réponse
  63. 63. Définir pour chaque traitement :Nom, éléments de titraille, date, auteur, long. texte, photo, légende, vidéos, citations, éléments contextuels… Position dans la page
  64. 64. Organiser l’accès aux contenus
  65. 65. Organiser l’accès aux contenus Thématique
  66. 66. Organiser l’accès aux contenus Géographique
  67. 67. Organiser l’accès aux contenus Chronologique 72
  68. 68. Organiser l’accès aux contenus Alphabétique
  69. 69. Organiser l’accès aux contenus Rédactionnelle 74
  70. 70. Organiser l’accès aux contenus Offre produit 75
  71. 71. Organiser l’accès aux contenus Audience 76
  72. 72. Organiser l’accès aux contenus Fonctionnelle
  73. 73. Organiser l’accès aux contenus Popularité 78
  74. 74. Organiser l’accès aux contenus Pertinence 79
  75. 75. Par où arrive le visiteur ?
  76. 76. Pas toujours par la grande porte
  77. 77. Chaque page peut devenir une porte d’entrée 82
  78. 78. Titreinformatif versus incitatif
  79. 79. « Georges Simenon est mort »
  80. 80. « Maigret casse sa pipe »
  81. 81. « La Nano, la voiture la moinschère du monde, arrive en Inde »
  82. 82. « Sortie embouteilléepour la Nano low-cost »
  83. 83. Ecrire des titres pour informer
  84. 84. votre premier lecteur
  85. 85. 1000milliards de pages web indexées
  86. 86. 17% + .com 83%Part du trafic généré par les moteurs de recherche (France) Janvier 2008 IAB et comScore
  87. 87. 42%des utilisateurs decliquent sur le premier résultat
  88. 88. 5%des utilisateurs de cliquent sur le 4e résultat
  89. 89. Visibiliténaturelle versus commerciale
  90. 90. 96
  91. 91. 7 principaux critèresde visibilité des contenus
  92. 92. 7 principaux critères de visibilité des contenus1 Nom du domaine http://www.mon-site.com
  93. 93. 7 principaux critères de visibilité des contenus2 Titre de la page
  94. 94. 7 principaux critères de visibilité des contenus3 Balises de titres et enrichissements <h1>, <h2>… <strong>, <em>, <ul>…
  95. 95. 7 principaux critères de visibilité des contenus4 Page Rank Quantité et popularité des liens entrants (PR)
  96. 96. 7 principaux critères de visibilité des contenus5 Texte des liens offshore Appellation des liens qui pointent sur votre page
  97. 97. Pour plus d’infosur ce site web, cliquez ici
  98. 98. Pour plus d’info visitez France InfoPour plus d’info visitez <a href="http://www.france-info.com/">France Info</a>
  99. 99. 7 principaux critères de visibilité des contenus6 Termes lisibles de l’URL http://monsite.com/termes-lisibles
  100. 100. 7 principaux critères de visibilité des contenus7 Contenus, contenus et contenus… Quantité, qualité et actualisation des contenus constituent la meilleure garantie de visibilité
  101. 101. Rédiger pour le WebPrésentation conçue par Luc Legay (Les Explorateursdu Web) en collaboration avec Joël Ronez (Ronez.net),Jean-Philippe Cathelin (A Conseil), Sébastien Bailly(Paris-Normandie), Xavier de Mazenod (Adverbe.com).Autres sources : Jean-Marc Hardy (redaction.be), Jakob Nielsen(useit.com), Laurent Goffin (gwix.net)Prière de ne reproduire les contenus et images de ce document que dans le cadre stricte decette licence, en conservant les liens vers les sources originales Diffusable sous licence Creative Commons by-nc-nd/2.0 http://creativecommons.org/licenses/by-nc-nd/2.0/fr/

×