Ecrire pour le Web
Sylvie de Meeûs
L’ÉCRITURE WEB
2
Des écritures, des supports
• Page d’accueil
• Page produit
• Page de présentation
• Page contact
• Billet de blog
• E-mai...
L’ÉCRITURE “AVANT”
4
Ecriture classique vs web
Ecriture classique
Introduction

développement

conclusion
Lecture
« en sens unique »
Ecriture...
La lecture à l’écran
• Coup d’œil pour « scanner » la page (3/10ème sec)
• Lecture à l’écran 25% plus lente que sur papier...
Lecture d’une page web
Source : http://www.formstack.com/the-anatomy-of-a-perfect-landing-page
La scannabilité de la page
• Titre (4 à 10 mots) qui résume la page
• Paragraphe de résumé autonome (« chapeau »)
• Une id...
L’écriture web
• La règle des 5 W : what what what what what
• Décrire plutôt que vanter
• Phrases simples (sujet + verbe ...
Les mots à bannir du web
• Les mots vagues (conception, réalisation, faire...)
• Le jargon sectoriel
• Les abréviations
• ...
La lisibilité de la page
• Longueur des lignes
• 40 à 70 signes* (site)
• 115 signes* (article de blog)
• Contraste : text...
La lisibilité des textes
• Police du texte « Sans Serif »
• Taille du texte : 16 pt minimum
• Titres (H1) : 40pt et sous-t...
Mes 5 pages prioritaires
• ……………………………….
• ……………………………….
• ……………………………….
• ……………………………….
• ……………………………….
13
Mes 5 résolutions
• ……………………………….
• ……………………………….
• ……………………………….
• ……………………………….
• ……………………………….
14
Pour en savoir plus…
Un conseil par jour
sur les réseaux sociaux…
Twitter @amaranthe
Facebook
www.facebook.com/amaranthe
S...
Prochain SlideShare
Chargement dans…5
×

Ecrire pour le web

632 vues

Publié le

Atelier donné le 4 juin pour la SPI aux entreprises accompagnées en intelligence stratégique

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

  • Soyez le premier à aimer ceci

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

Aucune remarque pour cette diapositive

Ecrire pour le web

  1. 1. Ecrire pour le Web Sylvie de Meeûs
  2. 2. L’ÉCRITURE WEB 2
  3. 3. Des écritures, des supports • Page d’accueil • Page produit • Page de présentation • Page contact • Billet de blog • E-mailing • Lecture à l’écran, sur smartphone,… 3
  4. 4. L’ÉCRITURE “AVANT” 4
  5. 5. Ecriture classique vs web Ecriture classique Introduction  développement  conclusion Lecture « en sens unique » Ecriture web Conclusion    détails détails détails   Action (clic) Ordre de lecture aléatoire 5
  6. 6. La lecture à l’écran • Coup d’œil pour « scanner » la page (3/10ème sec) • Lecture à l’écran 25% plus lente que sur papier • 25% du texte d’une page web est lu (moyenne) • 22% des internautes scrollent jusqu’en bas • 15 à 20 mots correspond à l’empan de la mémoire (10), soit à notre capacité moyenne de mémorisation immédiate des informations (20) 6 Source : www.useit.com, 60canards.com
  7. 7. Lecture d’une page web Source : http://www.formstack.com/the-anatomy-of-a-perfect-landing-page
  8. 8. La scannabilité de la page • Titre (4 à 10 mots) qui résume la page • Paragraphe de résumé autonome (« chapeau ») • Une idée par bloc de texte • Titre (H2) pour chaque bloc • Premiers mots en gras • Listes à puces (énumération) • Précédées d’une phrase d’intro • Bouton d’action avant la ligne de flottaison • Liens à la fin avec libellés clairs On ne lit pas, on « scanne » la page
  9. 9. L’écriture web • La règle des 5 W : what what what what what • Décrire plutôt que vanter • Phrases simples (sujet + verbe + complément) • Phrases courtes et actives • A la relecture, supprimer 50% du texte ! 9 Astuce : enregistrez-vous !
  10. 10. Les mots à bannir du web • Les mots vagues (conception, réalisation, faire...) • Le jargon sectoriel • Les abréviations • Les références au contexte • « il y a 2 ans, le mois prochain » • « ci-dessus, ci-dessous » • « il, elle, ce dernier » • Les mots trop longs 10 Un texte compréhensible par tous
  11. 11. La lisibilité de la page • Longueur des lignes • 40 à 70 signes* (site) • 115 signes* (article de blog) • Contraste : texte foncé sur fond clair opaque • Espace entre les lignes (1,25) • Espace entre les paragraphes (1 ligne) • Maximum 3 polices différentes (titres + texte) * Voir www.lettercount.com 11
  12. 12. La lisibilité des textes • Police du texte « Sans Serif » • Taille du texte : 16 pt minimum • Titres (H1) : 40pt et sous-titres (H2) : 30 pt • Texte aligné à gauche • A éviter : • Texte souligné (sauf les liens) • I’Itallique • Les MAJUSCULES 12
  13. 13. Mes 5 pages prioritaires • ………………………………. • ………………………………. • ………………………………. • ………………………………. • ………………………………. 13
  14. 14. Mes 5 résolutions • ………………………………. • ………………………………. • ………………………………. • ………………………………. • ………………………………. 14
  15. 15. Pour en savoir plus… Un conseil par jour sur les réseaux sociaux… Twitter @amaranthe Facebook www.facebook.com/amaranthe Slideshare www.slideshare.net/amaranthe Le blog d’Amaranthe www.amaranthe.be/blog

×