Aller au contenu

SEO

Les moteurs de recherche décident d'afficher ou non votre page en se basant sur quelques éléments textuels que vous contrôlez : le titre, la description, la langue et la structuration de vos titres. Les configurer correctement prend cinq minutes et détermine si quelqu'un trouvera votre site.

Trois principes à retenir :

  • Chaque page a besoin de son propre titre et de sa propre description. Des métadonnées identiques sur toutes les pages indiquent aux moteurs de recherche que vos pages sont des doublons.
  • Écrivez d'abord pour les humains, ensuite pour les moteurs de recherche. Si un titre sonne bizarre quand on le lit à voix haute, réécrivez-le.
  • La hiérarchie des titres est une structure, pas un style. Utilisez les titres pour organiser votre contenu, pas pour agrandir le texte.

Où trouver les paramètres SEO

Ouvrez la boîte de dialogue Paramètres (icône d'engrenage dans la barre latérale gauche) et sélectionnez l'onglet SEO. Vous verrez quatre champs : Langue, Titre, Description et Favicon.

Pour les valeurs par défaut du site, ouvrez les Paramètres du site. Pour les surcharges par page, ouvrez les Paramètres de page. Les valeurs de page l'emportent toujours sur les valeurs du site lorsqu'elles sont présentes. Consultez Paramètres du site pour comprendre le fonctionnement du système de surcharge.

L'onglet Paramètres SEO avec les champs Langue du site, Titre (70 caractères max), Description (150-160 caractères) et Favicon

Titre

Le titre apparaît à trois endroits : l'onglet du navigateur, les résultats des moteurs de recherche, et lorsque quelqu'un ajoute votre page en favori. Il est défini via l'élément HTML <title>.

Comment rédiger un bon titre

Restez sous 70 caractères. Les moteurs de recherche tronquent les titres plus longs avec des points de suspension. Vous perdez vos mots les plus importants s'ils sont à la fin.

Placez les mots importants en premier. "Céramiques artisanales - Atelier Terre des Montagnes" est mieux que "Atelier Terre des Montagnes - Céramiques artisanales" car quelqu'un qui cherche des céramiques voit immédiatement le mot pertinent.

Rendez chaque titre de page unique. Une page d'accueil pourrait être "Atelier Terre des Montagnes - Céramiques artisanales & Cours de poterie". La page boutique pourrait être "Bols, tasses & vases en vente - Atelier Terre des Montagnes". La page à propos pourrait être "Notre histoire - Atelier Terre des Montagnes". Chaque titre dit au moteur de recherche de quoi parle cette page spécifique.

Ne bourrez pas de mots-clés. "Céramiques Poterie Artisanale Céramiques Acheter Céramiques Pas Cher Céramiques" sera pénalisé par les moteurs de recherche et rend horrible dans les onglets du navigateur.

Définir le titre

  1. Ouvrez Paramètres du site > onglet SEO.
  2. Entrez votre titre par défaut dans le champ Titre.
  3. Cliquez sur Appliquer.

Puis pour chaque page importante :

  1. Ouvrez Paramètres de page > onglet SEO.
  2. Entrez un titre spécifique à cette page.
  3. Cliquez sur Appliquer.

Si vous laissez le titre d'une page vide, il se rabat sur le titre au niveau du site.

Description

La méta description est l'extrait de texte qui apparaît sous votre titre dans les résultats de recherche. Les moteurs de recherche ne l'utilisent pas toujours -- ils génèrent parfois leur propre extrait à partir du contenu de votre page -- mais une description bien rédigée augmente significativement les chances qu'on clique.

Comment rédiger une bonne description

Visez 150 à 160 caractères. Les descriptions plus courtes gaspillent un espace précieux. Les plus longues sont coupées.

Décrivez ce que le visiteur trouvera sur cette page. Pas ce que votre entreprise fait en général -- ce que cette page spécifique propose. "Parcourez notre collection de bols, tasses et vases en céramique tournés à la main. Livraison gratuite pour les commandes de plus de 50 euros." indique au lecteur exactement à quoi s'attendre.

Incluez une raison de cliquer. Une description est une publicité pour votre page. "Apprenez les bases du tournage sur tour dans nos cours du week-end. Aucune expérience requise." donne un avantage clair.

Ne dupliquez pas le titre. Le titre et la description apparaissent ensemble dans les résultats de recherche. Utilisez la description pour développer ce que le titre promet.

Définir la description

Même processus que pour le titre : définissez une valeur par défaut au niveau du site dans les Paramètres du site, puis surchargez sur les pages individuelles dans les Paramètres de page. Chaque page qui sert un objectif différent devrait avoir sa propre description.

Langue

Le code de langue est couvert en détail dans Paramètres du site. Pour le SEO spécifiquement, le code de langue aide les moteurs de recherche à proposer vos pages au bon public. Une page marquée lang="fr" a plus de chances d'apparaître dans les résultats de recherche en français.

Définissez-le au niveau du site. Surchargez-le sur des pages individuelles uniquement si ces pages sont dans une langue différente.

Favicon

Le favicon n'affecte pas directement le classement dans les recherches, mais il apparaît à côté du nom de votre site dans les résultats de recherche sur les appareils mobiles. Un favicon reconnaissable inspire confiance et augmente les taux de clic. Consultez Paramètres du site pour les recommandations de taille et de format.

Hiérarchie des titres

Les titres ne sont pas des paramètres SEO dans la boîte de dialogue Paramètres -- ils font partie du contenu de votre page. Mais ils comptent énormément pour les moteurs de recherche et l'accessibilité, donc ils ont leur place dans cette discussion.

Les titres HTML vont de <h1> (le plus important) à <h6> (le moins important). Ils créent un plan de votre page que les moteurs de recherche et les lecteurs d'écran utilisent pour comprendre la structure de votre contenu.

Règles pour les titres

Un seul <h1> par page. C'est le sujet principal de la page. Sur un article de blog, c'est le titre de l'article. Sur une page produit, c'est le nom du produit. Sur votre page d'accueil, c'est peut-être le nom de votre entreprise ou votre slogan.

Ne sautez pas de niveaux. Allez de <h1> à <h2> à <h3>, pas de <h1> à <h3>. Sauter des niveaux perturbe le plan du document et casse la navigation pour les utilisateurs de lecteurs d'écran.

Utilisez les titres pour la structure, pas pour la taille. Si vous voulez du texte plus grand, changez la taille de police dans le Style Manager. Si vous utilisez un <h2> simplement parce qu'il semble plus grand, vous indiquez aux moteurs de recherche et aux lecteurs d'écran que ce texte est un titre de section majeur alors que ce n'est peut-être qu'une étiquette décorative.

Placez des mots-clés dans les titres de manière naturelle. "Nos cours de poterie" est un <h2> tout à fait correct. "Meilleurs Cours Poterie Leçons Poterie Pas Cher En Ligne" est du bourrage de mots-clés.

Vérifier votre hiérarchie de titres

Lisez votre page et imaginez les titres comme une table des matières. Le plan a-t-il du sens ? Quelqu'un pourrait-il comprendre la structure de votre page rien qu'avec les titres ?

Exemple de bonne hiérarchie :

  • H1 : Atelier Terre des Montagnes
  • H2 : Nos cours
    • H3 : Tournage débutant
    • H3 : Techniques avancées d'émaillage
  • H2 : Nous rendre visite
    • H3 : Adresse et horaires
    • H3 : Stationnement

Exemple de mauvaise hiérarchie :

  • H1 : Atelier Terre des Montagnes
  • H3 : Cours (H2 sauté)
  • H2 : Nous rendre visite
  • H1 : Contact (deux H1)

Vous souhaitez améliorer la structure des titres et l'accessibilité globale de votre site ? Votez pour les Améliorations d'accessibilité sur la feuille de route.

Surcharges SEO par page

Chaque champ de l'onglet SEO peut être surchargé au niveau de la page. C'est essentiel pour les sites multi-pages. Voici une approche pratique :

  1. Définissez des valeurs par défaut solides au niveau du site dans les Paramètres du site. Utilisez le nom de votre marque et une description générale.
  2. Surchargez le titre sur chaque page. Chaque page devrait communiquer son contenu unique.
  3. Surchargez la description sur les pages clés. Au minimum : la page d'accueil, les pages de destination et les pages que vous souhaitez référencer dans les résultats de recherche.
  4. Surchargez la langue uniquement si une page est dans une langue différente du reste du site.

Liste de vérification pratique

Avant de publier, vérifiez ces éléments :

  • [ ] Le titre au niveau du site est défini et fait moins de 70 caractères
  • [ ] La description au niveau du site est définie et compte entre 150 et 160 caractères
  • [ ] Le code de langue est défini (par exemple, en, fr)
  • [ ] Le favicon est défini et s'affiche correctement dans l'aperçu
  • [ ] Chaque page a un titre unique
  • [ ] Les pages clés ont des descriptions uniques
  • [ ] Chaque page a exactement un <h1>
  • [ ] Les titres suivent une hiérarchie logique sans sauter de niveaux
  • [ ] Aucun titre n'est utilisé uniquement pour la taille visuelle

Votez pour Automatic Sitemap Generation sur la feuille de route pour la génération automatique de sitemap.xml à la publication.

Erreurs courantes

  • Utiliser le même titre sur chaque page. Les moteurs de recherche traitent les titres identiques comme des signaux de contenu dupliqué. Surchargez par page.
  • Rédiger des descriptions qui décrivent l'entreprise, pas la page. "Nous sommes un atelier de poterie" sur chaque page gaspille la description. Chaque page devrait décrire ce que le visiteur trouvera sur cette page.
  • Utiliser <h2> ou <h3> pour la taille visuelle. Changez la taille de police dans le Style Manager à la place. Gardez les titres sémantiques.
  • Laisser le champ de langue vide. Deux caractères (en, fr, es) et c'est fait. Il n'y a aucune raison de l'omettre.

Avancé : comment les métadonnées SEO sont rendues en HTML

Balise title

Le titre que vous saisissez devient l'élément <title> à l'intérieur de <head>. Si un titre de site et un titre de page existent tous les deux, le titre de page l'emporte entièrement -- ils ne sont pas concaténés. Si vous souhaitez le format "Nom de la page - Nom du site", écrivez la chaîne complète dans la surcharge de page.

Méta description

La description devient <meta name="description" content="..."> dans le <head>. Les moteurs de recherche peuvent choisir de l'ignorer et de générer leur propre extrait, surtout si la description ne correspond pas au contenu de la page.

URL canoniques

Si votre page est accessible à plusieurs URL, les moteurs de recherche peuvent indexer des doublons. Vous pouvez ajouter une balise <link rel="canonical"> dans l'éditeur de head du Code personnalisé pour indiquer aux moteurs de recherche quelle URL est l'originale :

<link rel="canonical" href="https://www.example.com/my-page">

Balise méta robots

Pour empêcher une page d'apparaître dans les résultats de recherche, ajoutez ceci dans l'éditeur de head du Code personnalisé de la page :

<meta name="robots" content="noindex, nofollow">

Utilisez cela pour les pages brouillons, les pages de remerciement ou les pages d'administration qui ne devraient pas être indexées.

Données structurées

Pour un SEO avancé, vous pouvez ajouter des données structurées JSON-LD via l'éditeur de head du Code personnalisé. Cela aide les moteurs de recherche à afficher des résultats enrichis (notes étoilées, dates d'événements, fiches recettes, etc.).


Quiz

Q1 : Le titre de votre site est "Jardinerie Pouce Vert" et vous avez une page sur l'entretien des roses. Quel devrait être le titre de la page ?

  • A) "Jardinerie Pouce Vert"
  • B) "Conseils d'entretien des roses : taille, arrosage et engrais - Jardinerie Pouce Vert"
  • C) "Roses Jardinage Conseils Jardin Entretien Roses Acheter Roses Pas Cher"
Réponse

B) "Conseils d'entretien des roses : taille, arrosage et engrais - Jardinerie Pouce Vert." Il décrit le contenu spécifique de la page, reste sous 70 caractères et inclut le nom de la marque. L'option A duplique le titre du site. L'option C est du bourrage de mots-clés.

Q2 : Votre méta description fait 200 caractères. Que se passe-t-il dans les résultats de recherche ?

  • A) La description complète est affichée
  • B) La description est tronquée, coupant vos derniers mots
  • C) Les moteurs de recherche rejettent la page
Réponse

B) La description est tronquée. Les moteurs de recherche affichent généralement 150 à 160 caractères. Tout ce qui dépasse est coupé, souvent en milieu de phrase. Gardez les descriptions dans cette plage.

Q3 : Votre page a deux balises <h1>. Quel est le problème ?

  • A) La page ne se chargera pas
  • B) Les moteurs de recherche ne peuvent pas déterminer quel titre est le sujet principal, et la navigation par lecteur d'écran devient confuse
  • C) Le second H1 sera ignoré
Réponse

B) Les moteurs de recherche ne peuvent pas déterminer quel titre est le sujet principal. Plusieurs balises H1 diluent le signal de focus de la page et perturbent les technologies d'assistance qui utilisent les titres pour la navigation. Utilisez un seul H1 par page.

Q4 : Vous souhaitez que votre page blog affiche "Derniers articles - Blog Pouce Vert" dans les résultats de recherche, mais le titre au niveau du site est "Jardinerie Pouce Vert". Que faites-vous ?

  • A) Changer le titre au niveau du site en "Derniers articles - Blog Pouce Vert"
  • B) Ouvrir les Paramètres de page pour la page blog et définir son titre sur "Derniers articles - Blog Pouce Vert"
  • C) Ajouter une balise <title> dans l'éditeur de head du Code personnalisé
Réponse

B) Ouvrir les Paramètres de page pour la page blog et définir son titre. Les surcharges au niveau de la page existent exactement pour cela. Changer le titre au niveau du site affecterait chaque page. Ajouter un titre dans le code personnalisé pourrait créer un conflit avec la balise title générée.

Q5 : Vous passez d'un <h1> directement à un <h3>, en sautant le <h2>. Que devriez-vous faire ?

  • A) Rien -- c'est correct pour le SEO
  • B) Changer le <h3> en <h2>, ou ajouter un <h2> au-dessus
  • C) Supprimer le <h1> pour que le <h3> devienne le titre de niveau supérieur
Réponse

B) Changer le <h3> en <h2>, ou ajouter un <h2> au-dessus. Sauter des niveaux de titre casse le plan du document. Les lecteurs d'écran et les moteurs de recherche s'attendent à une hiérarchie logique : H1, puis H2, puis H3.

Éditer cette page sur GitLab