Rédaction web
Fiche pédagogique 2
La structure de la page web
Hiérarchie visuelle et textuelle
de l’information
© Catherine Boudet 06.10.2015

Introduction : réapprendre à écrire ?
C’est le contenu qui compte. Certes, ce qui frappe l’internaute au premier abord sur un site
web, sont les éléments visuels, ce que l’on appelle le “look & feel”. Mais si, dans un
deuxième temps, ce qu’il lit n’est pas assez clair, mal structuré, mal rédigé, l’internaute
oubliera la belle impression de départ… et passera son chemin.
Car en fin de compte, c’est le contenu que le lecteur est venu chercher. Et si ce contenu
n’est pas organisé correctement, il manquera sa cible, car l’internaute ne lira pas
l’information, ou s’il la lit, il ne la retiendra pas.
Le rédacteur web doit donc adapter son écriture pour faciliter la lecture à l’écran : c’est la
vitesse et le confort de lecture de son lecteur qui sont en jeu… et donc la circulation sur le
site ! Les bons réflexes du rédacteur web :
1. penser à la lisibilité
2. penser à la cohérence
3. penser à la navigation
© Catherine Boudet 06.10.2015

1.Penser à la lisibilité
On ne lit pas à l’écran comme on lit sur une page papier :
- on lirait 25 fois plus lentement sur écran que sur papier
- sur écran, on lit par zapping ou par balayage, non de façon linéaire
La rédaction web doit donc obéir à des règles spécifiques : elle amène à
repenser la structure du texte.
Cependant, la rédaction web n’est pas tant une nouvelle façon d’écrire, qu’une
nouvelle façon d’organiser l’information. Elle demande notamment de tenir
compte des contraintes du web.
© Catherine Boudet 06.10.2015

2. Penser à la cohérence
Chaque page doit être pensée comme un tout. Contrairement à un livre, on parcourt le web non
de façon linéaire, mais de façon séquentielle : en passant d’une page à l’autre. Un visiteur peut
donc très bien atterrir sur une page interne sans être passé par la page d’accueil préalablement.
Chaque page doit donc pouvoir être lue indépendamment des autres. Chaque page doit être
pensée de façon à être compréhensible par un lecteur qui n’aurait pas lu les autres pages du site
au préalable. Elle ne doit pas être considérée comme la suite d’une page précédente. Ainsi, on
évitera les formules du style “L’entreprise xxx est également spécialiste en…”.
Chaque page doit donc également comporter de façon autonome les éléments nécessaires à sa
compréhension. Le lecteur doit pouvoir identifier facilement : le nom du propriétaire du site,
l’activité, la localisation, l’information principale.
© Catherine Boudet 06.10.2015

3. Penser à la navigation
Le web est un environnement interactif, dans lequel l’internaute navigue au gré de
ses envies et des incitations qu’il rencontre. Une page web n’a donc de sens que
si elle est intégrée dans son environnement de façon interactive.
Il faut donc penser à rendre le texte navigable, grâce à l’insertion de liens dans le
corps du texte. Ils permettent au visiteur de prolonger sa visite du site en partant
à la découverte des autres pages.
D’autre part, il faut permettre au lecteur de trouver rapidement le service qu’il
recherche, et l’inciter à prendre contact avec le propriétaire du site (call-to-action).
© Catherine Boudet 06.10.2015

en résumé,
le texte web doit être :
1. facile à lire
2. facile à explorer
3. facile à comprendre

I. FACILE A LIRE
1. Être lisible pour être visible
2. Les principales qualité d’un texte

1. Etre lisible pour être visible
Sur Internet, une page web est en
concurrence avec des millions d’autres. Plus
encore que sur papier, il va falloir rédiger non
seulement pour être lisible, mais aussi pour
être visible. Il va donc falloir s’assurer que le
contenu produit soit :
- compréhensible par tous
- satisfaisant sur le plan de la langue
- attractif et informatif
- pratique pour le référencement
La réalisation de ces 4 objectifs va dépendre
de la compétence rédactionnelle du
rédacteur. La force d’un texte web se fonde
sur des éléments techniques :
- le choix des mots
- la longueur des phrases
- la construction des phrases
- le découpage en paragraphes
En agissant à ces 4 niveaux, le rédacteur
facilite la lecture de son texte.
© Catherine Boudet 06.10.2015

a. Le choix des mots
Pour être convaincant, un texte doit être accessible à tous. Il faut donc veiller
tout particulièrement à son vocabulaire. Préférez :
• des mots concrets
• des mots courts
La capacité de mémorisation du lecteur est plus rapide quand on utilise des mots courts :
“trou” plutôt que “anfractuosité”...
• des mots connus
Tout mot inconnu retarde la lecture. Choisissez un langage accessible, surtout en page
d’accueil. Réservez le vocabulaire technique pour les pages internes.
• un vocabulaire riche et précis
Simplicité ne veut pas dire pauvreté. Il faut trouver le mot juste et informatif, pour que le
lecteur n’ait pas le sentiment de perdre son temps.
© Catherine Boudet 06.10.2015

b. La construction des phrases
On lit moins vite sur écran que sur papier. Le texte doit donc être plus court :
• La phrase doit aller à l’essentiel. On y met le strict nécessaire et on évite les
répétitions ou les mots superflus.
• La première partie de phrase est toujours mieux mémorisée que la
seconde. Le message essentiel doit donc figurer en début de phrase.
• La mémorisation est facilitée par la structure sujet+verbe+complément
• Préférer la tournure active à la tournure passive
• Une idée par phrase.
© Catherine Boudet 06.10.2015

c. Le découpage en paragraphes
Sur le web, le texte doit être “balayable”. il ne doit pas ressembler à un long bloc
continu, mais être découpé en paragraphes. Le lecteur peut ainsi sauter d’un
bloc à l’autre, revenir en arrière :
Chaque paragraphe est organisé autour d’une idée directrice.
Chaque paragraphe est composé de 2 à 4 phrases. Un paragraphe court est
plus lu qu’un paragraphe long.
Chaque paragraphe est organisé en mini-pyramide inversée : les idées
essentielles en début de paragraphe.
© Catherine Boudet 06.10.2015

2. Les principales qualités d’un texte
1. la clarté
- se faire comprendre par ses lecteurs
- s’en tenir à un message essentiel
2. la concision
- cultiver l’art d’employer le moins de mots
possibles
- enlever les expressions ou mots superflus
3. la précision
- utiliser des verbes et mots précis
- vérifier le sens des mots et verbes utilisés
dans le dictionnaire si nécessaire
- adapter le vocabulaire à l’activité
4. la correction
- respecter les règles de grammaire,
d’orthographe, de ponctuation, de syntaxe, de
concordance
- vérifier dans le dictionnaire si nécessaire
5. la fluidité
- soigner l’enchaînement des arguments pour
faciliter la lecture du texte
- éviter les mots superflus et expressions ou
tournures qui ralentissent la lecture
6. la variété
- varier les mots, éviter les répétitions
- chercher des synonymes
© Catherine Boudet 06.10.2015

II.FACILE A
EXPLORER
1. les portes d’entrée
2. les paliers de lecture

Hiérarchie visuelle de l’information
• Les portes d’entrée
“Tout, tout de suite”. Les internautes ne donnent que quelques secondes à
l’aperçu d’une page web pour les convaincre d’en poursuivre la lecture. Il
faut donc leur fournir de bonnes portes d’entrée visuelles pour les inciter à
entrer dans le texte : titre (H1), slogan, sous-titre (H2), accroche.
• Les paliers de lecture
Le lecteur appréhende l’information par étapes. Il doit donc pouvoir
disposer d’un premier aperçu (vision d’ensemble) tout en ayant la
possibilité d’approfondir le sujet (vision détaillée).
© Catherine Boudet 06.10.2015

Les paliers de lecture (suite)
Comme en plongée sous-marine, les paliers de lecture faciliteront la descente du
lecteur vers les contenus. Idéalement, la progression doit se déployer sur 3
niveaux :
Niveau H1 = slogan (incitatif) + titre (informatif)
Niveau H2 = sous-titre (informatif) + accroche (incitative)
Niveau 3 texte page d’accueil = attaque informative + texte incitatif
Niveau 3 texte page interne = attaque incitative + texte informatif
© Catherine Boudet 06.10.2015

NIVEAU 1
Ce premier niveau doit attirer l’attention de l’internaute. Les éléments du premier
niveau doivent être brefs et représentatifs du contenu. Tout doit inciter
l’internaute à descendre vers les autres niveaux pour rechercher l’information.
Slogan
Clair, court, incitatif, le slogan présente de façon incitative le contenu du site.
Titre
Le titre présente de façon informative l’activité du client. Le choix du titre est crucial : les
titres sont lus 5 fois plus que les contenus. Le visiteur quittera la page si le site ne lui
permet pas de saisir d’emblée le sujet de la page.
© Catherine Boudet 06.10.2015

NIVEAU 2
Le niveau 2 présente un niveau d’information intermédiaire entre le H1 et les contenus.
H2 Sous-titre
Les sous-titres H2 organisent la page en groupes de paragraphes. Informatifs, ils
permettent au lecteur de vérifier rapidement que le contenu proposé correspond à ce qu’il
cherche et si ça vaut la peine de poursuivre la lecture. Pour le rédacteur, les H2 permettent
de structurer ses contenus, car chaque H2 résume et introduit le paragraphe qui suit.
Le lecteur se servira des H2 pour choisir vers quels blocs diriger sa lecture dans la page. Il
faut donc rédiger le bloc de contenu avant de rédiger le H2 correspondant. Si le H2 ne
correspond pas au contenu, il faudra modifier le H2.
Accroche
Phrase ou expression mise en valeur, l’accroche a un ton plus incitatif que le titre. Distincte
du texte principal, l’accroche doit pouvoir être lue de façon autonome tout en incitant le
lecteur à aller se référer au texte.
© Catherine Boudet 06.10.2015

NIVEAU 3
Le niveau 3 correspond aux textes de contenus. L’information y est plus développée. Les
contenus doivent à la fois “informer, inciter, convertir” tout en respectant la promesse faite par
les titres des niveaux supérieurs.
L’attaque
L’attaque est la première phrase par laquelle le lecteur entame la découverte du contenu. Elle est
donc le point de contact qui doit inciter le lecteur à prolonger la lecture de détail.
Le contenu organisé en paragraphes
Chaque paragraphe développe une thématique introduite par le sous-titre qui le précède, en deux
ou trois idées maximum.
Les liens
Les liens sont autant de portes d’entrée qui doivent permettre au lecteur d’aller explorer d’autres
pages du site.
© Catherine Boudet 06.10.2015

III.FACILE A COMPRENDRE
La technique
de la pyramide inversée

Hiérarchie textuelle de l’information
Il faut permettre au lecteur de pénétrer dans la lecture du texte rapidement et
confortablement, et d’en saisir le contenu progressivement.
Aller de l’essentiel au détail : la technique de la pyramide inversée, empruntée au
journalisme, consiste à placer en début de texte (en haut de page) les éléments
principaux, pour détailler ensuite. Plus le lecteur poursuit la lecture, plus il obtient
de précisions.
Tout l’art du bon rédacteur sera de savoir agencer et hiérarchiser les éléments. Il
doit donc se demander : qu’est-ce que le lecteur doit savoir en premier ?
© Catherine Boudet 06.10.2015

La pyramide inversée
La pyramide inversée du rédacteur web sera constituée de 4 éléments :
Attaque + Introduction = l’essentiel
On répond aux premières questions que se pose un lecteur : de QUOI s’agit-il/Que vais-je trouver ? De
QUI/Quelle entreprise s’agit-il ? OU se trouve-t-elle par rapport à moi ?
Paragraphe 1 = les détails
Une fois qu’on a répondu à ses questions de base, le lecteur va se poser des questions plus précises :
COMMENT ça marche ? COMBIEN ça coûte ? En quoi est-ce différent et mieux que la solution X ?
Paragraphe 2 = le contexte
A ce stade, le lecteur se pose alors les questions d’ordre plus général : depuis quand existe cette
compagnie ? Où est fabriqué ce produit ? Comment ? En respectant quelles règles ou quelles valeurs ?
C’est le moment de lister les partenaires, les certifications, les textes de loi...
Le call-to-action
© Catherine Boudet 06.10.2015

En résumé: portrait-robot de la Home Page
Slogan
Titre
Attaque + Introduction : l’essentiel
H2 Sous-titre
Paragraphe 2 : les détails
Accroche
H2 Sous-titre
Paragraphe 1 : les détails
Accroche
H2 Sous-titre
Paragraphe 2 : le contexte
Call-to-action
© Catherine Boudet 06.10.2015