ecrire pour le web - comment faire en bibliothèque ?
TRANSCRIPT
![Page 1: Ecrire pour le web - comment faire en bibliothèque ?](https://reader033.vdocuments.site/reader033/viewer/2022042706/58726e9c1a28ab31498b6385/html5/thumbnails/1.jpg)
ECRIRE POUR LE WEB
Anne-Gaëlle GAUDION
MDIV - 15 septembre 2016MDIV - 16 septembre 2016
![Page 2: Ecrire pour le web - comment faire en bibliothèque ?](https://reader033.vdocuments.site/reader033/viewer/2022042706/58726e9c1a28ab31498b6385/html5/thumbnails/2.jpg)
Le bibliothécaire, un journaliste ?
Convergence des métiers sans se confondre
http://www.flickr.com/photos/dweinberger/563919
![Page 3: Ecrire pour le web - comment faire en bibliothèque ?](https://reader033.vdocuments.site/reader033/viewer/2022042706/58726e9c1a28ab31498b6385/html5/thumbnails/3.jpg)
Les bibliothécaires deviennent journalistes...
et les journalistes bibliothécaires...
![Page 4: Ecrire pour le web - comment faire en bibliothèque ?](https://reader033.vdocuments.site/reader033/viewer/2022042706/58726e9c1a28ab31498b6385/html5/thumbnails/4.jpg)
Production et diffusion de contenus 3 pré-requis essentiels
………..
Maîtriser les règles de l'écriture web
Rédiger des contenus numériques efficaces(cf. les 4C = crédibilité, clarté, concision, cohérence)
Optimiser ses contenus (référencement + dissémination + mutualisation)
![Page 5: Ecrire pour le web - comment faire en bibliothèque ?](https://reader033.vdocuments.site/reader033/viewer/2022042706/58726e9c1a28ab31498b6385/html5/thumbnails/5.jpg)
Lecture à
l'écran
Source : http://www.slideshare.net/lucos/ecrire-pour-le-web-en-2010
![Page 6: Ecrire pour le web - comment faire en bibliothèque ?](https://reader033.vdocuments.site/reader033/viewer/2022042706/58726e9c1a28ab31498b6385/html5/thumbnails/6.jpg)
Source : http://www.slideshare.net/lucos/ecrire-pour-le-web-en-2010
![Page 7: Ecrire pour le web - comment faire en bibliothèque ?](https://reader033.vdocuments.site/reader033/viewer/2022042706/58726e9c1a28ab31498b6385/html5/thumbnails/7.jpg)
Source : http://www.slideshare.net/lucos/ecrire-pour-le-web-en-2010
![Page 8: Ecrire pour le web - comment faire en bibliothèque ?](https://reader033.vdocuments.site/reader033/viewer/2022042706/58726e9c1a28ab31498b6385/html5/thumbnails/8.jpg)
Source : http://www.slideshare.net/lucos/ecrire-pour-le-web-en-2010
![Page 9: Ecrire pour le web - comment faire en bibliothèque ?](https://reader033.vdocuments.site/reader033/viewer/2022042706/58726e9c1a28ab31498b6385/html5/thumbnails/9.jpg)
On lit 25% moins vite à l’écran
Le chiffre circulait depuis 1997, qu'on lisait « 25 % moins vite à l'écran que sur le papier »… mais cela datait d'une étude faite à l'époque où les écrans (résolutions, brillance, technologies…) étaient encore très inconfortables.
Les écrans ont bien évolué et, si l'on peut préférer tel ou tel support (imprimé, PC, tablette, liseuse…), une étude a montré qu'on ne lit que 6 % moins vite sur iPad par rapport au papier !
Cependant, la vision périphérique peut être perturbée par le contexte numérique (bannières, bandeaux, images, publicités, vidéos, logos…), celui-ci pouvant donc fatiguer ou ralentir la lecture.
Source : http://blog.60canards.com/2010/07/vitesse-de-lecture-l-ecart-entre-l-ecran-et-le-papier-se-reduit
![Page 10: Ecrire pour le web - comment faire en bibliothèque ?](https://reader033.vdocuments.site/reader033/viewer/2022042706/58726e9c1a28ab31498b6385/html5/thumbnails/10.jpg)
![Page 11: Ecrire pour le web - comment faire en bibliothèque ?](https://reader033.vdocuments.site/reader033/viewer/2022042706/58726e9c1a28ab31498b6385/html5/thumbnails/11.jpg)
Lecture sur le web, quelques chiffres
→ Temps moyen passé sur une page web : 30-60s
→ Temps moyen passé sur un site web : 2 min
→ Nb moyen de pages consultées sur un même site web : 2
→ 79 % des internautes lisent toujours en diagonale vs 16 % des internautes qui lisent mot à mot
→ Le lecteur lit en moyenne 20 % à 28 % des mots sur une page
Source : Bien rédiger pour le web, Isabelle Canivet, Eyrolles, 2014
![Page 12: Ecrire pour le web - comment faire en bibliothèque ?](https://reader033.vdocuments.site/reader033/viewer/2022042706/58726e9c1a28ab31498b6385/html5/thumbnails/12.jpg)
![Page 13: Ecrire pour le web - comment faire en bibliothèque ?](https://reader033.vdocuments.site/reader033/viewer/2022042706/58726e9c1a28ab31498b6385/html5/thumbnails/13.jpg)
![Page 14: Ecrire pour le web - comment faire en bibliothèque ?](https://reader033.vdocuments.site/reader033/viewer/2022042706/58726e9c1a28ab31498b6385/html5/thumbnails/14.jpg)
![Page 15: Ecrire pour le web - comment faire en bibliothèque ?](https://reader033.vdocuments.site/reader033/viewer/2022042706/58726e9c1a28ab31498b6385/html5/thumbnails/15.jpg)
Source : http://www.slideshare.net/lucos/ecrire-pour-le-web-en-2010
![Page 16: Ecrire pour le web - comment faire en bibliothèque ?](https://reader033.vdocuments.site/reader033/viewer/2022042706/58726e9c1a28ab31498b6385/html5/thumbnails/16.jpg)
![Page 17: Ecrire pour le web - comment faire en bibliothèque ?](https://reader033.vdocuments.site/reader033/viewer/2022042706/58726e9c1a28ab31498b6385/html5/thumbnails/17.jpg)
D'après les études sur le scroll :76 % des pages comportant un ascenseur vertical ont été scrollées mais seulement 22 % jusqu'au pied de page.
Le lecteur balaie les titres à la recherche des mots-clés mais ne lit pas les contenus.
Le temps de fixation décroît au fur et à mesure du scroll, il faut donc relancer l'intérêt du lecteur par des points d'arrêt judicieusement placés : images, intertitres, encadrés...
![Page 18: Ecrire pour le web - comment faire en bibliothèque ?](https://reader033.vdocuments.site/reader033/viewer/2022042706/58726e9c1a28ab31498b6385/html5/thumbnails/18.jpg)
![Page 19: Ecrire pour le web - comment faire en bibliothèque ?](https://reader033.vdocuments.site/reader033/viewer/2022042706/58726e9c1a28ab31498b6385/html5/thumbnails/19.jpg)
![Page 20: Ecrire pour le web - comment faire en bibliothèque ?](https://reader033.vdocuments.site/reader033/viewer/2022042706/58726e9c1a28ab31498b6385/html5/thumbnails/20.jpg)
Une écriture web ?
![Page 21: Ecrire pour le web - comment faire en bibliothèque ?](https://reader033.vdocuments.site/reader033/viewer/2022042706/58726e9c1a28ab31498b6385/html5/thumbnails/21.jpg)
Écrire pour le web, ça s’apprend
![Page 22: Ecrire pour le web - comment faire en bibliothèque ?](https://reader033.vdocuments.site/reader033/viewer/2022042706/58726e9c1a28ab31498b6385/html5/thumbnails/22.jpg)
![Page 23: Ecrire pour le web - comment faire en bibliothèque ?](https://reader033.vdocuments.site/reader033/viewer/2022042706/58726e9c1a28ab31498b6385/html5/thumbnails/23.jpg)
La pyramide inversée
![Page 24: Ecrire pour le web - comment faire en bibliothèque ?](https://reader033.vdocuments.site/reader033/viewer/2022042706/58726e9c1a28ab31498b6385/html5/thumbnails/24.jpg)
Chute de l'attention
![Page 25: Ecrire pour le web - comment faire en bibliothèque ?](https://reader033.vdocuments.site/reader033/viewer/2022042706/58726e9c1a28ab31498b6385/html5/thumbnails/25.jpg)
![Page 26: Ecrire pour le web - comment faire en bibliothèque ?](https://reader033.vdocuments.site/reader033/viewer/2022042706/58726e9c1a28ab31498b6385/html5/thumbnails/26.jpg)
![Page 27: Ecrire pour le web - comment faire en bibliothèque ?](https://reader033.vdocuments.site/reader033/viewer/2022042706/58726e9c1a28ab31498b6385/html5/thumbnails/27.jpg)
Encourager à explorer ce qui se trouve plus bas sur la page.
Un sommaire pour les articles les plus longs
![Page 28: Ecrire pour le web - comment faire en bibliothèque ?](https://reader033.vdocuments.site/reader033/viewer/2022042706/58726e9c1a28ab31498b6385/html5/thumbnails/28.jpg)
Structurer l’information
inter-titres
mots en gras
citations
![Page 29: Ecrire pour le web - comment faire en bibliothèque ?](https://reader033.vdocuments.site/reader033/viewer/2022042706/58726e9c1a28ab31498b6385/html5/thumbnails/29.jpg)
Les fractures visuelles doivent être bien pensées :
→ Les gros titres favorisent le balayage visuel et facilitent la lecture mais ils ont un revers : le lecteur ne voit pas les autres informations contenues dans la page.
→ Le lecteur ne lira pas une accroche trop petite sous un titre trop gros, sauf si elle est placée à côté (plutôt qu'en dessous).
→ Des titres plus petits induiront davantage de scroll et favoriseront la lecture des accroches en réduisant ces fractures visuelles.
Insérer des fractures visuelles
![Page 30: Ecrire pour le web - comment faire en bibliothèque ?](https://reader033.vdocuments.site/reader033/viewer/2022042706/58726e9c1a28ab31498b6385/html5/thumbnails/30.jpg)
Le lecteur ne lit que les premiers mots d'un même ensemble textuel : la fixation de l'oeil est plus longue sur le premier tiers.
Il est donc impératif d'y concentrer l'information principale et prioritaire, d'où le terme de front-loading (chargement en façade).
Pour cette raison, l'accroche ne doit pas être redondante avec le titre mais complémentaire (autre avantage : le snippet des moteurs de recherche et des réseaux sociaux).
Front-loading : le premier tiers
![Page 31: Ecrire pour le web - comment faire en bibliothèque ?](https://reader033.vdocuments.site/reader033/viewer/2022042706/58726e9c1a28ab31498b6385/html5/thumbnails/31.jpg)
Ecrire court
15 à 20 mots maximum !
![Page 32: Ecrire pour le web - comment faire en bibliothèque ?](https://reader033.vdocuments.site/reader033/viewer/2022042706/58726e9c1a28ab31498b6385/html5/thumbnails/32.jpg)
![Page 33: Ecrire pour le web - comment faire en bibliothèque ?](https://reader033.vdocuments.site/reader033/viewer/2022042706/58726e9c1a28ab31498b6385/html5/thumbnails/33.jpg)
Titres informatifs
http://www.flickr.com/photos/brij/18921531 Titres incitatifs
![Page 34: Ecrire pour le web - comment faire en bibliothèque ?](https://reader033.vdocuments.site/reader033/viewer/2022042706/58726e9c1a28ab31498b6385/html5/thumbnails/34.jpg)
Source : http://www.slideshare.net/lucos/ecrire-pour-le-web-en-2010
![Page 35: Ecrire pour le web - comment faire en bibliothèque ?](https://reader033.vdocuments.site/reader033/viewer/2022042706/58726e9c1a28ab31498b6385/html5/thumbnails/35.jpg)
Des titres pour informer
![Page 36: Ecrire pour le web - comment faire en bibliothèque ?](https://reader033.vdocuments.site/reader033/viewer/2022042706/58726e9c1a28ab31498b6385/html5/thumbnails/36.jpg)
![Page 37: Ecrire pour le web - comment faire en bibliothèque ?](https://reader033.vdocuments.site/reader033/viewer/2022042706/58726e9c1a28ab31498b6385/html5/thumbnails/37.jpg)
![Page 38: Ecrire pour le web - comment faire en bibliothèque ?](https://reader033.vdocuments.site/reader033/viewer/2022042706/58726e9c1a28ab31498b6385/html5/thumbnails/38.jpg)
Sujet + Verbe + Complément
Forme active
Une idée = un paragraphe
Utiliser leprésent
Etre clair et concis
![Page 39: Ecrire pour le web - comment faire en bibliothèque ?](https://reader033.vdocuments.site/reader033/viewer/2022042706/58726e9c1a28ab31498b6385/html5/thumbnails/39.jpg)
Les mots à bannir du web
→ les mots vagues (ex : conception, réalisation)→ le jargon sectoriel (ex : ressources numériques)→ les abréviations→ les références au contexte (ex : il y a 2 ans)→ les mots trop longs→ les mots trop complexes
![Page 40: Ecrire pour le web - comment faire en bibliothèque ?](https://reader033.vdocuments.site/reader033/viewer/2022042706/58726e9c1a28ab31498b6385/html5/thumbnails/40.jpg)
Importance de la relecture
http://www.flickr.com/photos/p_h/2461925124
![Page 41: Ecrire pour le web - comment faire en bibliothèque ?](https://reader033.vdocuments.site/reader033/viewer/2022042706/58726e9c1a28ab31498b6385/html5/thumbnails/41.jpg)
![Page 42: Ecrire pour le web - comment faire en bibliothèque ?](https://reader033.vdocuments.site/reader033/viewer/2022042706/58726e9c1a28ab31498b6385/html5/thumbnails/42.jpg)
![Page 43: Ecrire pour le web - comment faire en bibliothèque ?](https://reader033.vdocuments.site/reader033/viewer/2022042706/58726e9c1a28ab31498b6385/html5/thumbnails/43.jpg)
Appellation des liens
Pour plus d'infos cliquez ici
Pour plus d'infos, visitez le site de zep
<a href="http://www.zeporama.com/">cliquez ici</a>
<a href="http://www.zeporama.com/">le site de zep</a>
![Page 44: Ecrire pour le web - comment faire en bibliothèque ?](https://reader033.vdocuments.site/reader033/viewer/2022042706/58726e9c1a28ab31498b6385/html5/thumbnails/44.jpg)
![Page 45: Ecrire pour le web - comment faire en bibliothèque ?](https://reader033.vdocuments.site/reader033/viewer/2022042706/58726e9c1a28ab31498b6385/html5/thumbnails/45.jpg)
![Page 46: Ecrire pour le web - comment faire en bibliothèque ?](https://reader033.vdocuments.site/reader033/viewer/2022042706/58726e9c1a28ab31498b6385/html5/thumbnails/46.jpg)
![Page 47: Ecrire pour le web - comment faire en bibliothèque ?](https://reader033.vdocuments.site/reader033/viewer/2022042706/58726e9c1a28ab31498b6385/html5/thumbnails/47.jpg)
Des passerelles sur ses propres contenus
![Page 48: Ecrire pour le web - comment faire en bibliothèque ?](https://reader033.vdocuments.site/reader033/viewer/2022042706/58726e9c1a28ab31498b6385/html5/thumbnails/48.jpg)
« Plus vous faites sortir vos internautes de vos pages, plus ils y reviennent »
Eric Mettout
Source : http://www.slideshare.net/Mettout/ecrire-pour-le-web-v1
![Page 49: Ecrire pour le web - comment faire en bibliothèque ?](https://reader033.vdocuments.site/reader033/viewer/2022042706/58726e9c1a28ab31498b6385/html5/thumbnails/49.jpg)
Une écriture multimédia
![Page 50: Ecrire pour le web - comment faire en bibliothèque ?](https://reader033.vdocuments.site/reader033/viewer/2022042706/58726e9c1a28ab31498b6385/html5/thumbnails/50.jpg)
Quand la presse écrite fait de la télé …
![Page 51: Ecrire pour le web - comment faire en bibliothèque ?](https://reader033.vdocuments.site/reader033/viewer/2022042706/58726e9c1a28ab31498b6385/html5/thumbnails/51.jpg)
… ou de la radio
![Page 52: Ecrire pour le web - comment faire en bibliothèque ?](https://reader033.vdocuments.site/reader033/viewer/2022042706/58726e9c1a28ab31498b6385/html5/thumbnails/52.jpg)
Enregistrer tout ce qui se passe à la bibliothèque !
![Page 53: Ecrire pour le web - comment faire en bibliothèque ?](https://reader033.vdocuments.site/reader033/viewer/2022042706/58726e9c1a28ab31498b6385/html5/thumbnails/53.jpg)
Créer une web TV
![Page 54: Ecrire pour le web - comment faire en bibliothèque ?](https://reader033.vdocuments.site/reader033/viewer/2022042706/58726e9c1a28ab31498b6385/html5/thumbnails/54.jpg)
La chanson inavouable : mieux connaître les bibliothécaires !http://www.dailymotion.com/playlist/x2w2br_bibliothequegrenoble_chanson-inavouable/1#video=x1ju03l
![Page 55: Ecrire pour le web - comment faire en bibliothèque ?](https://reader033.vdocuments.site/reader033/viewer/2022042706/58726e9c1a28ab31498b6385/html5/thumbnails/55.jpg)
La comptine du mois : transmettre les histoires autrementhttp://www.dailymotion.com/video/x3t3mme_comptine-du-mois-de-fevrier-2016_lifestyle
![Page 56: Ecrire pour le web - comment faire en bibliothèque ?](https://reader033.vdocuments.site/reader033/viewer/2022042706/58726e9c1a28ab31498b6385/html5/thumbnails/56.jpg)
http://racontines.tumblr.com/
Insérer des enregistrements sonores dans un blog
![Page 57: Ecrire pour le web - comment faire en bibliothèque ?](https://reader033.vdocuments.site/reader033/viewer/2022042706/58726e9c1a28ab31498b6385/html5/thumbnails/57.jpg)
Proposer des sélections musicales
![Page 58: Ecrire pour le web - comment faire en bibliothèque ?](https://reader033.vdocuments.site/reader033/viewer/2022042706/58726e9c1a28ab31498b6385/html5/thumbnails/58.jpg)
Créer une chaîne YouTube pour diffuser ses productions audiovisuelles
![Page 59: Ecrire pour le web - comment faire en bibliothèque ?](https://reader033.vdocuments.site/reader033/viewer/2022042706/58726e9c1a28ab31498b6385/html5/thumbnails/59.jpg)
Créer une chaîne DailyMotion pour diffuser ses productions audiovisuelles
![Page 60: Ecrire pour le web - comment faire en bibliothèque ?](https://reader033.vdocuments.site/reader033/viewer/2022042706/58726e9c1a28ab31498b6385/html5/thumbnails/60.jpg)
Louise & Michel : une présentation originale de la programmation culturellehttps://www.youtube.com/channel/UCKa0zHKrfGQNwP8RJ5dYd3w
Créer une chaîne YouTube pour présenter la programmation culturelle
![Page 61: Ecrire pour le web - comment faire en bibliothèque ?](https://reader033.vdocuments.site/reader033/viewer/2022042706/58726e9c1a28ab31498b6385/html5/thumbnails/61.jpg)
Ouvrons le carton : une présentation originale de sélections documentaireshttps://www.youtube.com/channel/UCKa0zHKrfGQNwP8RJ5dYd3w
Créer une chaîne YouTube pour présenter une sélection documentaire
![Page 62: Ecrire pour le web - comment faire en bibliothèque ?](https://reader033.vdocuments.site/reader033/viewer/2022042706/58726e9c1a28ab31498b6385/html5/thumbnails/62.jpg)
Organiser l'accès aux contenus
![Page 63: Ecrire pour le web - comment faire en bibliothèque ?](https://reader033.vdocuments.site/reader033/viewer/2022042706/58726e9c1a28ab31498b6385/html5/thumbnails/63.jpg)
Popularité
Thèmes
Thèmes
Rédactionnel
Signaturedu rédacteur
Illustration
Intégration d'une vidéo
Liens en fin d'article
![Page 64: Ecrire pour le web - comment faire en bibliothèque ?](https://reader033.vdocuments.site/reader033/viewer/2022042706/58726e9c1a28ab31498b6385/html5/thumbnails/64.jpg)
Varier les formes !Quels contenus ?
![Page 65: Ecrire pour le web - comment faire en bibliothèque ?](https://reader033.vdocuments.site/reader033/viewer/2022042706/58726e9c1a28ab31498b6385/html5/thumbnails/65.jpg)
Interactivité
Dissémination virale
![Page 66: Ecrire pour le web - comment faire en bibliothèque ?](https://reader033.vdocuments.site/reader033/viewer/2022042706/58726e9c1a28ab31498b6385/html5/thumbnails/66.jpg)
La force de la dissémination virale
http://www.flickr.com/photos/telomi/6766630977
![Page 67: Ecrire pour le web - comment faire en bibliothèque ?](https://reader033.vdocuments.site/reader033/viewer/2022042706/58726e9c1a28ab31498b6385/html5/thumbnails/67.jpg)
Disséminationvirale
Lecteurs musique et vidéo intégrés
![Page 68: Ecrire pour le web - comment faire en bibliothèque ?](https://reader033.vdocuments.site/reader033/viewer/2022042706/58726e9c1a28ab31498b6385/html5/thumbnails/68.jpg)
Un article n’est jamais terminé …
![Page 69: Ecrire pour le web - comment faire en bibliothèque ?](https://reader033.vdocuments.site/reader033/viewer/2022042706/58726e9c1a28ab31498b6385/html5/thumbnails/69.jpg)
Modérer & répondre
Bibliothécaire animateur de communauté
![Page 70: Ecrire pour le web - comment faire en bibliothèque ?](https://reader033.vdocuments.site/reader033/viewer/2022042706/58726e9c1a28ab31498b6385/html5/thumbnails/70.jpg)
![Page 71: Ecrire pour le web - comment faire en bibliothèque ?](https://reader033.vdocuments.site/reader033/viewer/2022042706/58726e9c1a28ab31498b6385/html5/thumbnails/71.jpg)
« Parce qu’il est visible et pérenne au pied de la page, le commentaire participe à la construction d’une réflexion collective qui complète le propos de l’article. »
Que les commentaires ne sont pas une écriture du bas - Après le livre - François Bon ”
![Page 72: Ecrire pour le web - comment faire en bibliothèque ?](https://reader033.vdocuments.site/reader033/viewer/2022042706/58726e9c1a28ab31498b6385/html5/thumbnails/72.jpg)
La bibliothèque dissémine ses contenus pour mieux les réintégrer
dans ses propres dispositifs- pour l'écrit
- pour la vidéo
- pour les images
- pour le son
![Page 73: Ecrire pour le web - comment faire en bibliothèque ?](https://reader033.vdocuments.site/reader033/viewer/2022042706/58726e9c1a28ab31498b6385/html5/thumbnails/73.jpg)
Merci de votre attention !
Anne-Gaëlle GaudionAgence BibliSmart@bibliSmart_form
https://twitter.com/bibliSmart_formhttps://www.facebook.com/biblismart/http://www.slideshare.net/angiegaudionhttp://anne-google.tumblr.com/