Ce document rassemble les bonnes pratiques appliquées par l'agence web Alsacreations.fr concernant "le SEO". Ces indications sont destinées à évoluer dans le temps et à s'adapter à chaque nouveau projet.
Niveau 1 (base) 🥉
Sémantique HTML
- Utiliser la sémantique HTML de structure notamment
<main>
,<header>
,<footer>
,<nav>
,<aside>
,<search>
. - Utiliser les balises de contenu sémantique
<p>
,<ul>
/<ol>
,<blockquote>
,<figure>
, etc. - Ajouter un attribut
alt
aux images (sauf celles de décoration). - Bien respecter les niveaux de titre
<h1>
,<h2>
... privilégier h1 pour le titre unique de la page (ex : titre de l'article) et non pas pour le titre du site (ou logo) commun à toutes les pages.
Architecture générale
- Bien renseigner
<title>
(page d'accueil et pages internes). - Bien renseigner les balises meta ; la meta description n'influe pas sur le positionnement, mais apparaît dans les résultats de recherche en tant qu'extrait texte.
- Ne pas empêcher la navigation par lien
<a href="...">
. - Utilise de belles URLs comportant des mots clés (url rewriting ou slugs).
- Privilégier un seul domaine pour accéder au contenu.
- Ne pas bloquer l'indexation avec le fichier robots.txt
- Si CMS envisager un sitemap par exemple avec SEOPress
Niveau 2 (étendu) 🥈
- Utiliser les métadonnées pour les réseaux sociaux
- CSS : S'assurer que le site est mobile-friendly et l'auditer avec Search Console.
- Performance : S'assurer que le site se charge rapidement (devtools, lighthouse, webpagetest)
- Selon le framework/CMS, privilégier certains liens internes, voire pratiquer l'obfuscation des liens moins importants.
Microdonnées, données enrichies
- Tutoriel : Microdata et Schema.org, la sémantique chirurgicale
- Hiérarchie des types sur schema.org
- Google pour développeurs : Comprendre le fonctionnement des données structurées
- Balisage de données structurées compatible avec la recherche Google
- Outil de test des résultats enrichis
- Validateur schema.org
Google se base sur schema.org mais indique qu'il faut d'abord se fier à Google Search Central
Exemple HTML
Imbrication de deux types
<article itemscope itemtype="https://schema.org/Book">
<h1 itemprop="name">Le Guide du voyageur galactique</h1>
<p itemprop="author" itemscope itemtype="https://schema.org/Person">
Auteur :
<span itemprop="name">Douglas Adams</span>
<time itemprop="birthDate" datetime="1952-03-11">(né le 11 mars 1952)</time>
</p>
<p itemprop="genre">Science-fiction</p>
<p><a href="https://fr.wikipedia.org/wiki/H2G2" itemprop="url">Fiche Wikipédia</a></p>
</article>
Exemple JSON-LD
{
"@context": "https://json-ld.org/contexts/person.jsonld",
"@id": "https://dbpedia.org/page/John_Lennon",
"name": "John Lennon",
"born": "1940-10-09",
"spouse": "https://dbpedia.org/page/Cynthia_Lennon"
}
Niveau 3 🥇
Autres démarches actives
- Établir des backlinks depuis d'autres sites.
- Faire des liens vers d'autres ressources pertinentes.
- Analyse de positionnement, de mots clés, etc.