SlideShare une entreprise Scribd logo
1  sur  19
Télécharger pour lire hors ligne
Ecrire pour le web




Voyelle – 40 rue du Bignon, forum de la rocade, bâtiment Oméga à Chantepie - contact@voyelle.fr   1
Structure technique d’une page

<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>                                                                La structure de votre page se sépare en deux
   </div>
   <div id="contenu">                                                     parties :
     <h1>titre de votre page ou article</h1>                               L’entête qui contient le titre affiché dans la
     <h2>sous titre ou courte description</h2>
     <h3>titre du premier paragraphe</h3>                                     barre ou l’onglet de votre navigateur, la
     <p>premier paragraphe</p>                                                description utilisée par les moteurs de
     <h3>titre du deuxième paragraphe</h3>
     <p>deuxième paragraphe avec une liste d’éléments :                       recherche et d’autres éléments « invisibles » ;
       <ul>                                                                Le « body », le corps de votre page où se trouve
          <li>élément un ;</li>
          <li>élément deux ;</li>                                             tout le contenu affiché.
       </ul>                                                              Ce sont ces éléments que vous allez remplir lors de
     </p>
     (…)                                                                  la rédaction. Il est important d’en connaitre la
   </div>                                                                 signification et l’impact pour comprendre la
   (…)
 </body>                                                                  spécificité de l’écriture web.
</html>
                           Voyelle – 40 rue du Bignon, forum de la rocade, bâtiment Oméga à Chantepie - contact@voyelle.fr      2
Structure technique d’une page


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.


                    Voyelle – 40 rue du Bignon, forum de la rocade, bâtiment Oméga à Chantepie - contact@voyelle.fr   3
Hiérarchiser les informations




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.



                Voyelle – 40 rue du Bignon, forum de la rocade, bâtiment Oméga à Chantepie - contact@voyelle.fr   4
Hiérarchiser les informations


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.




                  Voyelle – 40 rue du Bignon, forum de la rocade, bâtiment Oméga à Chantepie - contact@voyelle.fr   5
Style d’écriture à adopter




En ce qui concerne le style à adopter, tout le
monde doit pouvoir comprendre votre article :                             EXEMPLE :
• Ecrivez votre article avec des mots compris par                         plutôt que de titrer :
   tous (cela facilite l’accessibilité) ;                                 "Séance d'information générale ouverte au
• Evitez les effets littéraires ou un style trop                          public sur le thème des plantes transgéniques et
   original (n’oubliez pas que vous souhaitez faire                       de leurs implications diverses pour les trois
   passer un message) ;                                                   régions de Belgique"
• Ecrivez concis (n’oubliez pas que les internautes
                                                                          ...vous titrerez :
   passent très peu de temps sur une page) ;
                                                                          "Plantes transgéniques: les enjeux pour la
• Soyez le plus direct possible (ne tournez pas                           Belgique (conférence)"
   autour du sujet);
• Evitez les phrases longues, les mots de liaisons
   inutiles.




               Voyelle – 40 rue du Bignon, forum de la rocade, bâtiment Oméga à Chantepie - contact@voyelle.fr               6
Style d’écriture à adopter


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.
                                                                     Quelle est la longueur idéale d'une page
Il ne s’agit pas forcément de garder tous les                        web ?
internautes mais que ceux qui cherchent
l’information que vous développez ne passent                         On s'accorde à dire qu'une page HTML devrait
pas à côté.                                                          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.


                Voyelle – 40 rue du Bignon, forum de la rocade, bâtiment Oméga à Chantepie - contact@voyelle.fr       7
Comment structurer un article ?


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.


               Voyelle – 40 rue du Bignon, forum de la rocade, bâtiment Oméga à Chantepie - contact@voyelle.fr   8
Le Titre (1ère accroche)



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.




                   Voyelle – 40 rue du Bignon, forum de la rocade, bâtiment Oméga à Chantepie - contact@voyelle.fr   9
Le Titre (1ère accroche)




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.



                   Voyelle – 40 rue du Bignon, forum de la rocade, bâtiment Oméga à Chantepie - contact@voyelle.fr   10
Le chapeau (2ème accroche)




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.



                Voyelle – 40 rue du Bignon, forum de la rocade, bâtiment Oméga à Chantepie - contact@voyelle.fr   11
Les paragraphes

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                             Chaque paragraphe doit avoir son propre titre et
attendues de vos lecteurs :                                                      ne contenir qu’une seule idée.
Qui ? Quoi ? Pourquoi ? Où ? Comment ?


                Voyelle – 40 rue du Bignon, forum de la rocade, bâtiment Oméga à Chantepie - contact@voyelle.fr                     12
Habiller votre texte


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>.




               Voyelle – 40 rue du Bignon, forum de la rocade, bâtiment Oméga à Chantepie - contact@voyelle.fr   13
Les images

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).

                        Voyelle – 40 rue du Bignon, forum de la rocade, bâtiment Oméga à Chantepie - contact@voyelle.fr        14
Multimédia / Rich Media

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
                                                                                      Voir aussi :
permettent d’associer textes, images, sons,                                            Vidéo et rich media sur Internet :
présentations, vidéos. Vos documents multimédia                                            opportunités, technologies…
                                                                                           http://www.artmail-
intéresseront un public qui ne sera pas forcément                                          conseil.com/blog/2008/03/video-et-rich-
sensible à l’écrit ou qui a besoin d’animation (les                                        media-sur-internet-opportunites-
                                                                                           technologies/
présentations permettent de donner un contenu très                                     Le rich média: une nouvelle technique de
simplifié associé à des images).                                                           narration
                                                                                           http://lecercle.lesechos.fr/entreprises-
                                                                                           marches/medibullition/221133520/rich-
                                                                                           media-nouvelle-technique-narration


                   Voyelle – 40 rue du Bignon, forum de la rocade, bâtiment Oméga à Chantepie - contact@voyelle.fr                    15
Les liens

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.


                Voyelle – 40 rue du Bignon, forum de la rocade, bâtiment Oméga à Chantepie - contact@voyelle.fr   16
Récapitulatif

Face à sa feuille blanche, la première question à                   1) J’affirme
se poser est la suivante :                                          De manière presque péremptoire, on pose « le
quel message souhaite-t-on faire passer ?                           cœur de notre message » en avançant « une
Pour cela il faut se poser les bonnes questions :                   idée force ».
 Qu’est-ce qui fait de ce sujet quelque chose                      2) J’argumente
   d’exceptionnel ?                                                 Il s’agit de prouver ce que l’on affirme, avec des
 Pourquoi c’est incontournable ?                                   éléments factuels, des informations
 Qu’est-ce qui fait la différence ?                                quantifiables, vérifiables...
 Quelles sont les particularités de ce sujet ?                     3) J’illustre
   etc.                                                             Il faut trouver des exemples, des témoignages
Une fois le message clairement défini, il s’agit de                 de ce que l’on a avancé. C’est aussi le moment
construire le message, d’organiser l’article.                       de penser à ouvrir son sujet, de le décliner, de
Comment va-t-on articuler sa présentation ?                         l’étendre à d’autres sphères...
Dans un premier temps, on peut se référer à un                      Attention il ne s’agit pas pour le moment de
schéma en trois parties, qui nous permet de                         rédiger l’article, seulement de le structurer. Car,
clarifier l’information que l’on veut faire passer.                 les réponses à ces trois temps peuvent faire
                                                                    office de « guide logique », de trame, avec des
1) J’affirme                                                        phrases ou expressions déjà trouvées, qui
2) J’argumente                                                      faciliteront la rédaction de l’article.
3) J’illustre

                  Voyelle – 40 rue du Bignon, forum de la rocade, bâtiment Oméga à Chantepie - contact@voyelle.fr         17
Récapitulatif


Par rapport au référencement
                                                                   Vous pouvez générer un rapport rapide page
 Le title devra idéalement contenir entre 10                      par page sur le site http://seo.voyelle.fr/ que
  et 70 caractères. Au-delà les termes perdront                    nous avons mis en place. Il vous permettra
  en valeur aux yeux des moteurs de                                d’évaluer rapidement l’efficacité de votre page.
  recherche et risqueront de ne pas être
  affichés ;                                                       Il existe d’autres outils pour analyser vos pages :
 La meta description devra quant à elle                            http://grader.rezoactif.com/
  contenir entre 70 et 160 caractères (espaces                      http://www.woorank.com/
  compris) ;                                                        http://www.seoh.fr/audit-seo
 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.




                Voyelle – 40 rue du Bignon, forum de la rocade, bâtiment Oméga à Chantepie - contact@voyelle.fr          18
Liens


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




                  Voyelle – 40 rue du Bignon, forum de la rocade, bâtiment Oméga à Chantepie - contact@voyelle.fr   19

Contenu connexe

Tendances

Comment CréEr Votre Propre Site Internet
Comment CréEr Votre Propre Site InternetComment CréEr Votre Propre Site Internet
Comment CréEr Votre Propre Site Internetrockpunk55
 
Ergonomie Actengo
Ergonomie ActengoErgonomie Actengo
Ergonomie Actengotergra
 
Réunion Club CML : Ecrire pour le web : style, contenu et référencement
Réunion Club CML :  Ecrire pour le web : style, contenu et référencementRéunion Club CML :  Ecrire pour le web : style, contenu et référencement
Réunion Club CML : Ecrire pour le web : style, contenu et référencementClub des Community Managers de Lyon
 
Création de blog et sites internet
Création de blog et sites internetCréation de blog et sites internet
Création de blog et sites internetpiera5
 
20131204 precis du referencement naturel
20131204 precis du referencement naturel20131204 precis du referencement naturel
20131204 precis du referencement naturelceciestmonadressmail
 
utilisabilite et accessibilite au web
utilisabilite et accessibilite au webutilisabilite et accessibilite au web
utilisabilite et accessibilite au webVlad Posea
 
+10 clés stratégiques pour écrire comme un PRO du SEO ... quand on est pas un...
+10 clés stratégiques pour écrire comme un PRO du SEO ... quand on est pas un...+10 clés stratégiques pour écrire comme un PRO du SEO ... quand on est pas un...
+10 clés stratégiques pour écrire comme un PRO du SEO ... quand on est pas un...Spade scrl
 
Prsentationhtml5 html5 ii twebteck
Prsentationhtml5 html5 ii twebteckPrsentationhtml5 html5 ii twebteck
Prsentationhtml5 html5 ii twebteckTECOS
 
Mauvais référencement
Mauvais référencementMauvais référencement
Mauvais référencementLaGrosse
 
Présentation html5
Présentation html5Présentation html5
Présentation html5Kénium
 
Introduction dans la Programmation Web Course 1
Introduction dans la Programmation Web Course 1Introduction dans la Programmation Web Course 1
Introduction dans la Programmation Web Course 1Vlad Posea
 
Optimiser sa copie numérique - vade-mecum
Optimiser sa copie numérique - vade-mecumOptimiser sa copie numérique - vade-mecum
Optimiser sa copie numérique - vade-mecumAriane van der Veen
 
Referencement naturel par publication d'article
Referencement naturel par publication d'articleReferencement naturel par publication d'article
Referencement naturel par publication d'articleAXIZ eBusiness
 

Tendances (18)

Comment CréEr Votre Propre Site Internet
Comment CréEr Votre Propre Site InternetComment CréEr Votre Propre Site Internet
Comment CréEr Votre Propre Site Internet
 
Ergonomie Actengo
Ergonomie ActengoErgonomie Actengo
Ergonomie Actengo
 
Réunion Club CML : Ecrire pour le web : style, contenu et référencement
Réunion Club CML :  Ecrire pour le web : style, contenu et référencementRéunion Club CML :  Ecrire pour le web : style, contenu et référencement
Réunion Club CML : Ecrire pour le web : style, contenu et référencement
 
Création de blog et sites internet
Création de blog et sites internetCréation de blog et sites internet
Création de blog et sites internet
 
20131204 precis du referencement naturel
20131204 precis du referencement naturel20131204 precis du referencement naturel
20131204 precis du referencement naturel
 
Les base du Html5
Les base du Html5Les base du Html5
Les base du Html5
 
utilisabilite et accessibilite au web
utilisabilite et accessibilite au webutilisabilite et accessibilite au web
utilisabilite et accessibilite au web
 
+10 clés stratégiques pour écrire comme un PRO du SEO ... quand on est pas un...
+10 clés stratégiques pour écrire comme un PRO du SEO ... quand on est pas un...+10 clés stratégiques pour écrire comme un PRO du SEO ... quand on est pas un...
+10 clés stratégiques pour écrire comme un PRO du SEO ... quand on est pas un...
 
Prsentationhtml5 html5 ii twebteck
Prsentationhtml5 html5 ii twebteckPrsentationhtml5 html5 ii twebteck
Prsentationhtml5 html5 ii twebteck
 
Les dessous de html+ccs+js
Les dessous de html+ccs+jsLes dessous de html+ccs+js
Les dessous de html+ccs+js
 
Mauvais référencement
Mauvais référencementMauvais référencement
Mauvais référencement
 
Présentation html5
Présentation html5Présentation html5
Présentation html5
 
Naviguer sur internet
Naviguer sur internetNaviguer sur internet
Naviguer sur internet
 
Introduction dans la Programmation Web Course 1
Introduction dans la Programmation Web Course 1Introduction dans la Programmation Web Course 1
Introduction dans la Programmation Web Course 1
 
Les bases du CSS3
Les bases du CSS3Les bases du CSS3
Les bases du CSS3
 
Initiation au html
Initiation au htmlInitiation au html
Initiation au html
 
Optimiser sa copie numérique - vade-mecum
Optimiser sa copie numérique - vade-mecumOptimiser sa copie numérique - vade-mecum
Optimiser sa copie numérique - vade-mecum
 
Referencement naturel par publication d'article
Referencement naturel par publication d'articleReferencement naturel par publication d'article
Referencement naturel par publication d'article
 

En vedette

Santa maría de la esperanza
Santa maría de la esperanzaSanta maría de la esperanza
Santa maría de la esperanzamarsegundo
 
Nefropatiadiabetica 2013
Nefropatiadiabetica 2013Nefropatiadiabetica 2013
Nefropatiadiabetica 2013Gaby Mani
 
Control ficha y campo calculado
Control ficha y campo calculadoControl ficha y campo calculado
Control ficha y campo calculadoandres95chg
 
Regulation sales law_fr
Regulation sales law_frRegulation sales law_fr
Regulation sales law_frOBFG
 
Commission euro communiqué de presse
Commission euro   communiqué de presseCommission euro   communiqué de presse
Commission euro communiqué de presseOBFG
 
Pelicula
PeliculaPelicula
Peliculamaggyyy
 
Tribusde
TribusdeTribusde
Tribusdec1w2
 
Anse de panier à cinq centre
Anse de panier à cinq centreAnse de panier à cinq centre
Anse de panier à cinq centreNicola Vitulli
 
OpinionWay pour OpenDiplomacy - Les Français et la COP21 / Novembre 2015
OpinionWay pour OpenDiplomacy - Les Français et la COP21 / Novembre 2015OpinionWay pour OpenDiplomacy - Les Français et la COP21 / Novembre 2015
OpinionWay pour OpenDiplomacy - Les Français et la COP21 / Novembre 2015contactOpinionWay
 
Normativa para la operación del transporte de
Normativa para la operación del transporte deNormativa para la operación del transporte de
Normativa para la operación del transporte dedelmyjo
 
Banque Palatine Opinionway : Observatoire de la performance des PME/ETI / Nov...
Banque Palatine Opinionway : Observatoire de la performance des PME/ETI / Nov...Banque Palatine Opinionway : Observatoire de la performance des PME/ETI / Nov...
Banque Palatine Opinionway : Observatoire de la performance des PME/ETI / Nov...contactOpinionWay
 
Fokus Scommerce
Fokus ScommerceFokus Scommerce
Fokus Scommerceecomplexx
 
Personalmanager bite inventar
Personalmanager bite inventarPersonalmanager bite inventar
Personalmanager bite inventarBITE GmbH
 
Sx sanfilippo a (genetica medica 2014) by gaby mani
Sx sanfilippo a (genetica medica 2014) by gaby maniSx sanfilippo a (genetica medica 2014) by gaby mani
Sx sanfilippo a (genetica medica 2014) by gaby maniGaby Mani
 
Informe Programa Nacional de Transferencia Técnica Forestal año 2002
Informe Programa Nacional de Transferencia Técnica Forestal año 2002Informe Programa Nacional de Transferencia Técnica Forestal año 2002
Informe Programa Nacional de Transferencia Técnica Forestal año 2002Santiago JM Del Pozo Donoso
 
Cck August Newsletter
Cck August NewsletterCck August Newsletter
Cck August Newsletterccksingapore
 

En vedette (20)

Santa maría de la esperanza
Santa maría de la esperanzaSanta maría de la esperanza
Santa maría de la esperanza
 
Tarea
TareaTarea
Tarea
 
Nefropatiadiabetica 2013
Nefropatiadiabetica 2013Nefropatiadiabetica 2013
Nefropatiadiabetica 2013
 
Control ficha y campo calculado
Control ficha y campo calculadoControl ficha y campo calculado
Control ficha y campo calculado
 
Regulation sales law_fr
Regulation sales law_frRegulation sales law_fr
Regulation sales law_fr
 
Commission euro communiqué de presse
Commission euro   communiqué de presseCommission euro   communiqué de presse
Commission euro communiqué de presse
 
Pelicula
PeliculaPelicula
Pelicula
 
Tribusde
TribusdeTribusde
Tribusde
 
Anse de panier à cinq centre
Anse de panier à cinq centreAnse de panier à cinq centre
Anse de panier à cinq centre
 
OpinionWay pour OpenDiplomacy - Les Français et la COP21 / Novembre 2015
OpinionWay pour OpenDiplomacy - Les Français et la COP21 / Novembre 2015OpinionWay pour OpenDiplomacy - Les Français et la COP21 / Novembre 2015
OpinionWay pour OpenDiplomacy - Les Français et la COP21 / Novembre 2015
 
Normativa para la operación del transporte de
Normativa para la operación del transporte deNormativa para la operación del transporte de
Normativa para la operación del transporte de
 
Banque Palatine Opinionway : Observatoire de la performance des PME/ETI / Nov...
Banque Palatine Opinionway : Observatoire de la performance des PME/ETI / Nov...Banque Palatine Opinionway : Observatoire de la performance des PME/ETI / Nov...
Banque Palatine Opinionway : Observatoire de la performance des PME/ETI / Nov...
 
Fokus Scommerce
Fokus ScommerceFokus Scommerce
Fokus Scommerce
 
Personalmanager bite inventar
Personalmanager bite inventarPersonalmanager bite inventar
Personalmanager bite inventar
 
Faire de la place
Faire de la placeFaire de la place
Faire de la place
 
Décimo par - Marcos Gordon
Décimo par - Marcos GordonDécimo par - Marcos Gordon
Décimo par - Marcos Gordon
 
Tragewegen
TragewegenTragewegen
Tragewegen
 
Sx sanfilippo a (genetica medica 2014) by gaby mani
Sx sanfilippo a (genetica medica 2014) by gaby maniSx sanfilippo a (genetica medica 2014) by gaby mani
Sx sanfilippo a (genetica medica 2014) by gaby mani
 
Informe Programa Nacional de Transferencia Técnica Forestal año 2002
Informe Programa Nacional de Transferencia Técnica Forestal año 2002Informe Programa Nacional de Transferencia Técnica Forestal año 2002
Informe Programa Nacional de Transferencia Técnica Forestal año 2002
 
Cck August Newsletter
Cck August NewsletterCck August Newsletter
Cck August Newsletter
 

Similaire à Formation écriture pour le web

Ecrire pour le web v3 cfj2012
Ecrire pour le web v3 cfj2012Ecrire pour le web v3 cfj2012
Ecrire pour le web v3 cfj2012Eric Mettout
 
Rédaction-web-lu-et-reference
Rédaction-web-lu-et-referenceRédaction-web-lu-et-reference
Rédaction-web-lu-et-referenceMaurice Thantan
 
Rédaction web -Social Media Club Tunisie
Rédaction web -Social Media Club TunisieRédaction web -Social Media Club Tunisie
Rédaction web -Social Media Club TunisieRayya Laajimi
 
Initiation au blog
Initiation au blogInitiation au blog
Initiation au blogJustin Yarga
 
Ecrire un excellent contenu web et devenir influenceur dans votre expertise
Ecrire un excellent contenu web et devenir influenceur dans votre expertiseEcrire un excellent contenu web et devenir influenceur dans votre expertise
Ecrire un excellent contenu web et devenir influenceur dans votre expertiseDMPROCONSEIL
 
SEO - Le référencement naturel n’aura plus de secret pour vous !
SEO - Le référencement naturel n’aura plus de secret pour vous !SEO - Le référencement naturel n’aura plus de secret pour vous !
SEO - Le référencement naturel n’aura plus de secret pour vous !Agence Bee Yoo
 
Le Contenu, pilier principal du Référencement Naturel
Le Contenu, pilier principal du Référencement NaturelLe Contenu, pilier principal du Référencement Naturel
Le Contenu, pilier principal du Référencement NaturelNicolas Richer
 
Ebook redaction-web-lu-et-reference
Ebook redaction-web-lu-et-referenceEbook redaction-web-lu-et-reference
Ebook redaction-web-lu-et-referenceAmel Miaoulis
 
SMX France 2017 - Top 10 des priorités pour optimiser son SEO OnPage
SMX France 2017 - Top 10 des priorités pour optimiser son SEO OnPageSMX France 2017 - Top 10 des priorités pour optimiser son SEO OnPage
SMX France 2017 - Top 10 des priorités pour optimiser son SEO OnPageLaurent Tulpan
 
Ecrire pour le web v1
Ecrire pour le web v1Ecrire pour le web v1
Ecrire pour le web v1Eric Mettout
 
Importance du contenu redactionnel pour le referencement : par AxeNet
Importance du contenu redactionnel pour le referencement : par AxeNetImportance du contenu redactionnel pour le referencement : par AxeNet
Importance du contenu redactionnel pour le referencement : par AxeNetAgence web AxeNet
 
Infographies playainbound : Génération de trafic
Infographies playainbound : Génération de traficInfographies playainbound : Génération de trafic
Infographies playainbound : Génération de traficMathias Cothenet
 
ATELIER PRATIQUE Web Redactionnel
ATELIER PRATIQUE Web RedactionnelATELIER PRATIQUE Web Redactionnel
ATELIER PRATIQUE Web RedactionnelTarn Tourisme
 
Blogging animation de communautés - easy writing par comenvrai
Blogging animation de communautés - easy writing par comenvraiBlogging animation de communautés - easy writing par comenvrai
Blogging animation de communautés - easy writing par comenvraiLpCoMeN ComenVrai
 
Introduction au cours d'écriture numérique
Introduction au cours d'écriture numériqueIntroduction au cours d'écriture numérique
Introduction au cours d'écriture numériqueXavier Lambert
 
Hec Ergonomie
Hec ErgonomieHec Ergonomie
Hec Ergonomiemastertic
 
Comment booster le referencement naturel de votre site en publiant des articl...
Comment booster le referencement naturel de votre site en publiant des articl...Comment booster le referencement naturel de votre site en publiant des articl...
Comment booster le referencement naturel de votre site en publiant des articl...AXIZ eBusiness
 
Referencement naturel par netlinking de qualité : articles backlinks
Referencement naturel par netlinking de qualité : articles backlinksReferencement naturel par netlinking de qualité : articles backlinks
Referencement naturel par netlinking de qualité : articles backlinksAXIZ eBusiness
 
4 règles d’or pour être lu
4 règles d’or pour être lu4 règles d’or pour être lu
4 règles d’or pour être luAlain Planger
 

Similaire à Formation écriture pour le web (20)

Ecrire pour le web v3 cfj2012
Ecrire pour le web v3 cfj2012Ecrire pour le web v3 cfj2012
Ecrire pour le web v3 cfj2012
 
Rédaction-web-lu-et-reference
Rédaction-web-lu-et-referenceRédaction-web-lu-et-reference
Rédaction-web-lu-et-reference
 
Rédaction web -Social Media Club Tunisie
Rédaction web -Social Media Club TunisieRédaction web -Social Media Club Tunisie
Rédaction web -Social Media Club Tunisie
 
Initiation au blog
Initiation au blogInitiation au blog
Initiation au blog
 
Ecrire un excellent contenu web et devenir influenceur dans votre expertise
Ecrire un excellent contenu web et devenir influenceur dans votre expertiseEcrire un excellent contenu web et devenir influenceur dans votre expertise
Ecrire un excellent contenu web et devenir influenceur dans votre expertise
 
SEO - Le référencement naturel n’aura plus de secret pour vous !
SEO - Le référencement naturel n’aura plus de secret pour vous !SEO - Le référencement naturel n’aura plus de secret pour vous !
SEO - Le référencement naturel n’aura plus de secret pour vous !
 
Le Contenu, pilier principal du Référencement Naturel
Le Contenu, pilier principal du Référencement NaturelLe Contenu, pilier principal du Référencement Naturel
Le Contenu, pilier principal du Référencement Naturel
 
Ebook redaction-web-lu-et-reference
Ebook redaction-web-lu-et-referenceEbook redaction-web-lu-et-reference
Ebook redaction-web-lu-et-reference
 
SMX France 2017 - Top 10 des priorités pour optimiser son SEO OnPage
SMX France 2017 - Top 10 des priorités pour optimiser son SEO OnPageSMX France 2017 - Top 10 des priorités pour optimiser son SEO OnPage
SMX France 2017 - Top 10 des priorités pour optimiser son SEO OnPage
 
Ecrire pour le web v1
Ecrire pour le web v1Ecrire pour le web v1
Ecrire pour le web v1
 
Importance du contenu redactionnel pour le referencement : par AxeNet
Importance du contenu redactionnel pour le referencement : par AxeNetImportance du contenu redactionnel pour le referencement : par AxeNet
Importance du contenu redactionnel pour le referencement : par AxeNet
 
Infographies playainbound : Génération de trafic
Infographies playainbound : Génération de traficInfographies playainbound : Génération de trafic
Infographies playainbound : Génération de trafic
 
ATELIER PRATIQUE Web Redactionnel
ATELIER PRATIQUE Web RedactionnelATELIER PRATIQUE Web Redactionnel
ATELIER PRATIQUE Web Redactionnel
 
Ebook redaction-web-lu-et-reference
Ebook redaction-web-lu-et-referenceEbook redaction-web-lu-et-reference
Ebook redaction-web-lu-et-reference
 
Blogging animation de communautés - easy writing par comenvrai
Blogging animation de communautés - easy writing par comenvraiBlogging animation de communautés - easy writing par comenvrai
Blogging animation de communautés - easy writing par comenvrai
 
Introduction au cours d'écriture numérique
Introduction au cours d'écriture numériqueIntroduction au cours d'écriture numérique
Introduction au cours d'écriture numérique
 
Hec Ergonomie
Hec ErgonomieHec Ergonomie
Hec Ergonomie
 
Comment booster le referencement naturel de votre site en publiant des articl...
Comment booster le referencement naturel de votre site en publiant des articl...Comment booster le referencement naturel de votre site en publiant des articl...
Comment booster le referencement naturel de votre site en publiant des articl...
 
Referencement naturel par netlinking de qualité : articles backlinks
Referencement naturel par netlinking de qualité : articles backlinksReferencement naturel par netlinking de qualité : articles backlinks
Referencement naturel par netlinking de qualité : articles backlinks
 
4 règles d’or pour être lu
4 règles d’or pour être lu4 règles d’or pour être lu
4 règles d’or pour être lu
 

Plus de Voyelle Voyelle

Construire mon plan d'action webmarketing en 5 étapes
Construire mon plan d'action webmarketing en 5 étapesConstruire mon plan d'action webmarketing en 5 étapes
Construire mon plan d'action webmarketing en 5 étapesVoyelle Voyelle
 
Le digital pour se developper à l'international 2
Le digital pour se developper à l'international 2Le digital pour se developper à l'international 2
Le digital pour se developper à l'international 2Voyelle Voyelle
 
La publicité digital pour tester son marché à l'international
La publicité digital pour tester son marché à l'internationalLa publicité digital pour tester son marché à l'international
La publicité digital pour tester son marché à l'internationalVoyelle Voyelle
 
Etablir une stratégie réseaux sociaux à l’international
Etablir une stratégie réseaux sociaux à l’internationalEtablir une stratégie réseaux sociaux à l’international
Etablir une stratégie réseaux sociaux à l’internationalVoyelle Voyelle
 
Développer l’export en qualifiant vos prospects et en les convertissant avec...
Développer l’export en qualifiant vos prospects et en les convertissant avec...Développer l’export en qualifiant vos prospects et en les convertissant avec...
Développer l’export en qualifiant vos prospects et en les convertissant avec...Voyelle Voyelle
 
Essentiel medias et reseaux sociaux
Essentiel medias et reseaux sociauxEssentiel medias et reseaux sociaux
Essentiel medias et reseaux sociauxVoyelle Voyelle
 
Prezi community management par Pierre AVRIL
Prezi community management par Pierre AVRILPrezi community management par Pierre AVRIL
Prezi community management par Pierre AVRILVoyelle Voyelle
 
Edo2016 démarrer son activité les outils de communication c. guezou
Edo2016  démarrer son activité les outils de communication c. guezouEdo2016  démarrer son activité les outils de communication c. guezou
Edo2016 démarrer son activité les outils de communication c. guezouVoyelle Voyelle
 
Comment développer la visibilité de mon commerce sur le web ?
Comment développer la visibilité de mon commerce sur le web  ?Comment développer la visibilité de mon commerce sur le web  ?
Comment développer la visibilité de mon commerce sur le web ?Voyelle Voyelle
 
Support de formation pour Wordpress
Support de formation pour WordpressSupport de formation pour Wordpress
Support de formation pour WordpressVoyelle Voyelle
 
Support de formation pour les pages Google+
Support de formation pour les pages Google+Support de formation pour les pages Google+
Support de formation pour les pages Google+Voyelle Voyelle
 
Conférence : Et si l’avenir de mon magasin passait par Internet ?
Conférence : Et si l’avenir de mon magasin passait par Internet ? Conférence : Et si l’avenir de mon magasin passait par Internet ?
Conférence : Et si l’avenir de mon magasin passait par Internet ? Voyelle Voyelle
 
Les outils pour animer votre site web
Les outils pour animer votre site webLes outils pour animer votre site web
Les outils pour animer votre site webVoyelle Voyelle
 
Présentation des modules de Yahoo! Pipes
Présentation des modules de Yahoo! PipesPrésentation des modules de Yahoo! Pipes
Présentation des modules de Yahoo! PipesVoyelle Voyelle
 

Plus de Voyelle Voyelle (20)

Construire mon plan d'action webmarketing en 5 étapes
Construire mon plan d'action webmarketing en 5 étapesConstruire mon plan d'action webmarketing en 5 étapes
Construire mon plan d'action webmarketing en 5 étapes
 
Le digital pour se developper à l'international 2
Le digital pour se developper à l'international 2Le digital pour se developper à l'international 2
Le digital pour se developper à l'international 2
 
La publicité digital pour tester son marché à l'international
La publicité digital pour tester son marché à l'internationalLa publicité digital pour tester son marché à l'international
La publicité digital pour tester son marché à l'international
 
Etablir une stratégie réseaux sociaux à l’international
Etablir une stratégie réseaux sociaux à l’internationalEtablir une stratégie réseaux sociaux à l’international
Etablir une stratégie réseaux sociaux à l’international
 
Développer l’export en qualifiant vos prospects et en les convertissant avec...
Développer l’export en qualifiant vos prospects et en les convertissant avec...Développer l’export en qualifiant vos prospects et en les convertissant avec...
Développer l’export en qualifiant vos prospects et en les convertissant avec...
 
Essentiel medias et reseaux sociaux
Essentiel medias et reseaux sociauxEssentiel medias et reseaux sociaux
Essentiel medias et reseaux sociaux
 
Prezi community management par Pierre AVRIL
Prezi community management par Pierre AVRILPrezi community management par Pierre AVRIL
Prezi community management par Pierre AVRIL
 
Edo2016 facebook
Edo2016  facebookEdo2016  facebook
Edo2016 facebook
 
Edo2016 twitter
Edo2016  twitterEdo2016  twitter
Edo2016 twitter
 
Edo2016 démarrer son activité les outils de communication c. guezou
Edo2016  démarrer son activité les outils de communication c. guezouEdo2016  démarrer son activité les outils de communication c. guezou
Edo2016 démarrer son activité les outils de communication c. guezou
 
Comment développer la visibilité de mon commerce sur le web ?
Comment développer la visibilité de mon commerce sur le web  ?Comment développer la visibilité de mon commerce sur le web  ?
Comment développer la visibilité de mon commerce sur le web ?
 
Support de formation pour Wordpress
Support de formation pour WordpressSupport de formation pour Wordpress
Support de formation pour Wordpress
 
Support de formation pour les pages Google+
Support de formation pour les pages Google+Support de formation pour les pages Google+
Support de formation pour les pages Google+
 
Conférence : Et si l’avenir de mon magasin passait par Internet ?
Conférence : Et si l’avenir de mon magasin passait par Internet ? Conférence : Et si l’avenir de mon magasin passait par Internet ?
Conférence : Et si l’avenir de mon magasin passait par Internet ?
 
Les outils pour animer votre site web
Les outils pour animer votre site webLes outils pour animer votre site web
Les outils pour animer votre site web
 
Google analytics
Google analyticsGoogle analytics
Google analytics
 
Présentation des modules de Yahoo! Pipes
Présentation des modules de Yahoo! PipesPrésentation des modules de Yahoo! Pipes
Présentation des modules de Yahoo! Pipes
 
Mailjet
MailjetMailjet
Mailjet
 
CSS et CSS3
CSS et CSS3CSS et CSS3
CSS et CSS3
 
Formation html5
Formation html5Formation html5
Formation html5
 

Formation écriture pour le web

  • 1. Ecrire pour le web Voyelle – 40 rue du Bignon, forum de la rocade, bâtiment Oméga à Chantepie - contact@voyelle.fr 1
  • 2. Structure technique d’une page <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> La structure de votre page se sépare en deux </div> <div id="contenu"> parties : <h1>titre de votre page ou article</h1>  L’entête qui contient le titre affiché dans la <h2>sous titre ou courte description</h2> <h3>titre du premier paragraphe</h3> barre ou l’onglet de votre navigateur, la <p>premier paragraphe</p> description utilisée par les moteurs de <h3>titre du deuxième paragraphe</h3> <p>deuxième paragraphe avec une liste d’éléments : recherche et d’autres éléments « invisibles » ; <ul>  Le « body », le corps de votre page où se trouve <li>élément un ;</li> <li>élément deux ;</li> tout le contenu affiché. </ul> Ce sont ces éléments que vous allez remplir lors de </p> (…) la rédaction. Il est important d’en connaitre la </div> signification et l’impact pour comprendre la (…) </body> spécificité de l’écriture web. </html> Voyelle – 40 rue du Bignon, forum de la rocade, bâtiment Oméga à Chantepie - contact@voyelle.fr 2
  • 3. Structure technique d’une page 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. Voyelle – 40 rue du Bignon, forum de la rocade, bâtiment Oméga à Chantepie - contact@voyelle.fr 3
  • 4. Hiérarchiser les informations 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. Voyelle – 40 rue du Bignon, forum de la rocade, bâtiment Oméga à Chantepie - contact@voyelle.fr 4
  • 5. Hiérarchiser les informations 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. Voyelle – 40 rue du Bignon, forum de la rocade, bâtiment Oméga à Chantepie - contact@voyelle.fr 5
  • 6. Style d’écriture à adopter En ce qui concerne le style à adopter, tout le monde doit pouvoir comprendre votre article : EXEMPLE : • Ecrivez votre article avec des mots compris par plutôt que de titrer : tous (cela facilite l’accessibilité) ; "Séance d'information générale ouverte au • Evitez les effets littéraires ou un style trop public sur le thème des plantes transgéniques et original (n’oubliez pas que vous souhaitez faire de leurs implications diverses pour les trois passer un message) ; régions de Belgique" • Ecrivez concis (n’oubliez pas que les internautes ...vous titrerez : passent très peu de temps sur une page) ; "Plantes transgéniques: les enjeux pour la • Soyez le plus direct possible (ne tournez pas Belgique (conférence)" autour du sujet); • Evitez les phrases longues, les mots de liaisons inutiles. Voyelle – 40 rue du Bignon, forum de la rocade, bâtiment Oméga à Chantepie - contact@voyelle.fr 6
  • 7. Style d’écriture à adopter 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. Quelle est la longueur idéale d'une page Il ne s’agit pas forcément de garder tous les web ? internautes mais que ceux qui cherchent l’information que vous développez ne passent On s'accorde à dire qu'une page HTML devrait pas à côté. 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. Voyelle – 40 rue du Bignon, forum de la rocade, bâtiment Oméga à Chantepie - contact@voyelle.fr 7
  • 8. Comment structurer un article ? 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. Voyelle – 40 rue du Bignon, forum de la rocade, bâtiment Oméga à Chantepie - contact@voyelle.fr 8
  • 9. Le Titre (1ère accroche) 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. Voyelle – 40 rue du Bignon, forum de la rocade, bâtiment Oméga à Chantepie - contact@voyelle.fr 9
  • 10. Le Titre (1ère accroche) 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. Voyelle – 40 rue du Bignon, forum de la rocade, bâtiment Oméga à Chantepie - contact@voyelle.fr 10
  • 11. Le chapeau (2ème accroche) 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. Voyelle – 40 rue du Bignon, forum de la rocade, bâtiment Oméga à Chantepie - contact@voyelle.fr 11
  • 12. Les paragraphes 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 Chaque paragraphe doit avoir son propre titre et attendues de vos lecteurs : ne contenir qu’une seule idée. Qui ? Quoi ? Pourquoi ? Où ? Comment ? Voyelle – 40 rue du Bignon, forum de la rocade, bâtiment Oméga à Chantepie - contact@voyelle.fr 12
  • 13. Habiller votre texte 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>. Voyelle – 40 rue du Bignon, forum de la rocade, bâtiment Oméga à Chantepie - contact@voyelle.fr 13
  • 14. Les images 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). Voyelle – 40 rue du Bignon, forum de la rocade, bâtiment Oméga à Chantepie - contact@voyelle.fr 14
  • 15. Multimédia / Rich Media 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 Voir aussi : permettent d’associer textes, images, sons,  Vidéo et rich media sur Internet : présentations, vidéos. Vos documents multimédia opportunités, technologies… http://www.artmail- intéresseront un public qui ne sera pas forcément conseil.com/blog/2008/03/video-et-rich- sensible à l’écrit ou qui a besoin d’animation (les media-sur-internet-opportunites- technologies/ présentations permettent de donner un contenu très  Le rich média: une nouvelle technique de simplifié associé à des images). narration http://lecercle.lesechos.fr/entreprises- marches/medibullition/221133520/rich- media-nouvelle-technique-narration Voyelle – 40 rue du Bignon, forum de la rocade, bâtiment Oméga à Chantepie - contact@voyelle.fr 15
  • 16. Les liens 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. Voyelle – 40 rue du Bignon, forum de la rocade, bâtiment Oméga à Chantepie - contact@voyelle.fr 16
  • 17. Récapitulatif Face à sa feuille blanche, la première question à 1) J’affirme se poser est la suivante : De manière presque péremptoire, on pose « le quel message souhaite-t-on faire passer ? cœur de notre message » en avançant « une Pour cela il faut se poser les bonnes questions : idée force ».  Qu’est-ce qui fait de ce sujet quelque chose 2) J’argumente d’exceptionnel ? Il s’agit de prouver ce que l’on affirme, avec des  Pourquoi c’est incontournable ? éléments factuels, des informations  Qu’est-ce qui fait la différence ? quantifiables, vérifiables...  Quelles sont les particularités de ce sujet ? 3) J’illustre etc. Il faut trouver des exemples, des témoignages Une fois le message clairement défini, il s’agit de de ce que l’on a avancé. C’est aussi le moment construire le message, d’organiser l’article. de penser à ouvrir son sujet, de le décliner, de Comment va-t-on articuler sa présentation ? l’étendre à d’autres sphères... Dans un premier temps, on peut se référer à un Attention il ne s’agit pas pour le moment de schéma en trois parties, qui nous permet de rédiger l’article, seulement de le structurer. Car, clarifier l’information que l’on veut faire passer. les réponses à ces trois temps peuvent faire office de « guide logique », de trame, avec des 1) J’affirme phrases ou expressions déjà trouvées, qui 2) J’argumente faciliteront la rédaction de l’article. 3) J’illustre Voyelle – 40 rue du Bignon, forum de la rocade, bâtiment Oméga à Chantepie - contact@voyelle.fr 17
  • 18. Récapitulatif Par rapport au référencement Vous pouvez générer un rapport rapide page  Le title devra idéalement contenir entre 10 par page sur le site http://seo.voyelle.fr/ que et 70 caractères. Au-delà les termes perdront nous avons mis en place. Il vous permettra en valeur aux yeux des moteurs de d’évaluer rapidement l’efficacité de votre page. recherche et risqueront de ne pas être affichés ; Il existe d’autres outils pour analyser vos pages :  La meta description devra quant à elle  http://grader.rezoactif.com/ contenir entre 70 et 160 caractères (espaces  http://www.woorank.com/ compris) ;  http://www.seoh.fr/audit-seo  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. Voyelle – 40 rue du Bignon, forum de la rocade, bâtiment Oméga à Chantepie - contact@voyelle.fr 18
  • 19. Liens 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 Voyelle – 40 rue du Bignon, forum de la rocade, bâtiment Oméga à Chantepie - contact@voyelle.fr 19