Draftcamp

Open Graph-Vorschau

Sieh, wie eine URL beim Teilen dargestellt wird und auf welches Tag jede Plattform zurückfällt

Gib eine URL ein, um die Card zu sehen

Wir laden die Seite, lesen die Tags so aus wie die Plattform und zeigen dir die Card plus fehlende Elemente.

Was eine Plattform wirklich ausliest

Wenn ein Link in Slack, LinkedIn, X oder iMessage eingefügt wird, ruft die Plattform die Seite ab und erstellt eine Karte aus den Meta-Tags. Sie führt nie dein JavaScript aus und sieht nie dein CSS – sie liest nur die Tags im Head.

Die Fallback-Kette

Die meisten Plattformen lösen das in derselben Reihenfolge, und diese Vorschau folgt ihr:

  • Title - twitter:title, dann og:title, dann <title>
  • Beschreibung - twitter:description, dann og:description, dann die Meta-Beschreibung
  • Bild - twitter:image, dann og:image, dann nichts

Deshalb ist es meist unnötig, jeden Open Graph-Tag als Twitter-Tag zu duplizieren. Der einzige, der wirklich separat gesetzt werden sollte, ist twitter:card, weil er zwischen großem Bild und kleinem Thumbnail entscheidet.

Die drei häufigsten Fehler, die kaputte Cards verursachen

  • Ein relativer og:image-Tag. Der Crawler hat keinen Kontext zur Auflösung. Nur absolute HTTPS-URLs funktionieren.
  • Ein nicht erreichbares Bild. Hinter Authentifizierung, blockiert in robots.txt oder vom Host abgelehnt, der unbekannte User Agents blockiert.
  • Aggressives Caching. Du hast die Tags korrigiert, aber die alte Card bleibt tagelang. Facebook Sharing Debugger und LinkedIn Post Inspector erzwingen ein erneutes Auslesen; bei X muss der Cache einfach ablaufen.

Kein SEO-Feature

Keiner dieser Tags beeinflusst das Ranking. Sie bestimmen, ob ein Link beim Teilen attraktiv aussieht – ein graues Kästchen mit roher URL wird deutlich seltener geteilt und angeklickt.

Um die Tags überhaupt zu erstellen, nutze das Meta-Tag Generator .

Häufige Fragen

Warum wird beim Teilen meines Links kein Bild angezeigt?
Fast immer liegt es daran, dass og:image fehlt, ein relativer Pfad statt eine absolute HTTPS-URL ist oder auf etwas zeigt, das die Plattform nicht abrufen kann – hinter Authentifizierung, durch robots.txt blockiert oder zu groß. Der Crawler hat keinen Seitenkontext, daher funktionieren relative Pfade nicht.
Welche Bildgröße sollte ich verwenden?
1200 x 630 Pixel, unter ca. 5MB. Plattformen schneiden unterschiedlich zu, also halte Text und Gesichter vom Rand fern. Unter 600 x 315 Pixel zeigen die meisten Plattformen unabhängig von twitter:card nur noch das kleine quadratische Thumbnail.
Ich habe die Tags aktualisiert, aber die alte Karte wird noch angezeigt.
Plattformen cachen aggressiv, oft mehrere Tage. Nutze Facebook Sharing Debugger und LinkedIn Post Inspector, um ein erneutes Scrapen zu erzwingen. X hat kein öffentliches Tool, dort muss der Cache von selbst ablaufen.
Brauche ich twitter:-Tags, wenn ich Open Graph habe?
Meistens nein – X greift für Titel, Beschreibung und Bild auf Open Graph zurück. Die Ausnahme ist twitter:card, das zwischen großem Bild und kleinem Thumbnail entscheidet. Das beeinflusst die Karte deutlich und sollte deshalb explizit gesetzt werden.
Beeinflusst das SEO?
Nicht direkt. Open Graph-Tags sind keine Ranking-Faktoren. Sie beeinflussen, ob ein geteilter Link attraktiv aussieht, was den Traffic und die daraus resultierenden sekundären Signale beeinflusst – und ein Link, der in Slack nur als graues Kästchen angezeigt wird, wird einfach weniger geteilt.