| |
Étapes de la production d'une page web |
|
1 |
Organisation et planification de la production |
- Je constitue le rétroplanning pour distinguer clairement le calendrier.
|
|
2 |
Analyse |
- Quels sont les objectifs qualitatifs et/ou quantitatifs visés
par l'article ?
- Qui seront les lecteurs ?
- Quel en sera le propos ?
|
|
3 |
Collecte des informations |
- J'établis une carte mentale1 en réunissant les informations collectées.
Cette carte mentale me permettra d'organiser et de représenter les
informations collectées d'une manière visuelle et structurée.
J'y noterai au fur et à mesure mes idées directrices sans me préoccuper de leur importance
ou de leurs relations.
Elle m'accompagnera tout au long du projet.
- Je rassemble mes idées en puisant dans mes connaissances personnelles sur le sujet.
- Je provoque une réunion et j'interroge l'expert métier dans un remue-méninges.
- Je cherche avec lui l'USP.
La proposition recherchée doit constituer pour le lecteur l'avantage concurrentiel
en raison d'un argument que personne n'emploie dans le secteur visé.
- J'interroge les outils de recherche et les sources d'informations et j'extraie
les données pertinentes.
- Je fais la pige de la concurrence.
Je recherche les mots clés et les syntagmes clés.
Je les classe en 2 familles distinctes selon l'impact voulu : dans la première, je mets les mots et syntagmes clés essentiels, dans la seconde, ceux qui auront un impact plus faible.
- Je recherche pour chaque famille les synonymes2 des mots clés.
- Je fais valider par l'expert s'il s'agit d'un domaine technique que je ne maîtrise
pas.
Je lui demande de les classer pour chaque famille par ordre d'importance et décroissant.
- Je teste les mots clés sur les pages de résultats des moteurs de recherche pour trouver des termes voisins et, le cas échéant, les rajoute à ma liste.
- Cette liste va constituer le thesaurus que je vais utiliser pour la rédaction.
L'objectif est de figurer dans les premières places lors de requêtes sur le
sujet en maximisant le « poids » thématique de la page.
|
|
4 |
Structure des informations |
- J'établis une hiérarchie des informations et je construis ma pyramide en
plaçant les plus importantes en tête et dans un ordre décroissant.
Ce sera bon pour le lecteur.
Ce sera bon pour le moteur.
- Je dégage les lignes de force qui vont constituer autant de paragraphes.
- J'établis le plan en examinant les informations analysées et les idées émises.
|
|
5 |
Rédaction de l'article |
- Je choisis l'axe rédactionnel en appliquant la Méthode
AIDA :
- attirer l'Attention ;
- susciter l'Intérêt ;
- faire naître le Désir ;
- déclencher l'Action.
- Pour un écrit commercial je cherche les arguments en appliquant la méthode SACOL3 :
- Sécurité ;
- Argent ;
- Confort ;
- Orgueil ;
- Loisir.
- Je me place du côté du lecteur en rédigeant de manière informative et lisible.
- Je rédige d'abord les paragraphes en m'attachant à la logique et à l'enchaînement
des idées. Je place les mots et syntagmes clés de la première famille.
- Je relie mes paragraphes d'un fil d'Ariane pour conserver l'attention du
lecteur et l'inviter à lire la suite.
- Je rédige ma titraille :
- un titre provisoire avec une « casquette » ou
un sous-titre
- un chapô comme une bande-annonce de film
- des inters, des accroches qui viennent donner du rythme : ils doivent inviter
le lecteur à poursuivre la lecture et lui assurer une progression logique dans
l'article
- Je conclue par une chute qui doit indiquer au lecteur que le sujet est bouclé
et l'inviter à un contact commercial.
- Je reprends le titre et vérifie qu'il est clair, informatif, et qu'il
comporte au moins un des mots clés figurant en tête de la liste de la première
famille. Il doit pouvoir être compris hors le contexte de la page : il est en
effet destiné à figurer sur les pages des SERP.
- Je laisse passer 12 heures pour vider mon cache cérébral.
|
|
6 |
Relecture corrective |
- J'effectue une relecture et corrige les fautes et coquilles
éventuelles4.
|
|
7 |
Relecture critique |
- Je soumets l'article au client et lui demande d'annoter en
marge ses commentaires et corrections sur le fond.
|
|
8 |
Ré-écriture |
|
|
9 |
Sélection des documents visuels |
- Je vérifie la pertinence des visuels retenus avec le contenu.
- Je m'assure que les droits de reproduction sont bien acquis.
- Je décide leur emplacement et je rédige les phrases des balises de remplacement
et des légendes en m'assurant qu'elles comportent des mots clés.
|
|
10 |
Mise en page |
- Je n'utilise pas les styles dans la page même. J'utilise ma feuille de style
externe.
- Je fais respirer mon texte et le lecteur en aérant mes chapitres et
mes paragraphes.
- Je ne souligne surtout pas, mais je mets en gras (
b) les mots
que veux mettre en exergue pour le lecteur ; en strong pour
les moteurs.
- Je vide mon cache cérébral une nouvelle fois.
- J'extraie des phrases fortes que je mets en exerque comme autant d'accroches.
|
|
11 |
Révision, normalisation et corrections finales |
- Je révise une dernière fois le texte sous toutes les coutures.
- Je passe la page au banc du W3C et je m'assure de sa validation.
- Je fais mes dernières corrections avant la livraison et je révise de nouveau.
|
|
12 |
Publication |
- J'adresse un courriel au client pour lui demander de consulter la page finale.
- Après approbation dans son courriel de retour, je mets l'article en ligne.
|
|
Règles rédactionnelles |
|
13 |
Éthique |
- Le contenu doit être objectif : ce n'est
pas un texte de propagande. Éviter les superlatifs.
- Le contenu doit être honnête : les informations doivent être
vérifiables. Produire des liens externes vers des sources de confiance.
|
|
14 |
Longueur du texte |
- Écrire court. Écrire long. Peu importe.
Il faut écrire ce qu'il faut pour être compris et apporter au lecteur l'information
qu'il cherche.
Si l'article est long, écrire une table des matières qui renvoie
vers des ancres en têtes de chapitre. Nommer les ancres d'un mot clé.
|
|
15 |
Longueur des phrases |
- Le texte doit être concis : l'internaute cherche
une information pas de la littérature.
La phrase doit atteindre la ligne de l'épure
: tout mot inutile doit être supprimé.
Ne pas dépasser 15 mots. Au-delà de
492 mots, le record détenu par Marcel Proust sera battu.
|
|
16 |
Longueur des mots |
- Un internaute ne lit pas une page Web comme il lit un
livre. Il balaie la page par blocs. Un mot trop long et le balayage s'arrête.
Le lecteur lit alors le mot, puis la phrase et perd tout le contexte. Il zappe.
Pas plus de 3 syllabes donc. Exercice difficile mais fortement recommandé (4
syllabes).
|
|
17 |
Adverbes |
- Ne pas employer d'adverbes de lieu (ici, là , ailleurs…),
de temps (aujourd'hui, demain, hier…).
- Les adverbes dérivés d’un adjectif sont en général (plutôt que « généralement »)
longs. Les éviter.
|
|
18 |
Figures de style |
- Ne pas employer de figures de rhétorique du
type : métaphores, ellipses, comparaisons, euphémismes, litotes...
Elles vont compliquer la lecture par l'humain et risque de génèrer de la confusion pour
les robots.
|
|
19 |
Vocabulaire |
- Le lecteur ne connaît que 5%, voire, 10% pour les plus érudits,
des mots d'un dictionnaire de 45 000 mots.
Si le lecteur bute sur un mot et se trouve incapable de le comprendre dans son contexte, il abandonne.
Plutôt que d'expliquer le mot, ce qui lasse les uns (ceux qui ne
le connaissent pas), et devient désobligeant (pour ceux qui le connaissent),
utiliser des mots courants.
|
|
20 |
Abréviations : sigles, acronymes et initiales |
- Limiter leurs présences au maximum et ne les utiliser que
s'ils sont passés dans le langage commun.
Tout le monde connaît l'ONU ou JFK.
Pour le sigle CNUCED ou
les initiales JPR c'est
moins certain.
NB : les abréviations, sigles, acronymes sont invariables en français, n'ont pas de pluriel et ne comportent pas de « points » pour séparer les lettres.
|
|
21 |
Orthographe, grammaire et coquilles |
- Soigner l'orthographe et la grammaire7.
Si le lecteur corrigera de lui-même certaines erreurs, il considérera que ce
n'est pas très professionnel. En outre cela déplait beaucoup aux robots qui s'appuient
sur des thésaurus.
- Faire attention aux co(q)uilles. Cela peut conduire à des malentendus.
|
|
Typographie et Mise en Page |
|
22 |
Polices de caractères |
- Choisir une police de caractère générique conçue pour la lecture à l'écran.
- Privilégier une police de caractère Sans-serif qui
offre une meilleure lisibilité (sans empattement = Sans-serif). Sujet controversé.
- Excepté le titre ou des blocs distincts du texte principal (bloc
de citation, bloc de code, etc.) conserver la même police.
- La taille doit s'exprimer en valeur relative : utiliser des
% ou des ems.
Le lecteur pourra choisir d'agrandir ou de rétrécir la taille du texte selon son besoin.
|
|
23 |
Majuscules |
- Elles doivent être accentuées8.
C'est obligatoire et nécessaire pour le sens.
- Ne jamais écrire une phrase tout en majuscule. L'éviter pour les mots.
|
|
24 |
Interlignes |
- Au minimum à 150% de la hauteur du caractère.
|
|
25 |
Espacement entre les paragraphes |
- De 2 fois la valeur de l'interligne.
|
|
26 |
Largeur de colonne |
- Ne pas utiliser toute la largeur de la page. L'œil du lecteur fatigue vite
à parcourir toute la ligne et peut perdre la ligne suivante.
Fixer la largeur
de la colonne à 15 mots maximum.
|
|
27 |
Justification du texte |
- Les césures de mot et les espaces inter-mot n'étant pas pris
en compte, il est souhaitable de ne pas justifier sur toute la largeur de la
colonne.
Aligner le texte à gauche : c'est plus lisible et plus élégant.
|
|
28 |
Espaces et ponctuation |
- Insérer une espace insécable (code HTML
) après
l'ouverture et avant la fermeture des guillemets. De même devant le signe « : ».
- Insérer une espace fine devant les signes de ponctuation : « . » « ; » ,
« ! » et « ? ».
Il existe bien une entité nominale HTML (en Unicode) :   mais :
1/ tous les navigateurs ne la reconnaissent pas,
2/ s'ils la reconnaissent, ils l'interprètent différement.
La solution passe par la feuille de style :
.fine { font-size: 30%; }
Il ne reste plus ensuite qu'à disposer une espace simple en span.
|
|
29 |
Guillemets |
- Préférer les guillemets « français »
(codes HTML
« et »).
|
|
30 |
Contraste |
- Éviter les images d'arrière plan qui pourraient troubler la lecture et gêner
la lisibilité.
- Créer un contraste suffisant entre le texte et la couleur de fond de page9.
- Proposer le cas échéant un affichage alternatif avec un contraste adapté
aux personnes souffrant d'handicaps visuels.
|
| 
| 
| 
| 
| 
| 
doivent être remplis.
Véro le 13.12.2007 @ 18:00
Un GRAND merci pour l'article et les liens.