Vorschau: Google, Facebook, X Preview
Wie dein Link aussieht, bevor jemand klickt. TagSpion baut das Google-Snippet und die Social-Karte aus deinen Meta-Angaben nach.
1Was ist das?
Die Vorschau zeigt drei Ansichten: das Google-Suchergebnis (Desktop und Mobil), die Facebook- und LinkedIn-Karte aus Open Graph und die X-Karte (Twitter Card). Dazu Bildgröße und fehlende Felder.
2Warum wichtig?
Ein geteilter Link ohne Bild wird kaum geklickt. Ein falsches og:image zeigt das Logo statt des Produkts. Mit der Vorschau siehst du es, bevor deine Besucher es sehen.
3Was TagSpion prüft
| Prüfung | Bewertung |
|---|---|
| og:title, og:description, og:image, og:url | rot wenn eines fehlt |
| og:image Größe | grün ab 1200 × 630 Pixel · gelb kleiner |
| twitter:card | gelb wenn fehlt, dann nutzt X die Open-Graph-Werte |
| Google-Snippet | Title und Description in der Länge, wie Google sie zeigt |
4So behebst du es
- Fehlende Tags mit „Fix“ kopieren. Das Bild als absolute URL, mindestens 1200 × 630 Pixel, unter 1 MB.
- Ein Bild je Seite, nicht überall das Logo.
<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">
5Häufige Fragen
Facebook zeigt noch das alte Bild.
Facebook speichert die Karte. Im Sharing Debugger von Facebook „Scrape again“ klicken.
Brauche ich twitter:card, wenn Open Graph da ist?
X nimmt Open Graph als Ersatz. Mit twitter:card „summary_large_image“ bekommst du aber sicher das große Bild.