Les r\u00e9dacteurs web doivent donc adapter leur \u00e9criture \u00e0 ces sp\u00e9cificit\u00e9s<\/strong> afin de capter l’int\u00e9r\u00eat des internautes. Voici donc quelques astuces pour vous aider \u00e0 atteindre cet objectif.<\/p>\n En \u00e9criture web, il est important de garder \u00e0 l’esprit qu’entre votre texte et le lecteur se trouve un \u00e9cran.<\/p>\n Les fa\u00e7ons de lire un texte sur un \u00e9cran sont donc diff\u00e9rentes par rapport \u00e0 la lecture sur un magazine, il faut donc s’adapter.<\/strong><\/p>\n Une \u00e9tude d’eyetracking men\u00e9e par Jakob Nielsen<\/a> permet de d\u00e9finir les zones importantes de lecture \u00e0 l’\u00e9cran. Il est donc essentiel de tenir compte de ces zones strat\u00e9giques afin d’y faire figurer les informations importantes ou encore les liens sur lesquels vous souhaitez diriger l’internaute.<\/p>\n Les comportements de lecture sur le web sont compl\u00e8tement diff\u00e9rents de la lecture sur support papier. L’internaute est un lecteur avec ses propres caract\u00e9ristiques, souvent moins attentif, il cherche une information pr\u00e9cise et cibl\u00e9e.<\/p><\/blockquote>\n Voici donc quelques pistes pour vous aider \u00e0 mieux connaitre le comportement des lecteurs sur le web, et vous permettre d’adapter votre r\u00e9daction web<\/a>.<\/p>\n Ces zones chaudes<\/strong> se situent principalement sur la gauche de l’\u00e9cran, et on constate que l’internaute balaie la page web de gauche \u00e0 droite en formant un F. Il s’agit des endroits strat\u00e9giques de l’\u00e9cran, qu’il faudra privil\u00e9gier pour mettre en avant les \u00e9l\u00e9ments importants de votre contenu.<\/p>\n M\u00eame si le scroll<\/a> ne repr\u00e9sente plus un frein pour l’internaute, habitu\u00e9 \u00e0 scroller sur les r\u00e9seaux sociaux notamment, les zones chaudes se trouvent g\u00e9n\u00e9ralement au niveau de la ligne de flottaison. Pensez donc \u00e0 inclure les informations importantes et les call-to-action \u00e0 ce niveau, et la pertinence de votre contenu donnera envie au lecteur de scroller pour d\u00e9couvrir la suite.<\/p>\n La lecture web s’effectue \u00e9galement sur diff\u00e9rents supports avec des tailles d’\u00e9cran diff\u00e9rentes :<\/p>\n Pour rendre vos contenus lisibles<\/a> quelque soit le terminal utilis\u00e9 par le lecteur<\/strong>, il est essentiel d’adopter un design responsive pour votre site. L’affichage de votre page web s’adaptera ainsi \u00e0 la taille de l’\u00e9cran et conservera une bonne qualit\u00e9 de lecture.<\/p>\n Il est aussi important de tenir compte de la plus petite taille des \u00e9crans mobiles<\/a>, des phrases et des paragraphes courts seront donc plus faciles \u00e0 lire plut\u00f4t qu’un pav\u00e9 dense qui d\u00e9couragera le lecteur.<\/p>\n Lorsque vous r\u00e9diger votre contenu, il est donc n\u00e9cessaire de prendre en compte toutes ces sp\u00e9cificit\u00e9s afin de positionner les informations de fa\u00e7on strat\u00e9gique, aux bons endroits sur votre page.<\/p>\n Et oui, g\u00e9n\u00e9ralement l’internaute est un lecteur impatient qui scanne l’\u00e9cran plus qu’il ne lit son contenu. En effet, seulement 10 \u00e0 20%<\/strong> des internautes lisent la totalit\u00e9 d’un article sur le web.<\/p>\n Le d\u00e9fi est donc de capter l’attention de l’internaute pour lui donner envie de lire votre contenu<\/a>. Maintenant que vous connaissez les zones chaudes de lecture \u00e0 l’\u00e9cran, profitez-en pour placer les informations pertinentes et percutantes \u00e0 ces endroits strat\u00e9giques.<\/p>\n Vous l’aurez compris avec le lecteur web, la longueur d’un article<\/a> n’est donc pas gage de succ\u00e8s. Ce lecteur recherche avant tout des informations pertinentes, concises qui lui apportent une vraie valeur ajout\u00e9e, il privil\u00e9gie la qualit\u00e9 des contenus.<\/p>\n En r\u00e9daction web, un des secrets pour capter l’attention de votre lecteur d\u00e8s les premi\u00e8res lignes est d’adopter une structure de texte en pyramide invers\u00e9e<\/strong>.<\/p>\n Le principe est simple, il s’agit de r\u00e9diger votre texte en commen\u00e7ant par les informations les plus importantes pour ensuite rentrer dans les d\u00e9tails et les informations secondaires.<\/p>\n Pour ne rien g\u00e2cher, cette structure en pyramide invers\u00e9e vous permet de faire remonter vos mots cl\u00e9s les plus importants en haut de page, l\u00e0 o\u00f9 ils sont le plus visible pour les moteurs de recherche.<\/p><\/blockquote>\n La technique de la pyramide invers\u00e9e<\/b> est la r\u00e8gle d\u2019or en r\u00e9daction web<\/b>. Revenons sur les principes de base de cette m\u00e9thode.<\/p>\n Faisons un rapide retour en arri\u00e8re : souvenez-vous, \u00e0 l’\u00e9cole, on nous a bien appris pour nos dissertations \u00e0 respecter le plan suivant : introduction, d\u00e9veloppement et conclusion.<\/p>\n En journalisme et en\u00a0r\u00e9daction web<\/b>, c\u2019est tout le contraire : on annonce directement la conclusion (=le message essentiel) d\u00e8s les premi\u00e8res lignes. En d\u2019autres termes, les informations principales doivent \u00eatre condens\u00e9es dans le titre \u00a0et le chapeau (ou “chap\u00f4”).<\/p>\n Pour \u00e9tayer les id\u00e9es dans les diff\u00e9rents paragraphes, on se basera toujours sur ce principe :<\/p>\n De m\u00eame,\u00a0les\u00a0mots-cl\u00e9s,<\/strong> qui refl\u00e8tent la th\u00e9matique et le sujet abord\u00e9, doivent \u00a0figurer d\u00e8s le d\u00e9but de texte, dans le titre en l\u2019occurrence (“title”), dans la partie introductive et dans les premi\u00e8res lignes de l’article. La pyramide invers\u00e9e se trouve donc au coeur des techniques de r\u00e9daction web.<\/a><\/strong><\/p>\n Faisons maintenant une br\u00e8ve comparaison presse web<\/a>\/ presse papier.<\/p>\n Avec les magazines et les journaux traditionnels, le lecteur b\u00e9n\u00e9fice d’un \u00a0confort de lecture appr\u00e9ciable : bien cal\u00e9 dans son canap\u00e9, il prend le temps de lire, de feuilleter les pages de son mag pr\u00e9f\u00e9r\u00e9, de parcourir les textes et les images.<\/p>\n Sur Internet, c\u2019est plut\u00f4t la p\u00eache aux informations, tant l’information “d\u00e9borde”,<\/em> tant la concurrence est vive entre les sites d’information, tant l’info va vite, toujours plus vite.<\/p>\n Pourquoi ?<\/strong> Parce que c’est l\u00e0 tout l\u2019int\u00e9r\u00eat \u00a0des articles \u00e9crits avec la technique de la pyramide invers\u00e9e\u00a0: le lecteur press\u00e9 et ultra sollicit\u00e9 entre d’embl\u00e9e au coeur de l’information. Et pour \u00eatre encore plus efficace, la r\u00e8gle de la pyramide invers\u00e9e<\/b> doit aller de pair avec un \u00e9crit de qualit\u00e9 \u00a0: des mots simples, des phrases courtes, un article bien structur\u00e9, etc.<\/p>\n \u00c0 lire aussi : 4 r\u00e8gles simples pour \u00e9crire un texte vendeur<\/a><\/p><\/blockquote>\n La technique de la pyramide invers\u00e9e\u00a0offre de nombreux avantages. Principalement, cette m\u00e9thode permet de retenir l\u2019attention du lecteur et de le satisfaire dans ses recherches d\u2019informations. Par ailleurs, un texte bien \u00e9crit avec les mots-cl\u00e9s<\/a> et les informations pertinentes en d\u00e9but de texte permet de mieux r\u00e9f\u00e9rencer la page. Aussi, suivre la r\u00e8gle de la pyramide invers\u00e9e vous permet non seulement d\u2019\u00eatre lu mais aussi d\u2019\u00eatre mieux r\u00e9f\u00e9renc\u00e9.<\/p>\n Et vous, qu’en pensez-vous ? Appliquez-vous la pyramide invers\u00e9e dans vos \u00e9crits pour le web ?<\/p>\n Il est aussi important de privil\u00e9gier la lisibilit\u00e9 de vos contenus, ainsi que le nombre de mots dans vos textes.<\/strong><\/p>\n Cela peut paraitre basique, mais une police mal choisie ou une taille de caract\u00e8re trop petite et inconfortable \u00e0 lire, peut freiner votre internaute d\u00e8s son arriv\u00e9e. Structurer son texte participe aussi \u00e0 une bonne lisibilit\u00e9, il faut \u00e9viter les textes trop denses<\/strong> et peu a\u00e9r\u00e9s qui l\u00e0 encore feront fuir vos lecteurs.<\/p><\/blockquote>\n Privil\u00e9giez \u00e9galement un style d’\u00e9criture fluide et facile \u00e0 lire avec des phrases courtes, un vocabulaire clair, ne pas assommer vos lecteurs avec un vocabulaire trop technique qu’ils auront des difficult\u00e9s \u00e0 comprendre, sauf pour une audience de professionnels.<\/p>\n Le lecteur web appr\u00e9cie un style concis et direct<\/strong>, qui va \u00e0 l’essentiel.<\/p>\n En compl\u00e9ment d’un texte structur\u00e9, une mise en page a\u00e9r\u00e9e est \u00e9galement \u00e0 privil\u00e9gier pour am\u00e9liorer le confort de lecture mais aussi encourager l’internaute \u00e0 lire votre texte.<\/strong><\/p>\n Il est surtout important d’\u00e9viter l’impression d’un texte tr\u00e8s dense, qui paraitra difficile \u00e0 lire.<\/p>\n En \u00e9criture web, il est essentiel de mettre en valeur certains points sur votre page web, afin de faciliter la lecture de l’internaute mais aussi de l’amener rapidement vers les informations cl\u00e9s de votre contenu.<\/p>\n En effet, sur une page web, l’internaute scanne le contenu plus qu’il ne le lit, n’h\u00e9sitez donc pas \u00e0 mettre en valeur les phrases cl\u00e9s de votre texte par des \u00e9l\u00e9ments visuels, par exemple en les mettant en gras. Cela permettra d’attirer son attention et de lui donner envie de lire le reste.<\/strong><\/p>\n \u00c0 lire aussi : Gras, italique, soulign\u00e9 : 8 conseils pour bien les utiliser dans vos articles de blog<\/a><\/p><\/blockquote>\n La clart\u00e9 est un des ma\u00eetres-mots de la r\u00e9daction web, gardez-le donc \u00e0 l’esprit lorsque vous r\u00e9digez pour votre site web ou votre blog.<\/p>\n Un texte concis avec un vocabulaire simple, facilitera l\u00e0 encore la lecture \u00e0 l’internaute, cela permettra de maintenir son attention sans le perdre au milieu d’une phrase trop complexe.<\/p>\n Des phrases et des paragraphes courts, avec une seule information expliqu\u00e9e \u00e0 la fois sont donc conseill\u00e9s.<\/strong><\/p>\n Il faut aussi \u00eatre attentif \u00e0 la longueur du texte, un texte long risque de d\u00e9courager le lecteur avant m\u00eame qu’il ait commenc\u00e9 \u00e0 le lire.<\/p>\n A l’inverse du papier, la r\u00e9daction web vous permet d’apporter des compl\u00e9ments d’information au lecteur gr\u00e2ce \u00e0 l’ajout de liens \u00e0 votre contenu.<\/a><\/p>\n Il est donc conseill\u00e9 d’utiliser ces liens internes et\/ou externes afin d’apporter une information suppl\u00e9mentaire pertinente au lecteur<\/strong>, par exemple :<\/p>\n En plus d’apporter de l’information suppl\u00e9mentaire et utile au lecteur, cette pratique est \u00e9galement indiqu\u00e9e pour votre optimisation SEO, vous faites donc d’une pierre deux coups.<\/p>\n L’insertion d’image<\/a> au sein de votre contenu web permet aussi d’all\u00e9ger votre texte, d’apporter du confort de lecture et de faciliter la compr\u00e9hension du lecteur en illustrant les points abord\u00e9s.\u00a0Comme le dit le proverbe parfois “une image vaut mieux qu’un long discours”, cela peut aussi s’appliquer \u00e0 la r\u00e9daction web, encore faut-il bien les s\u00e9lectionner.<\/p>\n Il est essentiel d’\u00eatre attentif au choix des images<\/a>, elles doivent \u00eatre en corr\u00e9lation avec le contenu et lui apporter une valeur ajout\u00e9e en terme de qualit\u00e9.\u00a0A l’inverse, une image mal choisie risque de tirer la qualit\u00e9 de votre contenu (article, fiche produit…) vers le bas.<\/p>\n Vous l’aurez compris, lorsque vous r\u00e9digez pour le web<\/a> il faut avant tout penser \u00e0 l’internaute. Organisez votre contenu pour lui assurer une lisibilit\u00e9 optimale et ainsi le transformer en lecteur.<\/strong><\/p>\n <\/p>\n <\/p>\n1. Prendre en compte les sp\u00e9cificit\u00e9s de la lecture \u00e0 l’\u00e9cran<\/h2>\n
![\"Lecture](\"https:\/\/www.redacteur.com\/blog\/wp-content\/uploads\/sites\/6\/2018\/08\/redacteur-lecture-f-site-web-e1571125731867.png\")
<\/p>\n![\"R\u00e9daction](\"https:\/\/www.redacteur.com\/blog\/wp-content\/uploads\/sites\/6\/2015\/08\/eyetracking-jakob-nielsen-e1440505342150.jpg\"){kind=tracking}
<\/a>Adaptez vos contenus \u00e0 tous les \u00e9crans<\/h4>\n
\n
2. \u00c9crire pour le web pour un lectorat impatient<\/h2>\n
![\"\u00e9crire](\"https:\/\/www.redacteur.com\/blog\/wp-content\/uploads\/sites\/6\/2016\/07\/taras-shypka-iFSvn82XfGo-unsplash-e1571125512806.jpg\")
<\/p>\n\n
3. Comment am\u00e9liorer votre taux de lecture sur le web<\/h2>\n
![\"\"](\"https:\/\/www.redacteur.com\/blog\/wp-content\/uploads\/sites\/6\/2018\/08\/lecture-style-ecriture.jpg\")
<\/p>\n\n
Le b.a.-ba de la technique de la pyramide invers\u00e9e<\/b><\/h3>\n
![\"\"](\"https:\/\/www.redacteur.com\/blog\/wp-content\/uploads\/sites\/6\/2016\/07\/pyramide-invers\u00e9-redaction-web-seo-e1571129801527.jpg\")
<\/p>\n\n
La r\u00e8gle de la pyramide invers\u00e9e : int\u00e9r\u00eats et avantages<\/h3>\n
L’essentiel \u00e0 retenir de la pyramide invers\u00e9e<\/h3>\n
4. Une structure claire<\/h2>\n
![\"lisibilit\u00e9](\"https:\/\/www.redacteur.com\/blog\/wp-content\/uploads\/sites\/6\/2019\/10\/white-space-example-e1571038370285.png\")
Afin de faciliter la lecture de l’internaute, il est important de mettre en place une structure de texte claire, avec des paragraphes et des titres facilement identifiables, cela contribuera \u00e0 rendre la lecture plus confortable.<\/p>\n5. Faire ressortir les informations<\/h2>\n
6. Aller droit au but<\/h2>\n
![\"Redaction](\"https:\/\/www.redacteur.com\/blog\/wp-content\/uploads\/sites\/6\/2015\/08\/92H-e1440512875358.jpg\")
<\/a><\/p>\n7. Apporter des informations compl\u00e9mentaires au lecteur<\/h2>\n
\n
8. L’importance de l’illustration<\/h2>\n
![\"Redaction](\"https:\/\/www.redacteur.com\/blog\/wp-content\/uploads\/sites\/6\/2015\/08\/download2-e1440512808220.jpg\")
<\/a><\/p>\n