Open Graph Tags für KI — Titel, Beschreibungen & Bilder

Open Graph Tags wurden ursprünglich für Social-Media-Vorschauen entwickelt, werden aber von KI-Systemen als primäre Quelle für Seiten-Metadaten verwendet. Wenn ChatGPT, Claude oder Perplexity einen geteilten Link zusammenfasst, sind OG-Tags oft die ersten gelesenen Daten.

TL;DR: Fügen Sie og:title, og:description, og:image, og:type und og:url auf jeder Seite ein. Titel unter 70 Zeichen, Beschreibungen unter 200 Zeichen. Verwenden Sie immer ein Bild mit mindestens 1200 × 630 Pixel.

Was sind Open Graph Tags?

Open Graph (OG) Tags sind <meta>-Elemente im HTML-<head>, die 2010 von Facebook eingeführt und bei ogp.me standardisiert wurden. Sie ermöglichen es Ihnen, Titel, Beschreibung, Bild und Typ einer Seite explizit zu definieren, sodass jedes System, das die URL abruft — soziale Netzwerke, Messenger-Apps und KI-Assistenten — eine konsistente, kuratierte Vorschau anzeigt, anstatt den Seiteninhalt zu erraten.

Welche OG-Tags lesen KI-Systeme?

Die fünf Tags, die KI-Systeme beim Zusammenfassen oder Zitieren einer URL am häufigsten verwenden, sind nachfolgend in der Reihenfolge ihrer Bedeutung aufgelistet.

og:title — Das primäre Label, das KI-Systeme Ihrem Inhalt zuordnen. Wird von Perplexity und ChatGPT wortwörtlich in Zitaten verwendet.
og:description — Eine ein- bis zweisätzige Zusammenfassung. Wird als Auszug angezeigt, wenn KI Quellkarten darstellt.
og:image — Das Vorschaubild. Claude und ChatGPT zeigen es in Link-Karten an; Perplexity nutzt es im Quellenfeld.
og:type — Signalisiert den Inhaltstyp (article, website, product). KI-Systeme nutzen dies, um den Kontext der Seite einzuordnen.
og:url — Die kanonische URL. Wird verwendet, um Duplikate zu erkennen, wenn derselbe Inhalt unter mehreren URLs erscheint.

Wie verwendet ChatGPT OG-Daten?

Wenn ein Nutzer eine URL in ChatGPT teilt oder die Browsing-Funktion verwendet, ruft das System die Seite ab und extrahiert OG-Metadaten als ersten Parsing-Schritt, noch vor dem Lesen des Body-Textes. og:title wird zum Dokumentlabel; og:description dient als einleitende Zusammenfassung; og:image erscheint in der Link-Kartenvorschau. Fehlen diese Tags, fällt ChatGPT auf das HTML-<title>-Tag und den ersten Absatz des Body-Textes zurück, was oft ungenauer ist.

Wie verwendet Claude OG-Daten?

Claude liest OG-Tags, wenn eine URL in einem Gespräch angegeben wird. Die Werte von og:title und og:description werden verwendet, um die Quellenreferenz in Claudes Antwort zu befüllen, und sind damit die primären Attributionslabels, die ein Nutzer sieht, wenn Claude Ihre Seite zitiert.

Schritt für Schritt — OG-Tags korrekt implementieren

Fügen Sie alle fünf Kern-OG-Tags im <head> jeder Seite ein — nicht nur auf der Startseite.
Verfassen Sie einen eindeutigen og:title pro Seite (max. 70 Zeichen); verwenden Sie nicht auf jeder Seite den Sitenamen.
Verfassen Sie eine eindeutige og:description pro Seite (max. 200 Zeichen); formulieren Sie sie als vollständigen Satz, der die Seite zusammenfasst.
Laden Sie ein Bild auf eine dauerhafte, öffentlich zugängliche URL hoch. Mindestgröße: 1200 × 630 Px; bevorzugtes Format: JPEG oder PNG.
Setzen Sie og:type auf article für Blogbeiträge und Guides; product für Produktseiten; website für die Startseite und Kategorieseiten.
Setzen Sie og:url auf die kanonische URL — denselben Wert wie Ihr <link rel="canonical">-Tag.
Validieren Sie mit dem Facebook Sharing Debugger oder dem Twitter Card Validator, um sicherzustellen, dass KI-Crawler saubere Daten sehen.

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 (bis zu 160 Zeichen).">
  <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 Guides) -->
  <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

Fehlendes og:image: Ohne Bild sind KI-Link-Karten leer oder zeigen einen Platzhalter — das reduziert Sichtbarkeit und Klickrate.
Gleicher OG-Titel auf jeder Seite: Wenn Sie Ihren Sitenamen als Titel jeder Seite verwenden, sind einzelne Seiten in KI-Zitatslisten nicht unterscheidbar.
Bild zu klein: Bilder unter 600 × 315 Pixel werden von KI-Vorschau-Renderern oft abgelehnt; verwenden Sie stets 1200 × 630 oder größer.
Bild hinter Authentifizierung: KI-Crawler können keine Bilder hinter Anmeldung abrufen. Verwenden Sie eine öffentliche URL ohne Authentifizierung.
og:url weicht von Canonical ab: Wenn og:url und rel="canonical" auf unterschiedliche URLs zeigen, können KI-Systeme Duplikateinträge für dieselbe Seite erstellen.
Kein og:type: Ohne Typ behandeln KI-Systeme alle Seiten standardmäßig als website und verlieren den artikelspezifischen Kontext.

Offizielle Quellen

Testen Sie Ihre Website — kostenloser KI-Sichtbarkeits-Score Bis zu 19 Checks in unter 30 Sekunden