Aperçu de l'extrait SERP
Découvrez à quoi ressembleront votre balise de titre et votre méta description dans les résultats de recherche Google : aperçu en direct d'extraits de bureau et d'extraits mobiles avec compteurs de caractères et de pixels.
Résultat
Votre balise de titre survivra-t-elle à la coupure de Google, ou se terminera-t-elle par un… frustrant ? La réponse honnête se mesure en pixels et non en caractères : Google tronque les titres du bureau à environ 600 px et les descriptions à environ 960 px, de sorte que deux titres de 58 caractères peuvent connaître des destins très différents selon la largeur de leurs lettres. Cet outil affiche votre extrait de code de la même manière qu'un résultat de recherche : espace réservé pour favicon, URL de fil d'Ariane, titre bleu, description grise – et le redessine à chaque frappe.
Les deux champs reçoivent deux compteurs à la fois : caractères par rapport aux directives familières de 60 pour les titres et de 160 pour les descriptions, et largeur de pixels rendue mesurée avec l'API canevas à l'aide des métriques Arial avec des tailles de police similaires à celles de Google. Les nombres de pixels sont une approximation plutôt qu'une garantie - les polices exactes et les limites de Google changent avec le temps - c'est précisément pourquoi l'aperçu dessine également les points de suspension de troncature où votre texte serait réellement coupé.
La bascule ordinateur/mobile fait basculer la carte vers une colonne de largeur de téléphone avec ses propres limites plus strictes, car un titre qui tient sur un écran de bureau déborde régulièrement sur mobile, où la plupart des recherches ont lieu. Tout est saisi à la main et traité localement dans votre navigateur : l'outil ne récupère délibérément rien de votre URL, donc les titres inédits, les brouillons de descriptions et les URL de staging restent privés.
Deux choses qu'aucun outil honnête ne peut promettre : Google peut réécrire votre titre ou votre description pour des requêtes spécifiques, et les classements ne changent pas parce qu'un extrait de code correspond. Ce que vous contrôlez, c'est rendre le texte que vous souhaitez afficher – et si votre page a également besoin de données structurées, notre générateur de balisage de schéma crée le bloc JSON-LD correspondant.