73
ECRIRE POUR LE WEB Anne-Gaëlle GAUDION MDIV - 15 septembre 2016 MDIV - 16 septembre 2016

Ecrire pour le web - comment faire en bibliothèque ?

Embed Size (px)

Citation preview

Page 1: Ecrire pour le web - comment faire en bibliothèque ?

ECRIRE POUR LE WEB

Anne-Gaëlle GAUDION

MDIV - 15 septembre 2016MDIV - 16 septembre 2016

Page 3: Ecrire pour le web - comment faire en bibliothèque ?

Les bibliothécaires deviennent journalistes... 

et les journalistes bibliothécaires...

Page 4: Ecrire pour le web - comment faire en bibliothèque ?

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 ?

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 ?

Source : http://www.slideshare.net/lucos/ecrire-pour-le-web-en-2010

Page 7: Ecrire pour le web - comment faire en bibliothèque ?

Source : http://www.slideshare.net/lucos/ecrire-pour-le-web-en-2010

Page 8: Ecrire pour le web - comment faire en bibliothèque ?

Source : http://www.slideshare.net/lucos/ecrire-pour-le-web-en-2010

Page 9: Ecrire pour le web - comment faire en bibliothèque ?

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 ?
Page 11: Ecrire pour le web - comment faire en bibliothèque ?

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 ?
Page 13: Ecrire pour le web - comment faire en bibliothèque ?
Page 14: Ecrire pour le web - comment faire en bibliothèque ?
Page 15: Ecrire pour le web - comment faire en bibliothèque ?

Source : http://www.slideshare.net/lucos/ecrire-pour-le-web-en-2010

Page 16: Ecrire pour le web - comment faire en bibliothèque ?
Page 17: Ecrire pour le web - comment faire en bibliothèque ?

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 ?
Page 19: Ecrire pour le web - comment faire en bibliothèque ?
Page 20: Ecrire pour le web - comment faire en bibliothèque ?

Une écriture web ?

Page 21: Ecrire pour le web - comment faire en bibliothèque ?

Écrire pour le web, ça s’apprend

Page 22: Ecrire pour le web - comment faire en bibliothèque ?
Page 23: Ecrire pour le web - comment faire en bibliothèque ?

La pyramide inversée

Page 24: Ecrire pour le web - comment faire en bibliothèque ?

Chute de l'attention

Page 25: Ecrire pour le web - comment faire en bibliothèque ?
Page 26: Ecrire pour le web - comment faire en bibliothèque ?
Page 27: Ecrire pour le web - comment faire en bibliothèque ?

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 ?

Structurer l’information

inter-titres

mots en gras

citations

Page 29: Ecrire pour le web - comment faire en bibliothèque ?

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 ?

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 ?

Ecrire court

15 à 20 mots maximum !

Page 32: Ecrire pour le web - comment faire en bibliothèque ?
Page 33: Ecrire pour le web - comment faire en bibliothèque ?

Titres informatifs

http://www.flickr.com/photos/brij/18921531 Titres incitatifs

Page 34: Ecrire pour le web - comment faire en bibliothèque ?

Source : http://www.slideshare.net/lucos/ecrire-pour-le-web-en-2010

Page 35: Ecrire pour le web - comment faire en bibliothèque ?

Des titres pour informer

Page 36: Ecrire pour le web - comment faire en bibliothèque ?
Page 37: Ecrire pour le web - comment faire en bibliothèque ?
Page 38: Ecrire pour le web - comment faire en bibliothèque ?

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 ?

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 ?

Importance de la relecture

http://www.flickr.com/photos/p_h/2461925124

Page 41: Ecrire pour le web - comment faire en bibliothèque ?
Page 42: Ecrire pour le web - comment faire en bibliothèque ?
Page 43: Ecrire pour le web - comment faire en bibliothèque ?

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 ?
Page 45: Ecrire pour le web - comment faire en bibliothèque ?
Page 46: Ecrire pour le web - comment faire en bibliothèque ?
Page 47: Ecrire pour le web - comment faire en bibliothèque ?

Des passerelles sur ses propres contenus

Page 48: Ecrire pour le web - comment faire en bibliothèque ?

« 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 ?

Une écriture multimédia

Page 50: Ecrire pour le web - comment faire en bibliothèque ?

Quand la presse écrite fait de la télé …

Page 51: Ecrire pour le web - comment faire en bibliothèque ?

… ou de la radio

Page 52: Ecrire pour le web - comment faire en bibliothèque ?

Enregistrer tout ce qui se passe à la bibliothèque !

Page 53: Ecrire pour le web - comment faire en bibliothèque ?

Créer une web TV

Page 54: Ecrire pour le web - comment faire en bibliothèque ?

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 ?

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 ?

http://racontines.tumblr.com/

Insérer des enregistrements sonores dans un blog

Page 57: Ecrire pour le web - comment faire en bibliothèque ?

Proposer des sélections musicales

Page 58: Ecrire pour le web - comment faire en bibliothèque ?

Créer une chaîne YouTube pour diffuser ses productions audiovisuelles

Page 59: Ecrire pour le web - comment faire en bibliothèque ?

Créer une chaîne DailyMotion pour diffuser ses productions audiovisuelles

Page 60: Ecrire pour le web - comment faire en bibliothèque ?

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 ?

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 ?

Organiser l'accès aux contenus

Page 63: Ecrire pour le web - comment faire en bibliothèque ?

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 ?

Varier les formes !Quels contenus ?

Page 65: Ecrire pour le web - comment faire en bibliothèque ?

Interactivité

Dissémination virale

Page 66: Ecrire pour le web - comment faire en bibliothèque ?

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 ?

Disséminationvirale

Lecteurs musique et vidéo intégrés

Page 68: Ecrire pour le web - comment faire en bibliothèque ?

Un article n’est jamais terminé …

Page 69: Ecrire pour le web - comment faire en bibliothèque ?

Modérer & répondre

Bibliothécaire animateur de communauté

Page 70: Ecrire pour le web - comment faire en bibliothèque ?
Page 71: Ecrire pour le web - comment faire en bibliothèque ?

« 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 ?

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 ?

Merci de votre attention !

Anne-Gaëlle GaudionAgence BibliSmart@bibliSmart_form

[email protected]

https://twitter.com/bibliSmart_formhttps://www.facebook.com/biblismart/http://www.slideshare.net/angiegaudionhttp://anne-google.tumblr.com/