This article is currently only available in German.
Open Graph
Open Graph ist ein Protokoll, das über spezielle Meta-Tags im Quellcode einer Webseite festlegt, wie ein Link beim Teilen aussieht. Titel, Beschreibung, Vorschaubild und Seitentyp werden so maschinenlesbar hinterlegt. Ursprünglich von Facebook eingeführt, nutzen heute nahezu alle Plattformen und zunehmend auch KI-Systeme diese Angaben, um Inhalte korrekt darzustellen und einzuordnen.
Warum Open Graph zählt
Wenn du einen Link teilst – in WhatsApp, LinkedIn, Slack oder auf Facebook – erscheint meist eine Vorschaukarte mit Bild, Titel und kurzem Text. Genau diese Karte steuerst du mit Open Graph. Ohne die passenden Tags rät die Plattform selbst, was oft schiefgeht: ein zufälliges Bild, ein abgeschnittener Titel oder gar nichts. Für dich bedeutet ein sauberes Open-Graph-Setup mehr Klicks, weil dein Inhalt professionell und einladend wirkt. Für Maschinen bedeutet es klare Signale, worum es auf der Seite geht. Open Graph ist damit kein Nice-to-have, sondern die Visitenkarte deiner Inhalte überall dort, wo Menschen und Systeme deine Links vorgesetzt bekommen, ohne die Seite selbst zu öffnen.
Wie es technisch funktioniert
Open Graph besteht aus Meta-Tags im Kopfbereich (dem sogenannten Head) deiner HTML-Seite. Jedes Tag beginnt mit dem Präfix og und trägt einen Wert. Die vier wichtigsten sind og:title für den Titel, og:description für die Beschreibung, og:image für das Vorschaubild und og:url für die kanonische Adresse. Ergänzend gibt es og:type, das etwa zwischen Artikel, Produkt oder Webseite unterscheidet. Eine Plattform, die deinen Link verarbeitet, liest diese Tags aus und baut daraus die Vorschaukarte. Das Bild sollte mindestens 1200 mal 630 Pixel groß sein, damit es nicht unscharf oder beschnitten wirkt. Die Tags trägst du entweder direkt im Template ein oder lässt sie von deinem Content-System automatisch pro Seite erzeugen.
Häufige Fehler
Der häufigste Fehler ist ein fehlendes oder viel zu kleines og:image, sodass die Vorschau leer oder verpixelt bleibt. Ebenso verbreitet: Titel und Beschreibung sind identisch mit dem Seitentitel, obwohl du sie für das Teilen prägnanter formulieren könntest. Ein Klassiker ist auch die relative statt absoluten Bildadresse – Open Graph verlangt vollständige URLs mit https. Viele vergessen zudem, nach Änderungen den Cache der Plattform zu leeren, weshalb alte Vorschauen kleben bleiben. Prüfe deine Tags mit den offiziellen Debug-Werkzeugen der Netzwerke, bevor du dich auf sie verlässt. Und achte darauf, dass jede Seite eigene Werte bekommt statt einer pauschalen Startseiten-Vorschau für die gesamte Domain.
Bezug zu KI-Empfehlungen
KI-Systeme und ihre Crawler lesen Webseiten strukturiert aus, um Inhalte zusammenzufassen und zu zitieren. Open-Graph-Tags liefern ihnen kompakte, kuratierte Signale: Was ist der eigentliche Titel, worum geht es, welches Bild repräsentiert die Seite. Das ersetzt keine gute strukturierte Datenauszeichnung wie Schema.org, ergänzt sie aber. Wenn ein KI-Assistent deinen Inhalt als Quelle nutzt, helfen saubere og-Angaben, dass Marke, Thema und Kernaussage korrekt übernommen werden statt eines beliebigen Textfragments. Im Kontext von GEO, also der Optimierung auf generative Suche, gehört Open Graph deshalb zur technischen Grundhygiene. Es ist ein günstiger, leicht umsetzbarer Baustein, der deine Zitierfähigkeit und Wiedererkennbarkeit über Plattformen und KI-Antworten hinweg verbessert.
Example
Stell dir eine Steuerberaterin vor, die einen Ratgeber zur Kleinunternehmerregelung veröffentlicht. Ohne Open Graph zeigt LinkedIn beim Teilen nur die nackte URL und ein zufälliges Logo aus dem Footer. Sie ergänzt og:title mit "Kleinunternehmerregelung 2026 einfach erklärt", eine knackige og:description und ein eigens gestaltetes Vorschaubild in 1200 mal 630 Pixeln. Ab sofort erscheint beim Teilen eine saubere Karte mit klarem Titel, Text und Bild. Die Klickrate steigt spürbar, weil der Beitrag im Feed professionell wirkt statt wie ein technischer Rohlink.
Common questions
Brauche ich Open Graph, wenn ich schon Schema.org nutze?
Ja, beide ergänzen sich. Schema.org beschreibt Inhalte tief für Suchmaschinen, Open Graph steuert vor allem die Vorschau beim Teilen und liefert KI-Crawlern kompakte Grundsignale. Setze beides ein.
Warum aktualisiert sich meine Vorschau nach Änderungen nicht?
Plattformen speichern Open-Graph-Daten zwischen. Nutze das jeweilige Debug- oder Sharing-Werkzeug des Netzwerks, um den Cache manuell neu einzulesen. Danach erscheint deine aktualisierte Vorschaukarte.