Ecrire pour le Web en 2010
Upcoming SlideShare
Loading in...5
×
 

Ecrire pour le Web en 2010

on

  • 106,691 views

On n'écrit pas pour le web comme on écrit pour la presse. ...

On n'écrit pas pour le web comme on écrit pour la presse.
Même si les techniques journalistiques de la presse restent le plus souvent utilisables.
Après quelques centaines de formations consacrées aux bonnes pratiques de l'écriture web, et de nombreuses compilations de sources (très largement pompées à des confrères formateurs), il m'a semblé indispensable de proposer ici un résumé des bonnes pratiques d'écriture pour le web. L'écriture web n'est pas encore une science exacte. A vous d'y ajouter votre propre expérience, et d'enrichir cette base construite avec l'aide et les conseils bienveillants de professionnels passionnés par leur métier.

Statistics

Views

Total Views
106,691
Views on SlideShare
71,320
Embed Views
35,371

Actions

Likes
267
Downloads
3,420
Comments
52

438 Embeds 35,371

http://www.scoop.it 5072
http://www.conseilsmarketing.com 1770
http://www.luc-bernouin.com 1697
http://www.matthieu-tranvan.fr 1358
http://ru3.com 1299
http://www.ludovicpassamonti.com 1198
http://blogs.iutlaroche.univ-nantes.fr 1153
https://documenta.beziers.univ-montp3.fr 1066
http://aconseil.wordpress.com 1022
http://graphism.fr 1014
http://missiontice.ac-besancon.fr 821
http://www.narominded.com 739
http://www.jbonnel.com 659
http://www.marketingonthebeach.com 649
http://webetculture.blog.sudouestjob.com 604
http://wiki.intra.arkea.com 500
http://www.etourisme.info 475
http://2128824687.nvmodules.netvibes.com 467
http://www.business-garden.com 436
http://www.choblab.com 433
http://www.redactiweb.com 399
http://www.sochouette.com 382
http://www.webdesignertrends.com 340
http://www.camillejourdain.fr 338
http://guy.pastre.org 318
http://www.stratetgeek.fr 318
http://lescapricesdemarianne.blogspot.fr 282
http://ecriturepourleweb.wordpress.com 251
http://ecriturepourleweb.wordpress.com 251
http://www.slideshare.net 240
http://www.ebouquin.fr 235
http://blog.crdp-versailles.fr 234
http://vincent.chaigneau.me 233
http://www.holimundodesign.fr 231
http://www.reseaux-professionnels.fr 228
http://www.youngplanneur.fr 226
http://www.woweffect.be 223
http://2125502096.nvmodules.netvibes.com 220
http://rollandt.wordpress.com 199
http://www.lettrestice.com 197
http://www.fabienpretre.com 161
http://www.nautisme-finistere.com 158
http://localhost 153
http://www.blogue.dege.ca 153
http://carambozilla.over-blog.com 152
http://carrefourdesidees.net 146
http://www.pink-seo.com 122
http://intercommunication.blogspot.com 121
http://www.espritblog.com 118
http://www.montersonbusiness.com 118
More...

Accessibility

Upload Details

Uploaded via as Adobe PDF

Usage Rights

CC Attribution-NonCommercial LicenseCC Attribution-NonCommercial License

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel

110 of 52 Post a comment

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
  • Super, merci beaucoup !
    Are you sure you want to
    Your message goes here
    Processing…
  • Super!
    Je me suis basée sur ces supports pour réaliser ce document:http://issuu.com/immaginoteca/docs/obpa_sar_-_formation___criture_web

    Je peux partager avec vous les visuels si vous le voulez.
    Merci!
    Francesco
    Are you sure you want to
    Your message goes here
    Processing…
  • Great slides. Thanks for sharing.

    Regards
    http://www.clickandsendparcel.com
    Are you sure you want to
    Your message goes here
    Processing…
  • Présentation très complète avec deux regrets toutefois:
    - Pas d'éléments sur le choix des mots clés et le travail sur leur densité au sein de l'article (utilisation de Google suggest, roue magique, trends, recherches associées...etc)
    - Aucun élément sur la volumétrie -> écrire pour le web c'est également écrire en très forte volumétrie pour qu'il y ait un impact significatif sur le trafic.

    Le contenu est en train de devenir un canal d'acquisition de trafic comme l'est Google adwords, les plateformes d'affiliation...etc Or, dès lors qu'on sait écrire pour le web, se pose la question de la volumétrie et à l'heure actuelle seule des sociétés externes sont capables de fournir ces services.
    Voir à ce sujet l'article que j'ai proposé (http://www.edit-place.com) sur ce site: http://www.topito.com/top-astuces-web-contenu-google
    Are you sure you want to
    Your message goes here
    Processing…
  • Bonjour,

    J'aime beaucoup votre présentation faite avec humour et clarté. Bonne synthèse des principales études depuis 10 ans ( dont le fameux 25% de J. Nielsen que conteste aujourd'hui Jean-Marc Hardy).

    Voir à ce sujet : Confort de lecture : l'écart entre l'écran et le papier se réduit (Jean-Marc Hardy):
    http://blog.60questions.net/index.php/2010/07/03/386-vitesse-de-lecture-l-ecart-entre-l-ecran-et-le-papier-se-reduit

    Et aussi (quoique plus ancien) Quatre règles d’écriture à repenser (Éric Kavanagh):
    http://www.ergologique.com/conseils/conseils.php?id_tip=723

    Par contre, à la diapo. #22 (3/10 de sec. pour scanner un site) ? Il me semble plutôt qu'il faut 3/10 de sec. pour comprendre un seul octet d'information ( selon les études d'occulométrie de Poynter, EyeTrack 3 en particulier).

    Merci beaucoup et corrigez-moi si je me trompe !

    Bonne continuation.

    Patrice Leroux
    Are you sure you want to
    Your message goes here
    Processing…

110 of 52

Post Comment
Edit your comment

Ecrire pour le Web en 2010 Ecrire pour le Web en 2010 Presentation Transcript

  • Techniques et bonnes pratiques pour Écrire pour le Web Remis à jour le 2 janvier 2010 Présentation conçue par Luc Legay (Les Explorateurs du 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) Diffusable sous licence Creative Commons by-nc-nd/2.0 http://creativecommons.org/licenses/by-nc-nd/2.0/fr/
  • Techniques journalistiques
  • Loi de proximité Nation Ma région Ma ville Collègues Mon quartier Amis Travail Voisinage Loisirs Argent Chez moi Moi Conjoint Famille Société Aujourd’hui Demain Santé Hier Vie politique Avant-hier Religion
  • Combien de niveaux de lecture dans un titre de presse ?
  • Tétières, rubriques, titres, surtitres, chapeaux, intertitres, photos, dessins, légendes, accroches, relances, exergues, cabochons, signatures, encadrés (nombreux types d’encadrés…), date, lieux, genre, source, crédit...
  • Parfois plus de 100 niveaux de lecture différenciés par un traitement graphique et éditorial spécifique
  • Finalité recherchée ?
  • Eviter l’ennui… Creative Commons Alexander N http://www.flickr.com/photos/64939463
  • Print versus Web
  • Quelles di érences de contraintes ? 11
  • Print Web qualité du support, Pixels, RVB, format support, résolution écran, encre, CMJN, 300 72 dpi, choix typo dpi, couleur-offset, limité, débit de roto, tirage, connexion, calibrage des référencement, textes… poids des pages…
  • Spéci cités du Web face aux autres médias TV Radio Presse Web ACCESSIBILITÉ OUI TEXTE OUI OUI PHOTO OUI OUI VIDÉO OUI OUI INTERACTIVITÉ OUI INFOGRAPHIES OUI OUI OUI MIX NON
  • Lecture à l’écran
  • Lisibilité Sur écran on lit en moyenne 25 moins vite % que sur papier Source : http://www.useit.com/alertbox/percent-text-read.html
  • 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/alertbox/percent-text-read.html
  • Eyetracking
  • Source : http://www.useit.com/alertbox/reading_pattern.html
  • Lecture en « F » Je m’intéresse Je recherche Source : Laurent Goffin http://www.gwix.net/web_gwix/article.asp?filID=233
  • “scannabilité” ou perception de l’information
  • 3/10 e de seconde pour “scanner” un site
  • Spéci cités d’une page Web
  • La ligne de ottaison d’une page 24
  • Ligne de ottaison Seuls 22 % des internautes scrollent jusqu’au Source : ClickTale sur 120 000 pages vues entre nov. 2006 et Déc. 2006. pied de page http://blog.clicktale.com/?p=19 25
  • Optimiser l’architecture du site
  • le rubricage structure et organise les informations
  • les codes implicites Creative Commons Brian Talbot http://www.flickr.com/photos/b-tal/116220689/
  • Navigation principale Navigation secondaire Raccourcis contextuels Liens transversaux Mentions légales, crédits Source : http://www.ergolab.net/articles/architecture-information.html
  • Fil d’ariane Navigation principale Navigation secondaire Navigation transversale Mentions légales, crédits, contact
  • hypertexte ? interactivité ? lisibilité ? multimédia ?
  • Hypertexte : une page web est toujours reliée
  • Quel texte sur un lien ? Cliquez-ici
  • Proposer des liens vers des articles internes complémentaires
  • 242 liens internes
  • Proposer des liens vers des ressources externes complémentaires
  • Multimédia Images, vidéos, animations
  • Interactivité Commentaires, réactions, avis…
  • consommateurs vs producteurs
  • Viral Envoyer à un ami, ajouter à Delicious, poster sur Twitter…
  • Règles d’écriture Web
  • La pyramide inversée
  • Organiser l’information du 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é + loin
  • QQOQP Qui, quoi, où, quand et pourquoi ?
  • 5W+2 who (qui), what (quoi), when (quand), where (où), why (pourquoi) et, parfois, how (comment) et how much (combien) ?
  • Faciliter la lecture Creative Commons Thomas Hawk http://www.flickr.com/photos/thomashawk/2354086423/
  • Ecrire court Creative 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 mots correspond à l’empan de la mémoire(10), soit à notre capacité moyenne de mémorisation immédiate des informations (20)… Source : http://www.cybertribes.com/lisibilite.html
  • Capacité de mémorisation Phrase 12 mots 17 mots 40 mots Mémorisation 100% 70% 30% Source : François Richaudeau, 1979
  • Concision : 1 idée = 1 paragraphe
  • Dé cou page Un 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
  • Aller à l’essentiel Creative Commons Fernando Revilla http://www.flickr.com/photos/revilla/644219138/
  • Structurer Creative commons Dynamosquito http://www.flickr.com/photos/dynamosquito
  • Rester clair Creative Commons Anita Martinz http://www.flickr.com/photos/annia316/754581568
  • Les sites web sont rendu plus accessibles aux handicapés grâce à la norme AccessiWeb Laquelle de ces phrases préférez-vous ? AccessiWeb rend les sites web plus accessibles aux handicapés
  • Utiliser la voix active Creative Commons Duncan c http://www.flickr.com/photos/duncan/3957636207/
  • Connaître sa cible
  • Dé nir l’o re en termes de modes de traitement
  • testé pour vous astuce actualité dossier rendez-vous en images interview info-service opinion chronique 3 questions à bon plan coulisses sondage glossaire conseils reportage tribune commentaire comparatif vidéo décryptage édito coulisses dernière heure réponse
  • Dé nir 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
  • 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 O re 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
  • Titre informatif versus incitatif
  • « Georges Simenon est mort »
  • « Maigret casse sa pipe »
  • « La Nano, la voiture la moins chère du monde, arrive en Inde »
  • « Sortie embouteillée pour la Nano low-cost »
  • Ecrire des titres pour informer
  • votre premier lecteur
  • 1000 milliards de pages web indexées
  • 17% + .com 83% Part du tra c généré par les moteurs de recherche (France) Janvier 2008 IAB et comScore
  • 42% des utilisateurs de cliquent sur le premier résultat
  • 5% des utilisateurs de cliquent sur le 4e résultat
  • Visibilité naturelle versus commerciale
  • 96
  • 7 principaux critères de visibilité des contenus
  • 7 principaux critères de visibilité des contenus 1 Nom du domaine http://www.mon-site.com
  • 7 principaux critères de visibilité des contenus 2 Titre de la page
  • 7 principaux critères de visibilité des contenus 3 Balises de titres et enrichissements <h1>, <h2>… <strong>, <em>, <ul>…
  • 7 principaux critères de visibilité des contenus 4 Page Rank Quantité et popularité des liens entrants (PR)
  • 7 principaux critères de visibilité des contenus 5 Texte des liens o shore Appellation des liens qui pointent sur votre page
  • Pour plus d’info sur ce site web, cliquez ici
  • Pour plus d’info visitez France Info Pour plus d’info visitez <a href="http://www.france-info.com/">France Info</a>
  • 7 principaux critères de visibilité des contenus 6 Termes lisibles de l’URL http://monsite.com/termes-lisibles
  • 7 principaux critères de visibilité des contenus 7 Contenus, contenus et contenus… Quantité, qualité et actualisation des contenus constituent la meilleure garantie de visibilité
  • Rédiger pour le Web Présentation conçue par Luc Legay (Les Explorateurs du 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 de cette 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/