Open Graph Tags — was sie leisten und wie Sie sie richtig setzen

Open Graph Tags sind <meta>-Elemente. Sie beschreiben eine Seite für die Vorschau beim Teilen: Titel, Beschreibung, Bild. Dieser Ratgeber zeigt, wie Sie sie richtig setzen. Er trennt, was dokumentiert ist, von dem, was niemand weiß.

Was sind Open Graph Tags?

Open Graph (OG) Tags sind <meta>-Elemente im HTML-<head>. Das Protokoll ist bei ogp.me beschrieben. Damit legen Sie Titel, Beschreibung, Bild und Typ einer Seite ausdrücklich fest. Dienste, die das Protokoll unterstützen — etwa soziale Netzwerke und Messenger —, können diese Werte für die Vorschau nutzen, statt sie aus dem Seiteninhalt zu erraten.

Welche Tags definiert das Protokoll?

ogp.me beschreibt die Kern-Eigenschaften so:

• og:title — der Titel der Seite, wie er in der Vorschau erscheinen soll.
• og:description — „a one to two sentence description“, also eine Beschreibung in ein bis zwei Sätzen.
• og:image — die URL eines Bildes, das die Seite darstellt.
• og:type — der Typ der Seite, z. B. article oder website. Laut ogp.me gilt eine Seite ohne Typ als website.
• og:url — die kanonische URL. Laut ogp.me dient sie als dauerhafte Kennung („permanent ID“) der Seite.
• og:site_name (optional) — der Name der Website, zu der die Seite gehört.

Warum Open Graph Tags setzen — und was bringen sie für KI?

Beim Teilen: Dafür ist das Protokoll gemacht. Plattformen, die OG-Tags lesen, zeigen Ihren Titel, Ihre Beschreibung und Ihr Bild, statt selbst etwas auszuwählen.

Bei Google: Google nennt „Content in og:title meta tags“ als eine der Quellen, aus denen es Titel-Links in den Suchergebnissen bildet — neben dem <title>-Element, Überschriften und weiterem Text. Für Websitenamen schreibt Google, das System berücksichtige auch den Inhalt von og:site_name. In beiden Fällen ist OG eine Quelle unter mehreren, keine Garantie.

Bei ChatGPT, Claude und Perplexity: Wir wissen es nicht. Es gibt keine Studie dazu, ob diese Assistenten OG-Tags lesen, anzeigen oder beim Zitieren nutzen. Die einzige verfügbare Studie zu Metadaten betrifft JSON-LD. Dort sahen ChatGPT und Claude nichts, was nicht auch im sichtbaren Text stand. Ob Meta-Tags genauso behandelt werden, ist offen.

Was daraus folgt: Behandeln Sie OG-Tags als Vorschau fürs Teilen. Was ein Leser — oder ein KI-Assistent — über die Seite erfahren soll, gehört in den sichtbaren Text: eine klare <h1>, ein erster Absatz, der die Seite zusammenfasst, Autor und Datum.

Schritt für Schritt — OG-Tags richtig setzen

1. Setzen Sie die fünf Kern-OG-Tags im <head> jeder Seite — nicht nur auf der Startseite.
2. Schreiben Sie einen eigenen og:title pro Seite. Verwenden Sie nicht auf jeder Seite den Namen der Website als Titel. ogp.me legt keine Längengrenze fest — wie viel angezeigt wird, entscheidet jede Plattform selbst.
3. Schreiben Sie eine eigene og:description pro Seite — laut ogp.me ein bis zwei Sätze, die die Seite zusammenfassen.
4. Legen Sie das Bild unter einer dauerhaften, öffentlich erreichbaren URL ab. Geben Sie die Größe mit og:image:width und og:image:height an. ogp.me nennt keine Mindestgröße; prüfen Sie die Vorgaben der Plattformen, die für Sie wichtig sind.
5. Setzen Sie og:type auf article für Blogbeiträge und Ratgeber und auf website für Startseite und Kategorieseiten.
6. Setzen Sie og:url auf die kanonische URL — denselben Wert wie in Ihrem <link rel="canonical">-Tag.
7. Achten Sie darauf, dass Titel und Beschreibung dasselbe aussagen wie die sichtbare <h1> und der erste Absatz.
8. Prüfen Sie das Ergebnis mit dem Facebook Sharing Debugger. Er zeigt, welche OG-Werte eine Plattform von Ihrer Seite liest.

Code-Beispiel — vollständiger OG-Tag-Satz im <head>

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">

  <title>Seitentitel — Seitenname</title>
  <meta name="description" content="Kurze Zusammenfassung des Seiteninhalts.">
  <link rel="canonical" href="https://example.com/ihre-seite">

  <!-- Open Graph Kern-Tags -->
  <meta property="og:title" content="Seitentitel — Seitenname">
  <meta property="og:description" content="Kurze Zusammenfassung des Seiteninhalts als vollständiger Satz.">
  <meta property="og:image" content="https://example.com/images/ihre-seite-og.jpg">
  <meta property="og:image:width" content="1200">
  <meta property="og:image:height" content="630">
  <meta property="og:image:alt" content="Beschreibender Alt-Text für das Bild">
  <meta property="og:type" content="article">
  <meta property="og:url" content="https://example.com/ihre-seite">
  <meta property="og:site_name" content="Seitenname">

  <!-- Artikel-spezifische OG-Tags (für Blogbeiträge und Ratgeber) -->
  <meta property="article:published_time" content="2026-04-16T00:00:00Z">
  <meta property="article:modified_time" content="2026-04-16T00:00:00Z">
  <meta property="article:author" content="https://example.com/autor/ihr-name">
</head>

Häufige Fehler

• Angaben nur in Meta-Tags, nicht sichtbar auf der Seite: Autor, Datum oder eine Zusammenfassung, die nur in OG-Tags steht, sieht kein Leser. Für JSON-LD ist belegt, dass ChatGPT und Claude solche Angaben nicht sehen; für Meta-Tags ist es nicht getestet. Schreiben Sie sie in den sichtbaren Text.
• Meta-Tags weichen vom sichtbaren Text ab: Sagen og:title oder og:description etwas anderes als die <h1> und der erste Absatz, erzählt die Seite zwei Geschichten. In der oben genannten Studie wählte Gemini Pro eine veraltete Antwort aus dem FAQ-Markup, wenn Markup und Text sich widersprachen. Das war JSON-LD, nicht OG — die Lehre ist dieselbe: Halten Sie nur eine Fassung.
• Fehlendes og:image: Sie überlassen die Wahl des Vorschaubilds der Plattform — oder es erscheint gar kein Bild.
• Gleicher OG-Titel auf jeder Seite: Geteilte Links auf verschiedene Seiten sehen in der Vorschau gleich aus.
• Bild hinter Anmeldung: Jeder Dienst, der eine Vorschau erstellt, muss das Bild ohne Login laden können. Verwenden Sie eine öffentliche URL.
• og:url weicht von Canonical ab: ogp.me definiert og:url als kanonische URL und dauerhafte Kennung der Seite. Zwei verschiedene Werte widersprechen sich.
• Kein og:type: Laut ogp.me gilt die Seite dann als website. Die article:*-Eigenschaften (Veröffentlichungsdatum, Autor) gehören zum Typ article.

Offizielle Quellen

• Open Graph Protocol — ogp.me (offizielle Spezifikation, EN)
• Rick Ramos — Schema markup gives AI assistants nothing plain text doesn’t (14. Oktober 2026, EN)
• Google Search Central — Titel-Links (EN)
• Google Search Central — Websitenamen (EN)