Formation écriture pour le web

Ecrire pour le web

1 Voyelle – 40 rue du Bignon, forum de la rocade, bâtiment Oméga à Chantepie - [email protected]

Structure technique d’une page

2

<html> <head> <title>le titre de votre page</title> <meta name= "description" content="description rapide et efficace de votre contenu" /> </head> <body> <div id="entete"> <img scr="url du logo.jpg" alt="logo" /> <ul id="menu"> <li><a href="url de votre menu 1.html">menu 1</a></li> <li><a href="url de votre menu 2.html">menu 2</a></li> </ul> </div> <div id="contenu"> <h1>titre de votre page ou article</h1> <h2>sous titre ou courte description</h2> <h3>titre du premier paragraphe</h3> <p>premier paragraphe</p> <h3>titre du deuxième paragraphe</h3> <p>deuxième paragraphe avec une liste d’éléments : <ul> <li>élément un ;</li> <li>élément deux ;</li> </ul> </p> (…) </div> (…) </body> </html>

La structure de votre page se sépare en deux parties : L’entête qui contient le titre affiché dans la

barre ou l’onglet de votre navigateur, la description utilisée par les moteurs de recherche et d’autres éléments « invisibles » ;

Le « body », le corps de votre page où se trouve tout le contenu affiché.

Ce sont ces éléments que vous allez remplir lors de la rédaction. Il est important d’en connaitre la signification et l’impact pour comprendre la spécificité de l’écriture web.

Voyelle – 40 rue du Bignon, forum de la rocade, bâtiment Oméga à Chantepie - [email protected]

Structure technique d’une page

3

La spécificité de l’écriture web correspond aux deux destinataires, aux deux « lecteurs » de vos contenus : Les internautes ; Les moteurs de recherche.

Un rédacteur web, pour être efficace, se devra de connaitre, même superficiellement pour les moteurs de recherche, quelles sont les attentes de ces deux lecteurs. Il arrive souvent que ces attentes soient contradictoires. Le rédacteur web devra trancher, choisir en fonction des objectifs de sa structure les « lecteurs » qu’il doit privilégier. L’optimisation est l’équilibre entre les attentes des moteurs de recherche et celles des internautes.


Hiérarchiser les informations

4

Le début de l’article est important : c’est l’accroche. Vous y développez l‘information la plus visible, une information qui répond à un réel besoin pour l‘internaute. Avant d’écrire votre article, vous devez vous poser les bonnes questions et cibler votre lectorat potentiel. A qui est destiné votre article, vos contenus intéressent quel type de personnes ? Définissez le profil de votre lecteur et essayez de vous mettre à sa place.


Hiérarchiser les informations

5

Au fur et à mesure que l’internaute poursuit sa lecture, cette première information doit être décrite d’une manière plus large en insérant de nouveaux détails. Allez du générique vers le détaillé, des informations les plus importantes vers des informations plus spécialisées (d'où l'expression pyramide inversée). La fin de votre article est consacrée à un appel à l’action : articles liés, liens extérieurs pour approfondir le sujet ou prise de contact.


Style d’écriture à adopter

6

En ce qui concerne le style à adopter, tout le monde doit pouvoir comprendre votre article : • Ecrivez votre article avec des mots compris par

tous (cela facilite l’accessibilité) ; • Evitez les effets littéraires ou un style trop

original (n’oubliez pas que vous souhaitez faire passer un message) ;

• Ecrivez concis (n’oubliez pas que les internautes passent très peu de temps sur une page) ;

• Soyez le plus direct possible (ne tournez pas autour du sujet);

• Evitez les phrases longues, les mots de liaisons inutiles.

EXEMPLE : plutôt que de titrer : "Séance d'information générale ouverte au public sur le thème des plantes transgéniques et de leurs implications diverses pour les trois régions de Belgique" ...vous titrerez : "Plantes transgéniques: les enjeux pour la Belgique (conférence)"


Style d’écriture à adopter

7

Faites lire votre article à une personne de votre entourage qui ne connaît rien à votre activité. Analysez aussi votre propre pratique de la lecture en ligne. Si, dès les dix premières lignes, vous ne comprenez pas quel sujet est traité, vous abandonnez. Il ne s’agit pas forcément de garder tous les internautes mais que ceux qui cherchent l’information que vous développez ne passent pas à côté.

Quelle est la longueur idéale d'une page web ? On s'accorde à dire qu'une page HTML devrait contenir entre 500 signes (seuil en dessous duquel l'information n'est pas assez consistante) et 4000 signes (plafond au-delà duquel la lecture à l'écran devient très pénible). Mais ce n'est qu'un ordre de grandeur, à mettre toujours en liaison avec le contexte.


Comment structurer un article ?

8

La structure de votre article est essentielle, plus importante même que son optimisation. Elle rendra sa lecture plus simple, plus agréable, moins fatigante. Le lecteur pourra d’un coup d’œil repérer les éléments importants du texte, en faire ainsi une lecture diagonale rapide qui le décideront ou pas à une lecture plus approfondie.

Les éléments qui vont structurer votre article sont : Le titre ; Le chapeau ; Les paragraphes et les éventuels sous-

titres ; Les mots ou passages en gras et autres

habillages ; Les images ; Les éléments multimédia ; Les liens hypertextes.


Le Titre (1ère accroche)

9

Le titre d'un article a une importance capitale : il doit vite capter l’attention du lecteur, piquer sa curiosité. Il doit amorcer la lecture de l’ensemble de l’annonce et pousser le lecteur à aller plus loin. Il est aussi important pour le référencement car les moteurs de recherche y puisent des éléments qui vont permettent à votre contenu d’apparaître. Si vous parlez d’un sujet qui n’apparaît pas clairement dans le titre, cela risque d’être pénalisant. Lorsque vous rédigez votre titre, rappelez-vous que vous devez être clair et direct. C’est une des différences avec la presse écrite qui peut parfois jouer avec les mots pour interpeller le lecteur.


Le Titre (1ère accroche)

10

Si votre titre est mauvais, votre article ne sera pas lu même si votre contenu est très bon. Votre titre doit résumer d’une manière percutante les propos de votre article : Avec des mots courts (4 syllabes maximum) et peu nombreux

(10 au maximum) ; Avec des mots simples : plus la formule est simple, plus elle

attire l’attention.


Le chapeau (2ème accroche)

11

Le chapeau doit développer brièvement votre titre en donnant envie au lecteur d’en savoir plus. C’est un petit paragraphe d’une à trois phrases qui résume l’information essentielle de l’article qui annonce les principales informations développées dans l’article. Généralement, il est conseillé de le rédiger comme une conclusion. Si votre conclusion intéresse le lecteur, il sera tenté de lire votre exposé. Comme ce chapeau commence votre article, il est aussi le premier contenu lut par les moteurs de recherche après le titre. Il se doit donc d’expliciter au mieux le titre, de nommer le sujet avec les mots les plus susceptibles d’être demandés. Vous avez la possibilité de mettre certains termes en gras pour accentuer leur importance. Cette importance sera lisible autant pour les lecteurs que pour les moteurs de recherche.


Les paragraphes

12

Le corps de votre article ne doit pas être écrit comme un roman. En fonction de votre contenu, vous devrez répondre au mieux aux attentes des lecteurs. Pour diffuser une information, l’article devra être court et le plus précis possible. Si le sujet nécessite un contenu plus long, pensez à l’aérer en paragraphe, à y ajouter des images quand c’est possible. Pour de l’informatif, plus le contenu de votre article sera précis et court (maximum 500 mots), plus vous aurez des chances que le lecteur lise tout le contenu de votre article. N’oubliez-pas l’objectif de votre article : séduire le lecteur en un minimum de temps. Dans les 2 premiers paragraphes de votre article, il est primordial que vous répondiez aux questions les plus attendues de vos lecteurs : Qui ? Quoi ? Pourquoi ? Où ? Comment ?

Chaque paragraphe doit avoir son propre titre et ne contenir qu’une seule idée.


Habiller votre texte

13

Pour l’habillage de vos textes, tenez-vous en à l’essentiel. N’oubliez pas que votre site répond à une charte graphique, même si vous trouvez que l’ajout de couleur dans le texte le rendrait moins triste. Les éléments que vous devez par contre utiliser sont :

Le gras : ils mettent en valeur visuellement des mots et aussi pour les moteurs de recherche. Ne mettez pas une phrase entière en gras, cela ne sert à rien et ce n’est pas la fonction de cet éléments. En HTML le gras est représenté par la balise <strong>.

Le <blockquote> : il encadre une citation. Il arrive que cet élément ait une présentation graphique qui lui permet une mise en valeur appréciable.

L’italique : il met en valeur une courte citation. En HTML, il est représenté par l’élément <em>.


Les images

14

Les images ont un rôle important pour la présentation de votre contenu. Elles peuvent aussi vous permettre un référencement (avec Google image). Il faut cependant bien les préparer. Il s’agit de les recadrer (lorsque vous en avez les droits), de les redimensionner et de les renommer. Une image qui se nomme « img2547.jpg » aura beaucoup moins d’impact qu’une image qui s’appelle « fete_ecole_primaire.jpg » par exemple. Il est essentiel pour l’accessibilité de bien leur donner un titre. Dans le code HTML, une image est appelé ainsi : <img src=‘http://urldusite/nomdevotreimage.jpg’ alt=‘titre ou présentation sommaire de l’image’ … /> Lorsqu’un déficient visuel consulte une page, l’ordinateur lit le contenu de l’attribut alt, ce qui lui donnera des informations sur l’image qu’il ne peut pas voir.

Pour modifier des images simplement, vous pouvez utiliser le logiciel gratuit en ligne http://www.pixlr.com/editor (Voir un didactitiel ici http://blog.voyelle.me/webtools/pixlr-editor-le-photoshop-en-ligne).


http://www.pixlr.com/editor

http://blog.voyelle.me/webtools/pixlr-editor-le-photoshop-en-ligne











Multimédia / Rich Media

15

Vous avez aussi la possibilité de rajouter des contenus différents : Des vidéos (via des plates-formes dédiés qui

viennent renforcer le référencement) ; Des sons (via des plates-formes dédiés – pour des

entretiens, vous pouvez mettre une version sonore et une version textuelle) ;

Des présentations (via des plates-formes dédiés).

Encore une fois, un article sur un site web n’est pas un article de presse écrite. Vous disposez d’outils qui vous permettent d’associer textes, images, sons, présentations, vidéos. Vos documents multimédia intéresseront un public qui ne sera pas forcément sensible à l’écrit ou qui a besoin d’animation (les présentations permettent de donner un contenu très simplifié associé à des images).

Voir aussi : Vidéo et rich media sur Internet :

opportunités, technologies… http://www.artmail-conseil.com/blog/2008/03/video-et-rich-media-sur-internet-opportunites-technologies/

Le rich média: une nouvelle technique de narration http://lecercle.lesechos.fr/entreprises-marches/medibullition/221133520/rich-media-nouvelle-technique-narration


http://www.artmail-conseil.com/blog/2008/03/video-et-rich-media-sur-internet-opportunites-technologies/


















http://lecercle.lesechos.fr/entreprises-marches/medibullition/221133520/rich-media-nouvelle-technique-narration












Les liens

16

Autre élément parfois oublié, les liens sont l’essence même du web. Souvent, lors de la lecture d’un texte sur un sujet proche de ce que nous cherchons, nous allons trouver un lien qui va répondre à nos attentes. C’est ce que nous appelons la sérendipité. De nombreux sites refusent de mettre des liens qui feraient « sortir » le lecteur du site. Hélas, c’est une mauvaise réponse à la problématique. Un lecteur trouvera votre contenu pertinent s’il peut aussi y trouver des liens qui approfondiront le sujet – il n’attend pas forcément que vos contenus répondent à toutes ses questions. Il reviendra s’il sait que vos contenus sont riches et que vos sources sont citées. Pour aller plus loin, les liens sont nécessaires au référencement. Ils donnent de la valeur aux contenus nommés. Si vous ne faites pas de liens, pourquoi d’autres en feraient vers votre site. Pour optimiser les liens, il faut les faire sur des mots, ou des titres de page, et non sur l’url. En effet, les moteurs de recherche vont prendre en compte ces mots pour les associer au lien et renforcer ainsi le référencement. Ne mettez pas trop de liens dans le contenu textuel, ils risqueraient de ralentir la lecture : ajoutez en fin d’article une liste de liens pour ceux qui voudraient en savoir plus.


Récapitulatif

17

Face à sa feuille blanche, la première question à se poser est la suivante : quel message souhaite-t-on faire passer ? Pour cela il faut se poser les bonnes questions : Qu’est-ce qui fait de ce sujet quelque chose

d’exceptionnel ? Pourquoi c’est incontournable ? Qu’est-ce qui fait la différence ? Quelles sont les particularités de ce sujet ?

etc. Une fois le message clairement défini, il s’agit de construire le message, d’organiser l’article. Comment va-t-on articuler sa présentation ? Dans un premier temps, on peut se référer à un schéma en trois parties, qui nous permet de clarifier l’information que l’on veut faire passer. 1) J’affirme 2) J’argumente 3) J’illustre

1) J’affirme De manière presque péremptoire, on pose « le cœur de notre message » en avançant « une idée force ». 2) J’argumente Il s’agit de prouver ce que l’on affirme, avec des éléments factuels, des informations quantifiables, vérifiables... 3) J’illustre Il faut trouver des exemples, des témoignages de ce que l’on a avancé. C’est aussi le moment de penser à ouvrir son sujet, de le décliner, de l’étendre à d’autres sphères... Attention il ne s’agit pas pour le moment de rédiger l’article, seulement de le structurer. Car, les réponses à ces trois temps peuvent faire office de « guide logique », de trame, avec des phrases ou expressions déjà trouvées, qui faciliteront la rédaction de l’article.


Récapitulatif

18

Par rapport au référencement Le title devra idéalement contenir entre 10

et 70 caractères. Au-delà les termes perdront en valeur aux yeux des moteurs de recherche et risqueront de ne pas être affichés ;

La meta description devra quant à elle contenir entre 70 et 160 caractères (espaces compris) ;

Le h1 est le titre principal de votre page et doit être unique mais dans le html5 il est possible d’en créer plusieurs en fonctions des blocs.

Vous pouvez générer un rapport rapide page par page sur le site http://seo.voyelle.fr/ que nous avons mis en place. Il vous permettra d’évaluer rapidement l’efficacité de votre page. Il existe d’autres outils pour analyser vos pages : http://grader.rezoactif.com/ http://www.woorank.com/ http://www.seoh.fr/audit-seo


http://seo.voyelle.fr/

http://seo.voyelle.fr/

http://grader.rezoactif.com/

http://grader.rezoactif.com/

http://www.woorank.com/

http://www.woorank.com/

http://www.seoh.fr/audit-seo



Liens

19

Voici quelques liens pour approfondir le sujet : La rédaction Web http://ditwww.epfl.ch/SIC/SA/SPIP/Publications/spip.php?article1220 Ecrire pour le Web http://www.ecrirepourleweb.com/ Rédaction Web : les fondamentaux http://blog-web-marketing.fr/2008/04/28/redaction-web-

ecrire-pour-le-web/ Ecrire concis http://www.redaction.be/instructions/concision.htm Autour de la typographie http://typographisme.net/post/De-la-cesure-et-du-Web


http://ditwww.epfl.ch/SIC/SA/SPIP/Publications/spip.php?article1220



http://www.ecrirepourleweb.com/

http://www.ecrirepourleweb.com/

http://blog-web-marketing.fr/2008/04/28/redaction-web-ecrire-pour-le-web/
















http://www.redaction.be/instructions/concision.htm

http://www.redaction.be/instructions/concision.htm

http://typographisme.net/post/De-la-cesure-et-du-Web











Formation écriture pour le web

Self Improvement

Transcript of Formation écriture pour le web