OGP- & Meta-Tag-Vorschau

Sieh genau, wie deine Seite beim Teilen auf Google, X (Twitter), Facebook und LINE erscheint – und kopiere die Meta-Tags, die Fehlendes beheben. Kostenlos, ohne Anmeldung.

Was ist OGP (Open Graph)?

Das Open Graph Protocol (OGP) ist ein kleiner Satz von <meta>-Tags im <head> einer Seite. Sie teilen anderen Diensten – sozialen Netzwerken, Chat-Apps und zunehmend KI-Assistenten – mit, welchen Titel, welche Beschreibung und welches Bild sie verwenden sollen, wenn dein Link als Karte erscheint.

Wenn jemand deinen Link in X, Facebook, LINE, Slack oder Discord einfügt, liest diese Plattform deine Open-Graph-Tags und baut eine Vorschaukarte. Fehlen sie, greift die Karte auf das zurück, was sie finden kann – oft ein schmuckloser Link ohne Bild. X (Twitter) nutzt einen ähnlichen Satz namens Twitter Cards; die meisten Websites setzen beide.

Warum es zählt – für Klicks und für KI

Eine ansprechende Karte mit klarem Titel, einzeiliger Beschreibung und einem 1200×630-Bild erhält weit mehr Klicks als eine nackte URL. Das ist der direkte, menschliche Grund, OGP richtig zu machen.

Es gibt einen zweiten, leicht übersehenen Grund: Dieselben Titel- und Beschreibungs-Tags gehören zum Ersten, was große Sprachmodelle und KI-Suchmaschinen lesen, um zu verstehen, worum es auf einer Seite geht. Saubere, präzise Open-Graph-Tags erleichtern es Menschen und KI, deine Seite korrekt zusammenzufassen. Falsch oder leer bedeutet: Die Maschine muss raten.

So nutzt du dieses Tool

  1. Füge die vollständige URL der zu prüfenden Seite ein.
  2. Lies die Vorschaukarten, um zu sehen, wie Google, X, Facebook und LINE deinen Link darstellen.
  3. Sieh dir die Liste fehlender Tags an, um genau zu wissen, was fehlt.
  4. Kopiere den fertigen Meta-Block und füge ihn in den <head> deiner Seite ein. Ersetze den Bild-Platzhalter durch ein echtes 1200×630-Bild.
  5. Prüfe erneut, ob die Karte jetzt so aussieht, wie du willst.

Die entscheidenden Tags

Dies sind die Open-Graph- und Twitter-Card-Tags, die dieses Tool sucht und erzeugt:

og:title
Die Überschrift auf der Karte. Halte sie unter etwa 60 Zeichen.
og:description
Eine ein- bis zweizeilige Zusammenfassung. Ziel: 60–160 Zeichen.
og:image
Das Vorschaubild. Verwende 1200×630 Pixel für die große Karte.
og:url
Die kanonische URL der Seite, damit Shares auf die richtige Adresse zeigen.
og:type
Meist "website" für eine Seite oder "article" für einen Beitrag.
og:site_name
Der Name deiner Website, neben der Karte angezeigt.
twitter:card
Nutze "summary_large_image" für die Karte mit großem Bild auf X.

Häufig gestellte Fragen

Ist dieser OGP-Checker kostenlos?
Ja. Füge eine URL ein und erhalte die Vorschau, die Liste fehlender Tags und fertigen Code – ohne Anmeldung und ohne Kreditkarte.
Welche Größe sollte og:image haben?
Nutze 1200×630 Pixel für die große Karte, die X, Facebook und LINE bevorzugen. Kleinere Bilder werden evtl. beschnitten oder als kleines Thumbnail gezeigt.
Meine Tags stimmen, aber die alte Karte erscheint noch. Warum?
Plattformen speichern Open-Graph-Daten im Cache. Nutze nach dem Aktualisieren den Debugger der Plattform (z. B. Facebooks Sharing Debugger), um eine Aktualisierung zu erzwingen.
Helfen Open-Graph-Tags bei der KI-Suche?
Ja. Titel und Beschreibung gehören zu den Signalen, mit denen KI-Assistenten und KI-Suchmaschinen deine Seite verstehen und zusammenfassen. Sie sind Teil eines größeren Bildes – für den Rest die kostenlose 10-Punkte-Prüfung.