Ecrire pour-le-web-2009-luc-legay-091215121405-phpapp01
-
Upload
juliette-carrasco -
Category
Self Improvement
-
view
963 -
download
0
description
Transcript of Ecrire pour-le-web-2009-luc-legay-091215121405-phpapp01
![Page 1: Ecrire pour-le-web-2009-luc-legay-091215121405-phpapp01](https://reader035.fdocument.pub/reader035/viewer/2022062701/553ac5ce550346b9328b45e2/html5/thumbnails/1.jpg)
Techniques et bonnes pratiques pour
Écrire 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)
Diffusable sous licence Creative Commons by-nc-nd/2.0 http://creativecommons.org/licenses/by-nc-nd/2.0/fr/
Remis à jour le 2 janvier 2010
![Page 2: Ecrire pour-le-web-2009-luc-legay-091215121405-phpapp01](https://reader035.fdocument.pub/reader035/viewer/2022062701/553ac5ce550346b9328b45e2/html5/thumbnails/2.jpg)
Techniques journalistiques
![Page 3: Ecrire pour-le-web-2009-luc-legay-091215121405-phpapp01](https://reader035.fdocument.pub/reader035/viewer/2022062701/553ac5ce550346b9328b45e2/html5/thumbnails/3.jpg)
Moi
Collègues
Famille
Amis
Santé
Argent
Travail
Société
Vie politique
Conjoint
Voisinage
Aujourd’huiDemainHier
Chez moi
Mon quartier
Ma région
Religion
Ma ville
Nation
Loi de proximité
Avant-hier
Loisirs
![Page 4: Ecrire pour-le-web-2009-luc-legay-091215121405-phpapp01](https://reader035.fdocument.pub/reader035/viewer/2022062701/553ac5ce550346b9328b45e2/html5/thumbnails/4.jpg)
Combien de niveaux de lecture dans un titre de presse ?
![Page 5: Ecrire pour-le-web-2009-luc-legay-091215121405-phpapp01](https://reader035.fdocument.pub/reader035/viewer/2022062701/553ac5ce550346b9328b45e2/html5/thumbnails/5.jpg)
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...
![Page 6: Ecrire pour-le-web-2009-luc-legay-091215121405-phpapp01](https://reader035.fdocument.pub/reader035/viewer/2022062701/553ac5ce550346b9328b45e2/html5/thumbnails/6.jpg)
Parfois plus de
100 niveaux de lecture différenciéspar un traitement graphique et éditorial spécifique
![Page 7: Ecrire pour-le-web-2009-luc-legay-091215121405-phpapp01](https://reader035.fdocument.pub/reader035/viewer/2022062701/553ac5ce550346b9328b45e2/html5/thumbnails/7.jpg)
![Page 8: Ecrire pour-le-web-2009-luc-legay-091215121405-phpapp01](https://reader035.fdocument.pub/reader035/viewer/2022062701/553ac5ce550346b9328b45e2/html5/thumbnails/8.jpg)
Finalité recherchée ?
![Page 9: Ecrire pour-le-web-2009-luc-legay-091215121405-phpapp01](https://reader035.fdocument.pub/reader035/viewer/2022062701/553ac5ce550346b9328b45e2/html5/thumbnails/9.jpg)
Eviter l’ennui…
Creative Commons Alexander N http://www.flickr.com/photos/64939463
![Page 10: Ecrire pour-le-web-2009-luc-legay-091215121405-phpapp01](https://reader035.fdocument.pub/reader035/viewer/2022062701/553ac5ce550346b9328b45e2/html5/thumbnails/10.jpg)
Print versus Web
![Page 11: Ecrire pour-le-web-2009-luc-legay-091215121405-phpapp01](https://reader035.fdocument.pub/reader035/viewer/2022062701/553ac5ce550346b9328b45e2/html5/thumbnails/11.jpg)
11
Quelles di!érences de contraintes ?
![Page 12: Ecrire pour-le-web-2009-luc-legay-091215121405-phpapp01](https://reader035.fdocument.pub/reader035/viewer/2022062701/553ac5ce550346b9328b45e2/html5/thumbnails/12.jpg)
Print qualité du support,
format support, encre, CMJN, 300
dpi, couleur-offset, roto, tirage,
calibrage des textes…
Web Pixels, RVB, résolution écran, 72 dpi, choix typo limité, débit de connexion,référencement, poids des pages…
![Page 13: Ecrire pour-le-web-2009-luc-legay-091215121405-phpapp01](https://reader035.fdocument.pub/reader035/viewer/2022062701/553ac5ce550346b9328b45e2/html5/thumbnails/13.jpg)
TV Radio Presse Web
ACCESSIBILITÉ OUI
TEXTE OUI OUI
PHOTO OUI OUI
VIDÉO OUI OUI
INTERACTIVITÉ OUI
INFOGRAPHIES OUI OUI
NONOUI MIX
Spéci"cités du Web face aux autres médias
![Page 14: Ecrire pour-le-web-2009-luc-legay-091215121405-phpapp01](https://reader035.fdocument.pub/reader035/viewer/2022062701/553ac5ce550346b9328b45e2/html5/thumbnails/14.jpg)
Lecture à l’écran
![Page 15: Ecrire pour-le-web-2009-luc-legay-091215121405-phpapp01](https://reader035.fdocument.pub/reader035/viewer/2022062701/553ac5ce550346b9328b45e2/html5/thumbnails/15.jpg)
Sur écran on lit en moyenne
25
moins vite que sur papier
%
Lisibilité
Source : http://www.useit.com/alertbox/percent-text-read.html
![Page 16: Ecrire pour-le-web-2009-luc-legay-091215121405-phpapp01](https://reader035.fdocument.pub/reader035/viewer/2022062701/553ac5ce550346b9328b45e2/html5/thumbnails/16.jpg)
Source : http://www.useit.com/alertbox/percent-text-read.html
![Page 17: Ecrire pour-le-web-2009-luc-legay-091215121405-phpapp01](https://reader035.fdocument.pub/reader035/viewer/2022062701/553ac5ce550346b9328b45e2/html5/thumbnails/17.jpg)
80%
20%
lecture mot à motlecture en diagonale
Lecture zapping
Source : http://www.useit.com/alertbox/percent-text-read.html
![Page 18: Ecrire pour-le-web-2009-luc-legay-091215121405-phpapp01](https://reader035.fdocument.pub/reader035/viewer/2022062701/553ac5ce550346b9328b45e2/html5/thumbnails/18.jpg)
Eyetracking
![Page 19: Ecrire pour-le-web-2009-luc-legay-091215121405-phpapp01](https://reader035.fdocument.pub/reader035/viewer/2022062701/553ac5ce550346b9328b45e2/html5/thumbnails/19.jpg)
Source : http://www.useit.com/alertbox/reading_pattern.html
![Page 20: Ecrire pour-le-web-2009-luc-legay-091215121405-phpapp01](https://reader035.fdocument.pub/reader035/viewer/2022062701/553ac5ce550346b9328b45e2/html5/thumbnails/20.jpg)
Je recherche
Lecture en « F »
Je m’intéresse
Source : Laurent Goffin http://www.gwix.net/web_gwix/article.asp?filID=233
![Page 21: Ecrire pour-le-web-2009-luc-legay-091215121405-phpapp01](https://reader035.fdocument.pub/reader035/viewer/2022062701/553ac5ce550346b9328b45e2/html5/thumbnails/21.jpg)
“scannabilité”ou perception de l’information
![Page 22: Ecrire pour-le-web-2009-luc-legay-091215121405-phpapp01](https://reader035.fdocument.pub/reader035/viewer/2022062701/553ac5ce550346b9328b45e2/html5/thumbnails/22.jpg)
3/10e de secondepour “scanner” un site
![Page 23: Ecrire pour-le-web-2009-luc-legay-091215121405-phpapp01](https://reader035.fdocument.pub/reader035/viewer/2022062701/553ac5ce550346b9328b45e2/html5/thumbnails/23.jpg)
Spéci"cités d’une page Web
![Page 24: Ecrire pour-le-web-2009-luc-legay-091215121405-phpapp01](https://reader035.fdocument.pub/reader035/viewer/2022062701/553ac5ce550346b9328b45e2/html5/thumbnails/24.jpg)
24
La ligne de #ottaison d’une page
![Page 25: Ecrire pour-le-web-2009-luc-legay-091215121405-phpapp01](https://reader035.fdocument.pub/reader035/viewer/2022062701/553ac5ce550346b9328b45e2/html5/thumbnails/25.jpg)
Seuls 22 % des internautes scrollent jusqu’au pied de page
Ligne de #ottaison
Source : ClickTale sur 120 000 pages vues entre nov. 2006 et Déc. 2006.http://blog.clicktale.com/?p=19 25
![Page 26: Ecrire pour-le-web-2009-luc-legay-091215121405-phpapp01](https://reader035.fdocument.pub/reader035/viewer/2022062701/553ac5ce550346b9328b45e2/html5/thumbnails/26.jpg)
Optimiser l’architecture du site
![Page 27: Ecrire pour-le-web-2009-luc-legay-091215121405-phpapp01](https://reader035.fdocument.pub/reader035/viewer/2022062701/553ac5ce550346b9328b45e2/html5/thumbnails/27.jpg)
le rubricagestructure et organise
les informations
![Page 28: Ecrire pour-le-web-2009-luc-legay-091215121405-phpapp01](https://reader035.fdocument.pub/reader035/viewer/2022062701/553ac5ce550346b9328b45e2/html5/thumbnails/28.jpg)
![Page 29: Ecrire pour-le-web-2009-luc-legay-091215121405-phpapp01](https://reader035.fdocument.pub/reader035/viewer/2022062701/553ac5ce550346b9328b45e2/html5/thumbnails/29.jpg)
les codes implicites
Creative Commons Brian Talbot http://www.flickr.com/photos/b-tal/116220689/
![Page 30: Ecrire pour-le-web-2009-luc-legay-091215121405-phpapp01](https://reader035.fdocument.pub/reader035/viewer/2022062701/553ac5ce550346b9328b45e2/html5/thumbnails/30.jpg)
Navigation principale
Navigation secondaire
Raccourcis contextuels
Liens transversaux
Mentions légales, créditsSource : http://www.ergolab.net/articles/architecture-information.html
![Page 31: Ecrire pour-le-web-2009-luc-legay-091215121405-phpapp01](https://reader035.fdocument.pub/reader035/viewer/2022062701/553ac5ce550346b9328b45e2/html5/thumbnails/31.jpg)
Mentions légales, crédits, contact
Navigation principale
Navigation secondaire
Fil d’ariane
Navigation transversale
![Page 32: Ecrire pour-le-web-2009-luc-legay-091215121405-phpapp01](https://reader035.fdocument.pub/reader035/viewer/2022062701/553ac5ce550346b9328b45e2/html5/thumbnails/32.jpg)
interactivité ?
lisibilité ?
multimédia ?
hypertexte ?
![Page 33: Ecrire pour-le-web-2009-luc-legay-091215121405-phpapp01](https://reader035.fdocument.pub/reader035/viewer/2022062701/553ac5ce550346b9328b45e2/html5/thumbnails/33.jpg)
Hypertexte :une page web est toujours reliée
![Page 34: Ecrire pour-le-web-2009-luc-legay-091215121405-phpapp01](https://reader035.fdocument.pub/reader035/viewer/2022062701/553ac5ce550346b9328b45e2/html5/thumbnails/34.jpg)
Quel texte sur un lien ?Cliquez-ici
![Page 35: Ecrire pour-le-web-2009-luc-legay-091215121405-phpapp01](https://reader035.fdocument.pub/reader035/viewer/2022062701/553ac5ce550346b9328b45e2/html5/thumbnails/35.jpg)
Proposer des liens vers des articles internes complémentaires
![Page 36: Ecrire pour-le-web-2009-luc-legay-091215121405-phpapp01](https://reader035.fdocument.pub/reader035/viewer/2022062701/553ac5ce550346b9328b45e2/html5/thumbnails/36.jpg)
![Page 37: Ecrire pour-le-web-2009-luc-legay-091215121405-phpapp01](https://reader035.fdocument.pub/reader035/viewer/2022062701/553ac5ce550346b9328b45e2/html5/thumbnails/37.jpg)
242 liens internes
![Page 38: Ecrire pour-le-web-2009-luc-legay-091215121405-phpapp01](https://reader035.fdocument.pub/reader035/viewer/2022062701/553ac5ce550346b9328b45e2/html5/thumbnails/38.jpg)
Proposer des liens vers des ressources externes complémentaires
![Page 39: Ecrire pour-le-web-2009-luc-legay-091215121405-phpapp01](https://reader035.fdocument.pub/reader035/viewer/2022062701/553ac5ce550346b9328b45e2/html5/thumbnails/39.jpg)
![Page 40: Ecrire pour-le-web-2009-luc-legay-091215121405-phpapp01](https://reader035.fdocument.pub/reader035/viewer/2022062701/553ac5ce550346b9328b45e2/html5/thumbnails/40.jpg)
MultimédiaImages, vidéos, animations
![Page 41: Ecrire pour-le-web-2009-luc-legay-091215121405-phpapp01](https://reader035.fdocument.pub/reader035/viewer/2022062701/553ac5ce550346b9328b45e2/html5/thumbnails/41.jpg)
![Page 42: Ecrire pour-le-web-2009-luc-legay-091215121405-phpapp01](https://reader035.fdocument.pub/reader035/viewer/2022062701/553ac5ce550346b9328b45e2/html5/thumbnails/42.jpg)
InteractivitéCommentaires, réactions, avis…
![Page 43: Ecrire pour-le-web-2009-luc-legay-091215121405-phpapp01](https://reader035.fdocument.pub/reader035/viewer/2022062701/553ac5ce550346b9328b45e2/html5/thumbnails/43.jpg)
consommateurs vs producteurs
![Page 44: Ecrire pour-le-web-2009-luc-legay-091215121405-phpapp01](https://reader035.fdocument.pub/reader035/viewer/2022062701/553ac5ce550346b9328b45e2/html5/thumbnails/44.jpg)
ViralEnvoyer à un ami, ajouter à Delicious,
poster sur Twitter…
![Page 45: Ecrire pour-le-web-2009-luc-legay-091215121405-phpapp01](https://reader035.fdocument.pub/reader035/viewer/2022062701/553ac5ce550346b9328b45e2/html5/thumbnails/45.jpg)
Règles d’écriture Web
![Page 46: Ecrire pour-le-web-2009-luc-legay-091215121405-phpapp01](https://reader035.fdocument.pub/reader035/viewer/2022062701/553ac5ce550346b9328b45e2/html5/thumbnails/46.jpg)
La pyramide inversée
![Page 47: Ecrire pour-le-web-2009-luc-legay-091215121405-phpapp01](https://reader035.fdocument.pub/reader035/viewer/2022062701/553ac5ce550346b9328b45e2/html5/thumbnails/47.jpg)
Organiser l’information du synthétique vers l’exhaustif
![Page 48: Ecrire pour-le-web-2009-luc-legay-091215121405-phpapp01](https://reader035.fdocument.pub/reader035/viewer/2022062701/553ac5ce550346b9328b45e2/html5/thumbnails/48.jpg)
1. News 2. Sports 3. Tech 4. Life 5. Travel
![Page 49: Ecrire pour-le-web-2009-luc-legay-091215121405-phpapp01](https://reader035.fdocument.pub/reader035/viewer/2022062701/553ac5ce550346b9328b45e2/html5/thumbnails/49.jpg)
l’essentiel
les détails
![Page 50: Ecrire pour-le-web-2009-luc-legay-091215121405-phpapp01](https://reader035.fdocument.pub/reader035/viewer/2022062701/553ac5ce550346b9328b45e2/html5/thumbnails/50.jpg)
+ récent + immédiat + important + proche
+ détaillé + loin
Titrechapeau
texte
![Page 51: Ecrire pour-le-web-2009-luc-legay-091215121405-phpapp01](https://reader035.fdocument.pub/reader035/viewer/2022062701/553ac5ce550346b9328b45e2/html5/thumbnails/51.jpg)
QQOQPQui, quoi, où, quand et pourquoi ?
![Page 52: Ecrire pour-le-web-2009-luc-legay-091215121405-phpapp01](https://reader035.fdocument.pub/reader035/viewer/2022062701/553ac5ce550346b9328b45e2/html5/thumbnails/52.jpg)
5 W + 2who (qui), what (quoi), when (quand),
where (où), why (pourquoi) et, parfois, how (comment)
et how much (combien) ?
![Page 53: Ecrire pour-le-web-2009-luc-legay-091215121405-phpapp01](https://reader035.fdocument.pub/reader035/viewer/2022062701/553ac5ce550346b9328b45e2/html5/thumbnails/53.jpg)
Faciliter la lecture
Creative Commons Thomas Hawk http://www.flickr.com/photos/thomashawk/2354086423/
![Page 54: Ecrire pour-le-web-2009-luc-legay-091215121405-phpapp01](https://reader035.fdocument.pub/reader035/viewer/2022062701/553ac5ce550346b9328b45e2/html5/thumbnails/54.jpg)
Creative Commons Margolove (Margo C.) http://www.flickr.com/photos/margolove/1810357551/
Ecrire court
![Page 55: Ecrire pour-le-web-2009-luc-legay-091215121405-phpapp01](https://reader035.fdocument.pub/reader035/viewer/2022062701/553ac5ce550346b9328b45e2/html5/thumbnails/55.jpg)
Relire pour réduire
Creative Commons Thomas Hawk http://www.flickr.com/photos/thomashawk/93821899
![Page 56: Ecrire pour-le-web-2009-luc-legay-091215121405-phpapp01](https://reader035.fdocument.pub/reader035/viewer/2022062701/553ac5ce550346b9328b45e2/html5/thumbnails/56.jpg)
Source : http://www.cybertribes.com/lisibilite.html
correspond à l’empande la mémoire(10), soit à notre
capacité moyenne de mémorisation
à 20 mots
immédiate des informations (20)…
15
![Page 57: Ecrire pour-le-web-2009-luc-legay-091215121405-phpapp01](https://reader035.fdocument.pub/reader035/viewer/2022062701/553ac5ce550346b9328b45e2/html5/thumbnails/57.jpg)
Phrase 12 mots 17 mots 40 mots
Mémorisation 100% 70% 30%
Capacité de mémorisation
Source : François Richaudeau, 1979
![Page 58: Ecrire pour-le-web-2009-luc-legay-091215121405-phpapp01](https://reader035.fdocument.pub/reader035/viewer/2022062701/553ac5ce550346b9328b45e2/html5/thumbnails/58.jpg)
Concision : 1 idée = 1 paragraphe
![Page 59: Ecrire pour-le-web-2009-luc-legay-091215121405-phpapp01](https://reader035.fdocument.pub/reader035/viewer/2022062701/553ac5ce550346b9328b45e2/html5/thumbnails/59.jpg)
page
Décou
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
![Page 60: Ecrire pour-le-web-2009-luc-legay-091215121405-phpapp01](https://reader035.fdocument.pub/reader035/viewer/2022062701/553ac5ce550346b9328b45e2/html5/thumbnails/60.jpg)
Creative Commons Fernando Revilla http://www.flickr.com/photos/revilla/644219138/
Aller à l’essentiel
![Page 61: Ecrire pour-le-web-2009-luc-legay-091215121405-phpapp01](https://reader035.fdocument.pub/reader035/viewer/2022062701/553ac5ce550346b9328b45e2/html5/thumbnails/61.jpg)
Creative commons Dynamosquito http://www.flickr.com/photos/dynamosquito
Structurer
![Page 62: Ecrire pour-le-web-2009-luc-legay-091215121405-phpapp01](https://reader035.fdocument.pub/reader035/viewer/2022062701/553ac5ce550346b9328b45e2/html5/thumbnails/62.jpg)
Rester clair
Creative Commons Anita Martinz http://www.flickr.com/photos/annia316/754581568
![Page 63: Ecrire pour-le-web-2009-luc-legay-091215121405-phpapp01](https://reader035.fdocument.pub/reader035/viewer/2022062701/553ac5ce550346b9328b45e2/html5/thumbnails/63.jpg)
AccessiWeb rend les sites webplus accessibles aux handicapés
Les sites web sont rendu plus accessiblesaux handicapés grâce à la norme AccessiWeb
Laquelle de ces phrases préférez-vous ?
![Page 64: Ecrire pour-le-web-2009-luc-legay-091215121405-phpapp01](https://reader035.fdocument.pub/reader035/viewer/2022062701/553ac5ce550346b9328b45e2/html5/thumbnails/64.jpg)
Utiliser la voix active
Creative Commons Duncan c http://www.flickr.com/photos/duncan/3957636207/
![Page 65: Ecrire pour-le-web-2009-luc-legay-091215121405-phpapp01](https://reader035.fdocument.pub/reader035/viewer/2022062701/553ac5ce550346b9328b45e2/html5/thumbnails/65.jpg)
Connaître sa cible
![Page 66: Ecrire pour-le-web-2009-luc-legay-091215121405-phpapp01](https://reader035.fdocument.pub/reader035/viewer/2022062701/553ac5ce550346b9328b45e2/html5/thumbnails/66.jpg)
Dé"nir l’o!re en termes de modes de traitement
![Page 67: Ecrire pour-le-web-2009-luc-legay-091215121405-phpapp01](https://reader035.fdocument.pub/reader035/viewer/2022062701/553ac5ce550346b9328b45e2/html5/thumbnails/67.jpg)
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
![Page 68: Ecrire pour-le-web-2009-luc-legay-091215121405-phpapp01](https://reader035.fdocument.pub/reader035/viewer/2022062701/553ac5ce550346b9328b45e2/html5/thumbnails/68.jpg)
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
![Page 69: Ecrire pour-le-web-2009-luc-legay-091215121405-phpapp01](https://reader035.fdocument.pub/reader035/viewer/2022062701/553ac5ce550346b9328b45e2/html5/thumbnails/69.jpg)
Organiser l’accès aux contenus
![Page 70: Ecrire pour-le-web-2009-luc-legay-091215121405-phpapp01](https://reader035.fdocument.pub/reader035/viewer/2022062701/553ac5ce550346b9328b45e2/html5/thumbnails/70.jpg)
ThématiqueOrganiser l’accès aux contenus
![Page 71: Ecrire pour-le-web-2009-luc-legay-091215121405-phpapp01](https://reader035.fdocument.pub/reader035/viewer/2022062701/553ac5ce550346b9328b45e2/html5/thumbnails/71.jpg)
Organiser l’accès aux contenus
Géographique
![Page 72: Ecrire pour-le-web-2009-luc-legay-091215121405-phpapp01](https://reader035.fdocument.pub/reader035/viewer/2022062701/553ac5ce550346b9328b45e2/html5/thumbnails/72.jpg)
ChronologiqueOrganiser l’accès aux contenus
72
![Page 73: Ecrire pour-le-web-2009-luc-legay-091215121405-phpapp01](https://reader035.fdocument.pub/reader035/viewer/2022062701/553ac5ce550346b9328b45e2/html5/thumbnails/73.jpg)
Organiser l’accès aux contenus
Alphabétique
![Page 74: Ecrire pour-le-web-2009-luc-legay-091215121405-phpapp01](https://reader035.fdocument.pub/reader035/viewer/2022062701/553ac5ce550346b9328b45e2/html5/thumbnails/74.jpg)
Organiser l’accès aux contenus
74
Rédactionnelle
![Page 75: Ecrire pour-le-web-2009-luc-legay-091215121405-phpapp01](https://reader035.fdocument.pub/reader035/viewer/2022062701/553ac5ce550346b9328b45e2/html5/thumbnails/75.jpg)
O!re produitOrganiser l’accès aux contenus
75
![Page 76: Ecrire pour-le-web-2009-luc-legay-091215121405-phpapp01](https://reader035.fdocument.pub/reader035/viewer/2022062701/553ac5ce550346b9328b45e2/html5/thumbnails/76.jpg)
AudienceOrganiser l’accès aux contenus
76
![Page 77: Ecrire pour-le-web-2009-luc-legay-091215121405-phpapp01](https://reader035.fdocument.pub/reader035/viewer/2022062701/553ac5ce550346b9328b45e2/html5/thumbnails/77.jpg)
FonctionnelleOrganiser l’accès aux contenus
![Page 78: Ecrire pour-le-web-2009-luc-legay-091215121405-phpapp01](https://reader035.fdocument.pub/reader035/viewer/2022062701/553ac5ce550346b9328b45e2/html5/thumbnails/78.jpg)
Organiser l’accès aux contenus
78
Popularité
![Page 79: Ecrire pour-le-web-2009-luc-legay-091215121405-phpapp01](https://reader035.fdocument.pub/reader035/viewer/2022062701/553ac5ce550346b9328b45e2/html5/thumbnails/79.jpg)
Organiser l’accès aux contenus
79
Pertinence
![Page 80: Ecrire pour-le-web-2009-luc-legay-091215121405-phpapp01](https://reader035.fdocument.pub/reader035/viewer/2022062701/553ac5ce550346b9328b45e2/html5/thumbnails/80.jpg)
Par où arrive le visiteur ?
![Page 81: Ecrire pour-le-web-2009-luc-legay-091215121405-phpapp01](https://reader035.fdocument.pub/reader035/viewer/2022062701/553ac5ce550346b9328b45e2/html5/thumbnails/81.jpg)
Pas toujours par la grande porte
![Page 82: Ecrire pour-le-web-2009-luc-legay-091215121405-phpapp01](https://reader035.fdocument.pub/reader035/viewer/2022062701/553ac5ce550346b9328b45e2/html5/thumbnails/82.jpg)
82
Chaque page peut devenir une porte d’entrée
![Page 83: Ecrire pour-le-web-2009-luc-legay-091215121405-phpapp01](https://reader035.fdocument.pub/reader035/viewer/2022062701/553ac5ce550346b9328b45e2/html5/thumbnails/83.jpg)
Titre informatif versus incitatif
![Page 84: Ecrire pour-le-web-2009-luc-legay-091215121405-phpapp01](https://reader035.fdocument.pub/reader035/viewer/2022062701/553ac5ce550346b9328b45e2/html5/thumbnails/84.jpg)
« Georges Simenon est mort »
![Page 85: Ecrire pour-le-web-2009-luc-legay-091215121405-phpapp01](https://reader035.fdocument.pub/reader035/viewer/2022062701/553ac5ce550346b9328b45e2/html5/thumbnails/85.jpg)
« Maigret casse sa pipe »
![Page 86: Ecrire pour-le-web-2009-luc-legay-091215121405-phpapp01](https://reader035.fdocument.pub/reader035/viewer/2022062701/553ac5ce550346b9328b45e2/html5/thumbnails/86.jpg)
« La Nano, la voiture la moins chère du monde, arrive en Inde »
![Page 87: Ecrire pour-le-web-2009-luc-legay-091215121405-phpapp01](https://reader035.fdocument.pub/reader035/viewer/2022062701/553ac5ce550346b9328b45e2/html5/thumbnails/87.jpg)
« Sortie embouteillée pour la Nano low-cost »
![Page 88: Ecrire pour-le-web-2009-luc-legay-091215121405-phpapp01](https://reader035.fdocument.pub/reader035/viewer/2022062701/553ac5ce550346b9328b45e2/html5/thumbnails/88.jpg)
![Page 89: Ecrire pour-le-web-2009-luc-legay-091215121405-phpapp01](https://reader035.fdocument.pub/reader035/viewer/2022062701/553ac5ce550346b9328b45e2/html5/thumbnails/89.jpg)
Ecrire des titres pour informer
![Page 90: Ecrire pour-le-web-2009-luc-legay-091215121405-phpapp01](https://reader035.fdocument.pub/reader035/viewer/2022062701/553ac5ce550346b9328b45e2/html5/thumbnails/90.jpg)
votre premier lecteur
![Page 91: Ecrire pour-le-web-2009-luc-legay-091215121405-phpapp01](https://reader035.fdocument.pub/reader035/viewer/2022062701/553ac5ce550346b9328b45e2/html5/thumbnails/91.jpg)
milliards de pages web indexées1000
![Page 92: Ecrire pour-le-web-2009-luc-legay-091215121405-phpapp01](https://reader035.fdocument.pub/reader035/viewer/2022062701/553ac5ce550346b9328b45e2/html5/thumbnails/92.jpg)
17%
83%Part du tra"c généré par les moteurs de recherche (France)
.com+
Janvier 2008 IAB et comScore
![Page 93: Ecrire pour-le-web-2009-luc-legay-091215121405-phpapp01](https://reader035.fdocument.pub/reader035/viewer/2022062701/553ac5ce550346b9328b45e2/html5/thumbnails/93.jpg)
des utilisateurs de cliquent sur le premier résultat
42%
![Page 94: Ecrire pour-le-web-2009-luc-legay-091215121405-phpapp01](https://reader035.fdocument.pub/reader035/viewer/2022062701/553ac5ce550346b9328b45e2/html5/thumbnails/94.jpg)
des utilisateurs de cliquent sur le 4e résultat
5%
![Page 95: Ecrire pour-le-web-2009-luc-legay-091215121405-phpapp01](https://reader035.fdocument.pub/reader035/viewer/2022062701/553ac5ce550346b9328b45e2/html5/thumbnails/95.jpg)
Visibilité naturelle versus commerciale
![Page 96: Ecrire pour-le-web-2009-luc-legay-091215121405-phpapp01](https://reader035.fdocument.pub/reader035/viewer/2022062701/553ac5ce550346b9328b45e2/html5/thumbnails/96.jpg)
96
![Page 97: Ecrire pour-le-web-2009-luc-legay-091215121405-phpapp01](https://reader035.fdocument.pub/reader035/viewer/2022062701/553ac5ce550346b9328b45e2/html5/thumbnails/97.jpg)
7 principaux critères de visibilité des contenus
![Page 98: Ecrire pour-le-web-2009-luc-legay-091215121405-phpapp01](https://reader035.fdocument.pub/reader035/viewer/2022062701/553ac5ce550346b9328b45e2/html5/thumbnails/98.jpg)
1 Nom du domaine
7 principaux critères de visibilité des contenus
http://www.mon-site.com
![Page 99: Ecrire pour-le-web-2009-luc-legay-091215121405-phpapp01](https://reader035.fdocument.pub/reader035/viewer/2022062701/553ac5ce550346b9328b45e2/html5/thumbnails/99.jpg)
2 Titre de la page
7 principaux critères de visibilité des contenus
![Page 100: Ecrire pour-le-web-2009-luc-legay-091215121405-phpapp01](https://reader035.fdocument.pub/reader035/viewer/2022062701/553ac5ce550346b9328b45e2/html5/thumbnails/100.jpg)
![Page 101: Ecrire pour-le-web-2009-luc-legay-091215121405-phpapp01](https://reader035.fdocument.pub/reader035/viewer/2022062701/553ac5ce550346b9328b45e2/html5/thumbnails/101.jpg)
3 Balises de titres et enrichissements<h1>, <h2>… <strong>, <em>, <ul>…
7 principaux critères de visibilité des contenus
![Page 102: Ecrire pour-le-web-2009-luc-legay-091215121405-phpapp01](https://reader035.fdocument.pub/reader035/viewer/2022062701/553ac5ce550346b9328b45e2/html5/thumbnails/102.jpg)
4 Page RankQuantité et popularitédes liens entrants (PR)
7 principaux critères de visibilité des contenus
![Page 103: Ecrire pour-le-web-2009-luc-legay-091215121405-phpapp01](https://reader035.fdocument.pub/reader035/viewer/2022062701/553ac5ce550346b9328b45e2/html5/thumbnails/103.jpg)
![Page 104: Ecrire pour-le-web-2009-luc-legay-091215121405-phpapp01](https://reader035.fdocument.pub/reader035/viewer/2022062701/553ac5ce550346b9328b45e2/html5/thumbnails/104.jpg)
5 Texte des liens o!shoreAppellation des liens qui pointent sur votre page
7 principaux critères de visibilité des contenus
![Page 106: Ecrire pour-le-web-2009-luc-legay-091215121405-phpapp01](https://reader035.fdocument.pub/reader035/viewer/2022062701/553ac5ce550346b9328b45e2/html5/thumbnails/106.jpg)
Pour plus d’info visitez France Info
Pour plus d’info visitez <a href="http://www.france-info.com/">France Info</a>
![Page 107: Ecrire pour-le-web-2009-luc-legay-091215121405-phpapp01](https://reader035.fdocument.pub/reader035/viewer/2022062701/553ac5ce550346b9328b45e2/html5/thumbnails/107.jpg)
6 Termes lisibles de l’URLhttp://monsite.com/termes-lisibles
7 principaux critères de visibilité des contenus
![Page 108: Ecrire pour-le-web-2009-luc-legay-091215121405-phpapp01](https://reader035.fdocument.pub/reader035/viewer/2022062701/553ac5ce550346b9328b45e2/html5/thumbnails/108.jpg)
7 Contenus, contenus et contenus…Quantité, qualité et actualisation des contenus constituent la meilleure garantie de visibilité
7 principaux critères de visibilité des contenus
![Page 109: Ecrire pour-le-web-2009-luc-legay-091215121405-phpapp01](https://reader035.fdocument.pub/reader035/viewer/2022062701/553ac5ce550346b9328b45e2/html5/thumbnails/109.jpg)
Rédiger pour le WebPré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/