Open Graph Vorschau

Erstellen Sie Open-Graph-Tags und sehen Sie, wie Ihr Link vor dem Teilen aussieht.

Eingabe

Nutzen Sie dieses kostenlose Tool Open Graph Vorschau um vorschau, wie ihre inhalte in sozialen medien aussehen.

Über die Open-Graph-Vorschau

Zeigt eine Social-Card-Vorschau und erzeugt die OG/Twitter-Tags für saubere Shares.

So funktioniert die Open-Graph-Vorschau

Nach dem Absenden einer URL wird das Seiten-HTML einmalig geladen (8 Sekunden Zeitlimit, 1 MB Obergrenze, nur HTML-Inhaltstypen) und auf alle property/name-Paare der meta-Tags, den <title> und rel="canonical" hin ausgewertet. Die Werte durchlaufen Fallback-Ketten: og:title → twitter:title → <title>; og:description → twitter:description → description; og:image → og:image:url → og:image:secure_url → twitter:image. Relative URLs werden gegen og:url, den Canonical-Link oder die finale Weiterleitungs-URL aufgelöst. Titel werden bei 70 Zeichen, Beschreibungen bei 200 Zeichen mit Auslassungspunkten gekürzt. Fehlende Tags landen in einer Mängelliste, und im erzeugten Snippet steht twitter:card nur dann auf summary_large_image, wenn ein Bild gefunden wurde.

Vorteile

Preview + Code in einem Schritt.
Erkennt fehlende Felder.
Die Seite wird über unseren Proxy abgerufen, damit du jede öffentliche URL prüfen kannst.

So funktioniert es

1

Füge die öffentliche URL der Seite ein, die du prüfen möchtest (keine Login-Seiten).

2

Klicke auf Ausführen, damit wir die Live-Metadaten automatisch abrufen und auswerten.

3

Prüfe die Vorschaukarte und die Hinweise auf fehlende Tags.

4

Kopiere den Block mit den empfohlenen Meta-Tags und aktualisiere dein CMS oder den `<head>`.

Häufige Fehler

Hochformatige Bilder verwenden.
`og:url` nicht aktualisieren.
Zu lange Beschreibungen schreiben.

Siehe auch

  • Meta-Title-Checker — Wenn og:title steht, prüfen Sie, ob der zugrunde liegende <title> noch in die von Google angezeigte Länge passt.
  • Meta-Description-Vorschau — Social Cards greifen auf das description-Tag zurück — prüfen Sie, wie derselbe Text im Google-Snippet aussieht.

FAQ

Welche Bildgröße ist optimal?

1200×630 px.

Ist die Vorschau verbindlich?

Sie orientiert sich am OG-Standard, Plattformen können dennoch variieren.

Werden Daten gespeichert?

Wir rufen die Seite über einen Proxy ab, nur um ihre Meta-Tags zu lesen; das ausgewertete Ergebnis bleibt in deiner Sitzung und wird nicht gespeichert.

Eignet sich das für Twitter?

Ja, `twitter:*`-Tags sind enthalten.