Le titre et la méta-description

Module 3: Les bases techniques d'une page · Temps de lecture : 11 minutes

Objectif pédagogique : À l'issue de cette leçon, vous saurez rédiger un bon titre et une bonne méta-description pour chaque page, expliquer ce que Google en fait et pourquoi il les remplace parfois, et vérifier qu'ils sont corrects sur vos propres pages.

Notions clés : <title>, lien de titre, méta-description (<meta name="description">), extrait (snippet), réécriture par Google, troncature selon la largeur d'écran, règle empirique de longueur, titres uniques, nom de marque, bourrage de mots-clés, nosnippet

Deux lignes dans l'en-tête de votre page

Chaque page d'un site web commence par une partie que le visiteur ne voit pas : le <head>. On y trouve deux lignes particulièrement importantes pour les moteurs de recherche :

<head>
  <title>Bruidsboeketten op maat in Amersfoort | Bloemenatelier Lotte</title>
  <meta name="description" content="Een bruidsboeket dat bij jullie dag past. Kom langs voor een gratis kennismaking in ons atelier in Amersfoort, of bekijk eerst onze voorbeelden.">
</head>

Le titre (l'élément <title>) apparaît dans l'onglet de votre navigateur, dans vos favoris et surtout dans les résultats de recherche. Google appelle la ligne bleue et cliquable d'un résultat de recherche le lien de titre. La méta-description est un court résumé de la page. Google l'utilise parfois pour le texte affiché sous le lien de titre : l'extrait (en anglais snippet).

Ensemble, ils déterminent en grande partie si l'internaute clique sur votre résultat ou sur celui d'un autre. C'est pourquoi c'est l'un des rares points du référencement où vous pouvez vraiment faire la différence en un quart d'heure.

Ce que Google fait de votre titre

Google le dit lui-même : veillez à ce que chaque page ait un titre dans l'élément <title>, et rendez-le descriptif et concis. Des titres vagues comme « Home » ou « Bienvenue » n'apprennent rien à personne.

Google utilise généralement votre <title>, mais pas toujours. Il peut aussi composer le lien de titre à partir d'autres sources : le plus grand titre de la page (souvent le <h1>), le og:title destiné aux réseaux sociaux, un texte mis en évidence sur la page, le texte des liens qui pointent vers la page, et le nom issu des données structurées de type WebSite. Cela se produit surtout dans les situations suivantes, citées par Google lui-même :

Si Google réécrit votre titre, ce n'est pas une sanction. C'est le signe que votre titre ne décrit pas assez bien la page. Si vous l'améliorez, Google le reprend souvent après le passage suivant du robot d'exploration.

Quelle longueur pour un titre ?

C'est là que beaucoup de conseils sur internet se trompent. Google dit textuellement qu'il n'y a aucune limite à la longueur d'un <title>. En revanche, le lien de titre est tronqué dans les résultats de recherche pour s'adapter à l'écran. Cette troncature dépend de la largeur d'écran (en pixels), pas d'un nombre fixe de caractères : un titre comportant beaucoup de lettres larges (m, w) est coupé plus tôt qu'un titre avec des lettres étroites (i, l).

C'est pourquoi cette formation utilise une règle empirique, et non une règle de Google : gardez votre titre entre environ 15 et 65 caractères. Plus court, il est souvent trop vague ; plus long, la partie la plus importante risque de disparaître. Placez donc ce qu'est la page au début, et le nom de votre entreprise à la fin.

Rédiger un bon titre

D'après les consignes de Google et l'expérience pratique :

1. Dites de quoi parle la page. « Bruidsboeketten op maat in Amersfoort » (bouquets de mariée sur mesure à Amersfoort) vaut mieux que « Diensten » (services).
2. Un titre propre à chaque page. Deux pages portant le même titre sont impossibles à distinguer dans les résultats de recherche.
3. Nom de marque court, au début ou à la fin, séparé par un signe comme |, : ou -. Google déconseille d'ajouter un long slogan à chaque titre.
4. Pas de bourrage de mots-clés. « Bloemen Amersfoort, bloemist Amersfoort, boeket Amersfoort goedkoop » n'aide pas. Google cite explicitement la répétition de mots-clés comme quelque chose qui paraît relever du spam ; cela figure même dans ses règles relatives au spam (leçon 8.2).
5. Gardez-le à jour. Une année dans le titre signifie que vous devrez le mettre à jour chaque année.

Une erreur fréquente avec les outils de création de sites : la page d'accueil ne porte que le nom de l'entreprise. « Bloemenatelier Lotte » dit qui vous êtes, mais pas ce que vous faites ni où. « Bloemenatelier Lotte | Bloemist in Amersfoort » fonctionne mieux pour quelqu'un qui ne vous connaît pas encore.

La méta-description

La méta-description figure dans un élément <meta> :

<meta name="description" content="...">

Selon Google, l'extrait provient principalement du contenu de la page elle-même. La méta-description est utilisée lorsqu'elle résume mieux la page qu'un passage du texte de la page. De plus, l'extrait peut varier selon la requête : Google affiche le passage qui correspond le mieux à la question. Une bonne méta-description ne garantit donc pas qu'elle apparaîtra, mais elle augmente les chances qu'un texte pertinent figure sous votre titre.

Là encore, Google ne fixe aucune longueur maximale, mais l'extrait est tronqué pour s'adapter à l'écran. La règle empirique de cette formation : 70 à 160 caractères. Assez long pour dire quelque chose, assez court pour rester affiché en entier.

Voici comment en rédiger une :

• Résumez ce que l'on trouve sur la page, en phrases simples.
• Citez des informations concrètes qui aident à choisir : lieu, ce que vous proposez, pour qui.
• Une description propre à chaque page. Si vous manquez de temps, commencez par la page d'accueil et vos pages les plus visitées ; c'est aussi ce que recommande Google.
• Pas de liste de mots-clés. Google indique que de telles descriptions sont moins souvent utilisées comme extrait.

Ce que la méta-description ne fait pas : ce n'est pas un facteur de classement qui vous permettrait de gagner des places grâce aux mots-clés. Elle sert à convaincre l'internaute de cliquer.

Décider vous-même de ce qui est affiché

Vous ne voulez pas que Google affiche d'extrait, ou seulement une partie ? C'est possible avec une balise meta robots : <meta name="robots" content="nosnippet"> (pas d'extrait) ou max-snippet:50 (50 caractères au maximum). Vous pouvez exclure un passage de texte avec l'attribut data-nosnippet. Pour la plupart des petits sites, ce n'est pas nécessaire.

Où les voir et les vérifier

• Dans le code source : ouvrez votre page, faites un clic droit et choisissez « Afficher le code source de la page » (ou Ctrl+U). Recherchez avec Ctrl+F <title et description.
• Dans les résultats de recherche : recherchez site:example.com pour voir comment Google affiche vos pages. Si le lien de titre diffère de votre <title>, regardez quelle situation du tableau ci-dessus correspond.
• Dans Search Console : le rapport Performances (leçon 2.3) montre quelles pages obtiennent beaucoup d'impressions mais peu de clics. C'est là qu'un meilleur titre et une meilleure description rapportent le plus.

En pratique : définir le titre et la description

• Dans l'AI Builder de WebOké, vous indiquez un titre et une description propres à chaque page. Si vous laissez le titre vide, celui d'une page ordinaire devient « Nom de la page | Nom du site » et la page d'accueil porte uniquement le nom de votre site. Donnez donc vous-même à la page d'accueil un titre qui dit aussi ce que vous faites. Le contrôle SEO de l'AI Builder vous avertit lorsqu'un titre dépasse 65 caractères et une description 160 caractères : les mêmes règles empiriques que dans cette formation.
• Dans WordPress, WordPress crée lui-même le titre à partir du titre de la page et du nom du site. WordPress ne crée pas lui-même de méta-description ; pour cela, vous utilisez une extension SEO ou un thème qui le propose. Ce point est aussi abordé dans la formation WordPress, leçon 9.2.

Avec d'autres outils de création de sites, le fonctionnement est comparable : cherchez des réglages comme « SEO », « Moteurs de recherche » ou « Paramètres de la page ».

Résumé

• Le titre est la ligne cliquable dans les résultats de recherche ; la méta-description résume la page et est parfois affichée comme extrait.
• Google peut remplacer votre titre s'il est à moitié vide, obsolète, inexact ou identique partout, ou s'il n'y a pas de titre principal clair.
• Google ne fixe aucune longueur maximale, mais tronque selon la largeur d'écran. Règles empiriques de cette formation : titre de 15 à 65 caractères, description de 70 à 160 caractères.
• Un titre et une description propres et descriptifs pour chaque page ; pas de bourrage de mots-clés ; nom de marque court à la fin.
• La méta-description aide les internautes à choisir, elle n'améliore pas votre position dans le classement.

Quiz

Exercice

Exercice A3.1 : Titre et méta-description de votre page. Saisissez l'adresse d'une page de votre propre site (la page d'accueil ou une page importante). Le programme récupère la page comme le fait un moteur de recherche, lit le <title> et la méta-description et compte les caractères. Vous voyez s'ils sont présents, s'ils respectent les règles empiriques et si le titre dit plus que le seul nom de votre entreprise. Vous n'avez pas de site ? Utilisez www.rijksoverheid.nl.

Pour aller plus loin

Les étapes de ces articles s'appliquent aux panneaux de WebOké ; chez d'autres fournisseurs, le fonctionnement est comparable.

• Soumettre votre site web aux moteurs de recherche (Google et Bing)
• Sitebuilder et AI Bouwer : lequel choisir et comment l'ouvrir ?
• Google Search Central, Gérer les liens de titre dans les résultats de recherche : https://developers.google.com/search/docs/appearance/title-link
• Google Search Central, Les extraits et la méta-description : https://developers.google.com/search/docs/appearance/snippet