Zum Hauptinhalt springen

Social-Vorschau-Prüfung

Vorschau, wie ein Link auf Facebook/Twitter/Zalo aussieht – Open Graph, Twitter Card und hreflang prüfen

Warum die Social-Share-Vorschau überprüfen?

Fehlende oder falsche Open Graph-Tags lassen geteilte Links in sozialen Medien schlecht aussehen – kein Bild, falsche Beschreibung –, was die Klickrate beeinträchtigt. Das Tool simuliert die Vorschau und listet jedes Tag auf.

Wenn ein Link auf Facebook, Zalo oder Twitter/X geteilt wird, liest die Plattform Open Graph-Tags (og:title, og:description, og:image) und Twitter-Card-Meta aus – nicht den tatsächlichen Seiteninhalt –, um die Vorschau zu erstellen. Wenn diese Tags fehlen, wählt die Plattform ein zufälliges Bild oder einen Absatz von der Seite aus, was normalerweise unprofessionell aussieht und die Klickrate verringert. Der Social-Vorschau-Prüfer liest die OG- und Twitter-Card-Tags der Seite direkt aus, baut eine Vorschau im Facebook-Stil nach, damit Sie sie im Voraus sehen können, und listet jedes deklarierte hreflang-Paar auf (wichtig für mehrsprachige Websites wie vi/en), damit Sie eine fehlende Sprache schnell erkennen können.

  • Simuliert die Vorschau wie einen Facebook-Share
  • Open Graph- und Twitter-Card-Checkliste
  • Listet deklarierte hreflang-Tags für mehrsprachige SEO auf
Kostenlos starten

Beispiel: Einen Befund interpretieren und beheben

Nur zur Illustration, keine Prüfung Ihrer Website.

Das Artikelbild wurde geändert, beim Teilen erscheint aber das alte. Prüfen Sie og:image im veröffentlichten HTML und rufen Sie die Bild-URL auf.

Sind die Daten korrekt, hält die Plattform möglicherweise einen eigenen Cache vor. Nutzen Sie deren Debugger, falls verfügbar, und prüfen Sie die echte Vorschau. Diese Darstellung simuliert Metadaten; hreflang belegt keine Annahme durch Google.

Werbung

So funktioniert es in 3 Schritten

  1. 1Geben Sie die URL ein, die Sie vor dem Teilen als Vorschau anzeigen möchten.
  2. 2Klicken Sie auf „Jetzt Vorschau anzeigen“ – das Tool liest die OG-/Twitter-Card-Tags.
  3. 3Überprüfen Sie die simulierte Vorschau, die Tag-Checkliste und die hreflang-Liste.

Häufig gestellte Fragen

Welche Größe sollte og:image haben?
Facebook empfiehlt mindestens 1200×630 px bei einem Verhältnis von 1.91:1. Kleinere Bilder erscheinen in der Vorschau möglicherweise verschwommen oder werden zugeschnitten.
Warum zeigt Zalo bzw. Facebook beim Teilen das falsche Bild an?
Normalerweise liegt das daran, dass og:image fehlt oder die Bild-URL nicht geladen werden kann (durch robots.txt blockiert, falscher Pfad). Die Plattform wählt dann ein anderes Bild von der Seite aus.
Ist eine Twitter Card zusätzlich zu Open Graph erforderlich?
Nicht erforderlich – falls sie fehlt, greift Twitter/X auf Open Graph-Tags zurück. Das separate Deklarieren von twitter:card gibt Ihnen jedoch mehr Kontrolle über das Vorschauformat.
Wofür ist hreflang da?
Es teilt Google mit, welche Sprach- oder Regionsversion einer Seite welchen Nutzern angezeigt werden soll, wodurch verhindert wird, dass verschiedene Sprachversionen als Duplikate eingestuft werden.