Aperçu : Google, Facebook, X Preview
À quoi ressemble ton lien avant qu'on clique. TagSpion reconstruit l'extrait Google et la carte sociale à partir de tes métadonnées.
1Qu'est-ce que c'est ?
L'aperçu montre trois vues : le résultat Google (ordinateur et mobile), la carte Facebook et LinkedIn à partir d'Open Graph et la carte X (Twitter Card). Plus la taille de l'image et les champs manquants.
2Pourquoi c'est important
Un lien partagé sans image est rarement cliqué. Un og:image erroné montre le logo au lieu du produit. Avec l'aperçu, tu le vois avant tes visiteurs.
3Ce que TagSpion vérifie
| Vérification | Évaluation |
|---|---|
| og:title, og:description, og:image, og:url | rouge si l'un manque |
| Taille de og:image | vert à partir de 1200 × 630 pixels · jaune plus petit |
| twitter:card | jaune si manquant, X utilise alors les valeurs Open Graph |
| Extrait Google | title et description à la longueur affichée par Google |
4Comment corriger
- Copie les balises manquantes avec « Fix ». L'image en URL absolue, au moins 1200 × 630 pixels, moins de 1 Mo.
- Une image par page, pas le logo partout.
<meta property="og:title" content="Trattoria Bella - Italian restaurant in Munich"> <meta property="og:description" content="Fresh pasta, wood-fired pizza and 120 Italian wines."> <meta property="og:image" content="https://www.example.com/img/trattoria-1200x630.jpg"> <meta property="og:url" content="https://www.example.com/en/restaurant/"> <meta property="og:type" content="website"> <meta name="twitter:card" content="summary_large_image">
5Questions fréquentes
Facebook affiche encore l'ancienne image.
Facebook met la carte en cache. Clique sur « Scrape again » dans le Sharing Debugger de Facebook.
Ai-je besoin de twitter:card si Open Graph est là ?
X se rabat sur Open Graph. Avec twitter:card « summary_large_image », tu obtiens à coup sûr la grande image.