Créer une page web performante en 10 étapes

Créer une page web
performante en 10 étapes
REFERENCEMENT EDITOILE ACADÉMIE 1

1. Un titre accrocheur
Ceci est le titre de la page
Premier paragraphe premier paragraphe premier
paragraphe premier paragraphe premier
Ceci est un 1er
intertitre
Paragraphe paragraphe paragraphe paragraphe
paragraphe lien interne paragraphe
paragraphe paragraphe paragraphe paragraphe
Ceci est un 2e
intertitre
Paragraphe paragraphe lien interne paragraphe
paragraphe paragraphe paragraphe
Bouton action
Bouton action
Le titre de la page remonte
généralement dans l’URL de la
page. Il doit :
•Contenir les mots-clés
principaux, les plus utilisés
•Etre incitatif, convaincant, sans
survendre ou mentir
•Etre clair et compréhensible
par tous même hors contexte
•Etre codé en <h1> ou titre 1
(un seul h1 par page)

2. Un 1er
paragraphe
synthétique
Ceci est un 1er
intertitre
Ceci est un 2e
intertitre
Bouton action
Bouton action
Le premier paragraphe doit
convaincre en quelques secondes
l’internaute de lire la suite :
•Résumer le contenu de la page,
sans faire de teasing
•Expliquer le bénéfice client,
l’intérêt pour le lecteur
•Contenir les mots-clés
principaux, les plus utilisés
•Peut être affiché en gras
<strong> ou en plus gros pour
être plus lisible

3. Un plan avec des
intertitres
Ceci est un 1er
intertitre
Ceci est un 2e
intertitre
Bouton action
Bouton action
Rendre visible le plan de la page
en ajoutant des intertitres
•Ajouter des mots-clés
spécifiques à la page (pas
toujours les mêmes intertitres
dans les mêmes types de page)
•Au moins 2 intertitres de
même niveau (jamais un seul
intertitre isolé)
•Les coder en <h2> ou titre 2,
jusqu’à h6 possible

4. Un texte suffisamment
long
Ceci est un 1er
intertitre
Ceci est un 2e
intertitre
Bouton action
Bouton action
Le texte doit être suffisamment
long pour plaire à Google :
•+ de 250 mots (= 1500 signes = 1
feuillet) au minimum, si possible
plus de 1000 mots
•Ajouter le maximum de mots-
clés différents et contextuels
(décrivant le contexte) pour
diversifier le champ sémantique
•Ne pas répéter partout les
mêmes mots-clés

5. Un plan en pyramide
inversée
Ceci est un 1er
intertitre
Ceci est un 2e
intertitre
Bouton action
Bouton action
Construire son texte en
« pyramide inversée » avec :
•En haut : les infos les plus
importantes, qui intéressent le
plus d’internautes (ex.
arguments de vente)
•En bas : les infos les moins
importantes, qui intéressent
moins d’internautes (ex. détails
techniques)

6. Un texte mis en forme
Ceci est un 1er
intertitre
Ceci est un 2e
intertitre
Bouton action
Bouton action
• De nombreux paragraphes
courts, séparés par des
intertitres (pas de grand bloc
continu de texte)
• Des textes non centrés et
non justifiés à droite
(seulement à gauche)
• Une mise en forme avec des
mots en gras <strong> et des
listes à puces non ordonnées
<ul> ou ordonnées <ol> et
• Paragraphes codés en <p>

7. Une grande image
Ceci est un 1er
intertitre
Bouton action
Ajouter au moins une grande image
par page :
•Une belle image, colorée (ex.
mises en situation du produit)
•Au moins 800 pixels de large, si
possible 1200 pixels pour le
partage sur les réseaux sociaux
•La plus allégée possible pour
qu’elle s’affiche rapidement (moins
de 100 Ko)
•Avec une alternative textuelle
<alt> qui décrit l’image

8. Des liens internes
Ceci est un 1er
intertitre
Ceci est un 2e
intertitre
Bouton action
Bouton action
Ajouter des liens internes pour
retenir les internautes (et
Google) sur votre site web :
pas de page cul-de-sac !

9. Des boutons d’appels à
l’action
Ceci est un 1er
intertitre
Ceci est un 2e
intertitre
Bouton action
Bouton action
Inciter les internautes à avec
des boutons d’appel à l’action
ou CTA (Call-to-action) situés en
haut et/ou en bas de page :
•J’achète, je commande
•Je demande un devis
•Je prends rendez-vous
•Je m’abonne, je m’inscris
•Je télécharge
•Je partage

C’est le 1er
contact qu’a l’internaute avec votre page dans Google, avant
même d’arriver sur votre site. C’est ce qui va le décider à cliquer ou pas !
Doivent être rédigées à la main et différentes pour chaque page web.
10. Des balises title et
méta-description
11EDITOILE ACADEMIEREFERENCEMENT
Balise title : nom de la
page en 60 signes max
(peut être différent du
titre h1)
Balise méta-description : texte de 160 signes max
(parfois 320 signes max depuis déc. 2017) qui résume le
contenu de la page et donne envie de cliquer

Contactez-moi !
Gabrielle Denis
Directrice, fondatrice
gdenis@editoile.fr
Tél. 05 24 07 82 50
Editoile
1 cours Xavier Arnozan
33000 BORDEAUX
https://editoile.fr/

Créer une page web performante en 10 étapes

Recommandé

Recommandé

Contenu connexe

Similaire à Créer une page web performante en 10 étapes

Similaire à Créer une page web performante en 10 étapes (20)

Plus de Editoile

Plus de Editoile (20)

Créer une page web performante en 10 étapes