Balises title et meta description : longueur, pixels, clics

Le 7 octobre, notre propre analyse SEO a signalé le titre de la page d’accueil de ce site, dans sa version anglaise. Il disait « Free AdSense Eligibility Checker Tool: Test Your Site Before You Apply », soit 70 caractères et environ 635 px de large en Arial à 20 px, la configuration que reprend notre aperçu de snippet. Une ligne de titre sur ordinateur tient dans environ 600 px dans cet aperçu, et la coupure tombait après « Before You » : le verbe qui terminait la phrase disparaissait. Nous avons retiré « Your Site » et gardé le reste : « Free AdSense Eligibility Checker Tool: Test Before You Apply », 60 caractères, environ 547 px.

Google ne donne aucun chiffre pour les titres ni pour les descriptions. Sa documentation indique qu’ils sont tronqués selon le besoin, en général pour tenir dans la largeur de l’appareil. La largeur est la vraie limite ; le nombre de caractères n’en est qu’un substitut grossier.

Des pixels, pas des caractères

Les lettres n’ont pas toutes la même largeur : deux titres de même longueur peuvent occuper des espaces très différents. Nous en avons mesuré quatre avec les largeurs de glyphes d’Arial à 20 px. Les deux premiers sont le titre anglais de notre accueil et sa version en capitales, les deux derniers des exemples construits en français. Ce sont des estimations, car le rendu de Google dépend aussi de sa police et de sa mise en page, mais les écarts sont bien plus grands que l’erreur.

Les deux premiers contiennent les mêmes mots, et les majuscules seules poussent le titre 105 px au-delà de la ligne de 600 px. Les deux derniers montrent un titre de 50 caractères plus large qu’un titre de 54. Le chiffre de 600 px et celui de 920 px que nous utilisons pour une description sur ordinateur dans le même aperçu sont nos estimations, pas celles de Google, et Google peut changer sa mise en page à tout moment.

C’est pourquoi notre vérificateur accepte les titres de 30 à 60 caractères plutôt qu’une limite unique. Un vérificateur sait compter les caractères, mais il ne voit pas la police. Les titres en casse mixte de ce guide, hors celui qui est volontairement étroit, occupent 8,7 à 10 px par caractère à cette taille : 60 caractères représentent donc à peu près 520 à 600 px. Les majuscules, les lettres larges comme W et M et les suites de chiffres cassent la règle, alors mesurez tout titre proche de la limite. Quelle que soit la largeur, placez en premier les mots qui portent le sens : c’est la fin qui est coupée.

Ce que Google réécrit, et d’où cela vient

Google ne considère pas votre balise title comme définitive. Sa documentation indique que les liens de titre sont générés automatiquement à partir de plusieurs sources : l’élément title, le titre principal visible de la page, les intertitres comme le h1, og:title, d’autres textes en évidence, le texte d’ancre des liens qui pointent vers la page et les données structurées WebSite. Pour les extraits, le contenu de la page est la source principale, et la méta-description n’est utilisée que par moments.

Google ne dit pas quand il remplace une source par une autre. Notre jugement, qui n’est pas une déclaration de Google, est que trois types de titres sont les plus susceptibles d’être remplacés : les titres vagues comme « Accueil », les titres répétés que toutes les pages du site partagent, et les titres bourrés qui répètent le même mot clé. Les consignes de Google vont dans le même sens : un titre unique par page, pas de bourrage de mots-clés, et un nom de site court séparé du titre par un délimiteur.

Pour voir ce que Google affiche réellement, cherchez la page par son nom et comparez le résultat avec votre balise. S’ils diffèrent, regardez les autres sources. Quand la balise title, le h1 et og:title décrivent trois choses différentes, Google a un vrai choix à faire et vous ne l’avez pas fait à sa place : alignez les trois sur un seul sujet. Pour les extraits, Google puise d’abord dans le contenu de la page, alors faites en sorte que votre premier paragraphe puisse tenir seul comme description.

5 réécritures à adapter

Les sites ci-dessous sont inventés, et les largeurs sont des estimations mesurées de la même façon que plus haut. Chaque correction ne change qu’une seule chose.

Le schéma est le même pour les cinq : le sujet de la page d’abord, une promesse précise, le nom du site à la fin et court. Remarquez que la deuxième correction n’ajoute pas de mot clé. Elle remplace une étiquette par ce que fait la page, ce qui est aussi ce que cherche une personne qui parcourt les résultats.

Une formule pour les descriptions

La documentation de Google ne nomme aucune limite de longueur pour les descriptions et ne dit rien d’un effet sur le classement : voyez donc une description comme un texte écrit pour le clic. Nous écrivons la nôtre en une phrase simple en 3 parties : ce que le lecteur obtient, le détail concret qui le prouve, et la condition ou le format quand cela compte. Notre vérificateur accepte 70 à 165 caractères, et l’aperçu vous dit ensuite si la largeur convient.

Voici une description faible pour une page de jardinage inventée, puis sa réécriture :

Avant (125 caractères, environ 715 px) :
Tout savoir sur la plantation de l'ail dans ce guide complet sur l'ail, les gousses d'ail et la culture de l'ail à la maison.

Après (144 caractères, environ 868 px) :
Quand planter l'ail à l'automne, à quelle profondeur, à quelle distance, et quand pailler, avec un calendrier mois par mois pour un petit carré.

La première promet « tout » et ne dit rien ; elle répète aussi le mot clé 4 fois. La seconde répond aux questions que traite la page, dans l’ordre où un jardinier les pose. Une page de calculateur suit la même forme : « Saisissez prêt, taux et versement supplémentaire pour voir les années et les intérêts qu’un remboursement anticipé supprime. Fonctionne dans votre navigateur. » La mention « Fonctionne dans votre navigateur » répond à la question que se pose le lecteur avant de cliquer.

Ne réutilisez jamais une même description d’une page à l’autre. La consigne de Google demande une description unique et fidèle à sa page, et une phrase gabarit où l’on change seulement le nom de la page est le moyen le plus rapide d’échouer aux deux tests.

Pour contrôler vos propres titres et descriptions, collez le vrai titre, la vraie description et l’URL dans l’aperçu du snippet, et lisez les barres de pixels avant les compteurs de caractères. Le guide sur la structure des titres traite du h1 qui doit s’accorder avec votre titre, et l’article sur l’intention de recherche vous aide à vérifier que la promesse de votre titre est bien celle que les internautes cherchaient.