Comment utiliser : Aperçu SERP
- Saisissez ou collez votre balise title et votre méta description. Les jauges passent au vert lorsque le texte respecte le budget de pixels de Google.
- Ajoutez l’URL de la page et, si vous le souhaitez, le nom du site. L’aperçu construit à partir de ces éléments le fil d’Ariane (
example.com › blog › post). - Indiquez la requête de recherche visée pour voir quels mots Google mettrait en gras. Activez la date ou les étoiles d’avis pour mesurer l’espace qu’ils occupent.
- Comparez les aperçus ordinateur et mobile, corrigez les points signalés dans Contrôles de l’extrait, puis copiez les balises HTML ou un lien de partage à transmettre à votre client ou à votre équipe.
Qu’est-ce qu’un aperçu SERP ?
Un aperçu SERP (page de résultats d’un moteur de recherche) montre comment une page est susceptible d’apparaître sous forme de résultat en lien bleu dans Google : le favicon et le nom du site, l’URL sous forme de fil d’Ariane, le titre cliquable et l’extrait de description en gris. Il vous permet de rédiger et de peaufiner votre <title> et votre <meta name="description"> avant publication, plutôt que de découvrir un titre tronqué dans la Search Console plusieurs semaines plus tard.
Pourquoi les pixels comptent plus que les caractères
Google tronque les titres et les descriptions selon la largeur réellement affichée, et non selon un nombre de caractères. Un « W » majuscule est environ trois fois plus large qu’un « i » minuscule : un titre de 60 caractères en majuscules peut donc être coupé, alors qu’un titre de 70 caractères composé de lettres étroites tiendra. Cet outil mesure votre texte avec les polices utilisées par Google (Arial 20 px pour les titres sur ordinateur, 14 px pour les descriptions) grâce à l’API canvas du navigateur, et il tronque à la limite d’un mot en ajoutant des points de suspension, comme le fait Google.
| Élément | Limite approximative | Équivalent approximatif en caractères |
|---|---|---|
| Titre sur ordinateur | ~580–600 px | 50–60 caractères |
| Description sur ordinateur | ~920 px | 150–160 caractères |
| Titre sur mobile | deux lignes | jusqu’à ~75 caractères |
| Description sur mobile | ~680 px | ~120 caractères |
Ces limites sont des observations et non des règles publiées : Google ajuste régulièrement sa mise en page et peut réécrire entièrement un titre ou un extrait s’il juge qu’un autre texte de la page correspond mieux à la requête.
Conseils pour des titres et des descriptions qui génèrent des clics
- Placez le mot-clé en début de titre. Mettez le sujet recherché par les internautes dans les premiers mots, pour qu’il survive à la troncature et soit repéré lorsque l’utilisateur parcourt les résultats.
- Gardez la marque courte et en fin de titre. Google affiche souvent le nom de votre site séparément, au-dessus de l’URL : ajouter « | Nom de marque SARL » à la fin de chaque titre consomme surtout de l’espace.
- Rédigez la description comme une promesse. Indiquez ce que le visiteur obtiendra (un prix, une checklist, un outil gratuit) plutôt que de répéter le titre. Google met en gras les mots correspondant à la requête : un usage naturel du mot-clé aide donc l’extrait à se démarquer.
- N’oubliez pas que les dates et les étoiles occupent de la place. Une date visible (« 25 oct. 2026 — ») s’affiche devant la description et réduit la quantité de texte qui tient. Les étoiles d’avis n’apparaissent que pour certains types de données structurées éligibles, comme Product ou Recipe. Vous pouvez générer le balisage avec le générateur de balisage Schema.
Utiliser l’outil avec un site Webflow
Dans Webflow, le titre et la description se trouvent dans Réglages de la page › Réglages SEO. Sur les pages de modèle CMS, vous pouvez les construire à partir de champs (par exemple Nom | Catégorie) : collez ici les valeurs d’un élément type pour vérifier que les noms longs du CMS ne sont pas tronqués. Pour contrôler ce qu’une page en ligne produit réellement, passez-la dans le vérificateur de balises meta ; pour rédiger l’ensemble des balises de l’en-tête, utilisez le générateur de balises meta.
Aussi recherché comme : simulateur serp, aperçu extrait google, prévisualisation balise title, aperçu méta description, simulateur snippet google, vérifier longueur title, largeur pixels title, aperçu serp google.
Outils complémentaires : Aperçu SERP
- Vérificateur Open Graph — Visualisez l’aperçu de votre lien lorsqu’il est partagé sur Facebook, LinkedIn, X et Slack.
- Analyse SEO et audit de site — Collez une URL pour effectuer jusqu’à 70 vérifications de référencement sur la page ainsi qu’un audit complet du site : vitesse Lighthouse, en-têtes de sécurité et SSL, données structurées, liens rompus, fichier robots.txt et robots d'exploration IA, principes de base de l'accessibilité, suivi et consentement, SPF/DKIM/DMARC et expiration du domaine — le tout regroupé en un score unique pour le site, accompagné de corrections classées par ordre de priorité.
- Compteur de mots — Collez ou saisissez votre texte pour compter en temps réel le nombre de mots et de caractères, ainsi que la durée de lecture et de prononciation, la densité des mots-clés et la longueur des titres, méta-descriptions et publications sur les réseaux sociaux à des fins de référencement.
- Guide explicatif sur le fichier robots.txt — Les règles du fichier robots.txt sont courtes, mais on peut facilement se tromper en les interprétant.