Comment prévisualiser son résultat dans Google ?
Remplissez le title, la meta description, l'adresse et le nom du site, puis basculez entre l'affichage ordinateur et mobile : l'aperçu se met à jour à chaque lettre. Les jauges indiquent la longueur en caractères et la largeur en pixels, et le diagnostic dit ce qui serait coupé.
L'aperçu reprend la disposition générale d'un résultat de recherche (nom du site, adresse, titre cliquable, extrait) dans un rendu volontairement sobre. Il ne reproduit pas à l'identique l'interface d'un moteur, qui change souvent et varie selon les recherches.
Quelle longueur pour un title et une meta description ?
La documentation Google Search Central est claire sur un point : il n'existe aucune limite de longueur, ni pour l'élément title, ni pour la meta description. En revanche, le titre comme l'extrait sont tronqués dans les résultats si nécessaire, généralement pour s'adapter à la largeur de l'appareil. Ce qui compte n'est donc pas un nombre de caractères officiel, mais la place disponible à l'écran.
Les outils de référencement utilisent des repères approximatifs, que reprend cet aperçu : environ 600 pixels pour le title, affiché en Arial 20 pixels, et pour la description en Arial 14 pixels, environ 920 pixels sur ordinateur et 680 pixels sur mobile. Ce sont des approximations courantes, pas des règles publiées. En pratique, un title de 50 à 60 caractères tient souvent, et une description de 120 à 150 caractères aussi sur ordinateur, mais tout dépend des lettres utilisées.
Exemples mesurés avec l'outil (Arial sur un ordinateur, les valeurs peuvent varier de quelques pixels selon l'appareil) :
| Texte | Caractères | Largeur | Avec le repère |
|---|---|---|---|
| Title : Recette du pain de campagne maison au levain | 44 | 423 px | Entier (600 px) |
| Le même title en MAJUSCULES | 44 | 523 px | Entier (600 px) |
| Title : Pain de campagne au levain : la recette | Carnet de boulange | 60 | 543 px | Entier (600 px) |
| Title : Pain de campagne au levain : la recette maison pas à pas | Carnet de boulange | 77 | 706 px | Coupé après pas à pas... |
| Description : Farine, eau, sel et levain : notre recette de pain de campagne détaille chaque étape, du pétrissage à la cuisson. | 113 | 692 px | Entière sur ordinateur, coupée de justesse sur mobile (680 px) |
| La même description prolongée par : avec les temps de pousse et les erreurs à éviter (exemple par défaut de l'outil) | 163 | 996 px | Coupée sur ordinateur (920 px) et sur mobile |
Pourquoi mesurer la largeur en pixels plutôt qu'en caractères ?
Arial est une police proportionnelle : chaque lettre a sa propre largeur. Mesurées par l'outil, trente lettres W occupent 566 pixels en Arial 20 pixels, alors que trente lettres i n'en occupent que 133. Le même title de 44 caractères passe de 423 à 523 pixels une fois écrit en capitales, soit près de 24 % de largeur en plus. Deux titles de même longueur en caractères peuvent donc avoir un sort très différent.
L'outil mesure le texte avec la fonction de mesure du navigateur (canvas, measureText), dans la police Arial installée sur votre appareil ou sa remplaçante. Quand le texte dépasse le repère, il cherche le plus long début qui tient avec les trois points de suspension, recule jusqu'à la fin du dernier mot entier et retire la ponctuation qui resterait en suspens. Sur mobile, le titre peut s'étaler sur deux lignes : l'aperçu le montre, mais applique le même repère de 600 pixels.
Pourquoi Google réécrit-il le title ou la meta description ?
Selon Google Search Central, la génération des liens de titre est entièrement automatisée. Elle s'appuie sur l'élément title, mais aussi sur le titre principal visible de la page, les balises h1, la balise og:title, les textes mis en avant, le texte des liens qui pointent vers la page et les données structurées WebSite. Google indique remplacer un title à moitié vide, obsolète (une année dépassée, par exemple), inexact par rapport au contenu, répété à l'identique sur de nombreuses pages sans ce qui les distingue, ou écrit dans une autre langue que la page.
Pour l'extrait, Google utilise avant tout le contenu de la page. Il reprend parfois la meta description, lorsqu'elle décrit la page plus précisément que le texte lui-même, et l'extrait peut changer d'une recherche à l'autre pour mettre en avant le passage le plus utile. La règle nosnippet empêche l'affichage d'un extrait, max-snippet en limite la longueur et l'attribut data-nosnippet exclut une partie de la page. Le nom du site, affiché au-dessus du titre, vient lui aussi d'une génération automatique, guidée en priorité par les données structurées WebSite de la page d'accueil.
Comment bien rédiger un title et une meta description ?
Les recommandations de Google Search Central rejoignent le bon sens : écrire pour la personne qui lit la page de résultats.
- Un title descriptif et concis, propre à chaque page, plutôt qu'un intitulé vague comme Accueil ou Produits.
- L'information principale au début, puisque c'est la fin qui disparaît en cas de coupe.
- Le nom du site au début ou à la fin, séparé par un délimiteur comme un tiret, une barre verticale ou deux-points, en évitant les répétitions.
- Pas d'accumulation de mots-clés, ni dans le title, ni dans la description : elle nuit à la lecture et peut être vue comme du spam.
- Une meta description unique par page, qui résume la page et apporte des informations concrètes, par exemple un prix, un auteur, une date de publication ou des horaires.
- La même langue que le contenu de la page.