Créer une page web performante en 10 étapes

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

2. 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 paragraphe paragraphe paragraphe paragraphe Ceci est un 2e intertitre Paragraphe paragraphe lien interne paragraphe paragraphe paragraphe paragraphe REFERENCEMENT EDITOILE ACADÉMIE 2 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)

3. 2. Un 1er paragraphe synthétique 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 paragraphe paragraphe paragraphe paragraphe Ceci est un 2e intertitre Paragraphe paragraphe lien interne paragraphe paragraphe paragraphe paragraphe REFERENCEMENT EDITOILE ACADÉMIE 3 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

4. 3. Un plan avec des intertitres 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 paragraphe paragraphe paragraphe paragraphe Ceci est un 2e intertitre Paragraphe paragraphe lien interne paragraphe paragraphe paragraphe paragraphe REFERENCEMENT EDITOILE ACADÉMIE 4 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

5. 4. Un texte suffisamment long 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 paragraphe paragraphe paragraphe Ceci est un 2e intertitre Paragraphe paragraphe lien interne paragraphe paragraphe paragraphe paragraphe REFERENCEMENT EDITOILE ACADÉMIE 5 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

6. 5. Un plan en pyramide inversée 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 paragraphe paragraphe paragraphe Ceci est un 2e intertitre Paragraphe paragraphe lien interne paragraphe paragraphe paragraphe paragraphe REFERENCEMENT EDITOILE ACADÉMIE 6 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)

7. 6. Un texte mis en forme 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 paragraphe paragraphe paragraphe Ceci est un 2e intertitre Paragraphe paragraphe lien interne paragraphe paragraphe paragraphe paragraphe REFERENCEMENT EDITOILE ACADÉMIE 7 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>

8. 7. Une grande image Ceci est le titre de la page Premier paragraphe premier paragraphe premier paragraphe premier paragraphe premier Ceci est un 1er intertitre REFERENCEMENT EDITOILE ACADÉMIE 8 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

9. 8. Des liens internes 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 paragraphe paragraphe paragraphe Ceci est un 2e intertitre Paragraphe paragraphe lien interne paragraphe paragraphe paragraphe paragraphe REFERENCEMENT EDITOILE ACADÉMIE 9 Bouton action Bouton action Ajouter des liens internes pour retenir les internautes (et Google) sur votre site web : pas de page cul-de-sac !

10. 9. Des boutons d’appels à l’action 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 paragraphe paragraphe paragraphe Ceci est un 2e intertitre Paragraphe paragraphe lien interne paragraphe paragraphe paragraphe paragraphe REFERENCEMENT EDITOILE ACADÉMIE 10 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

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

12. 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/ REFERENCEMENT EDITOILE ACADÉMIE 12