Glossary
Content

What is Open Graph? Definition & How It Works

Quick definition

Open Graph ist ein Satz HTML-Meta-Tags, der steuert, wie Titel, Beschreibung und Thumbnail einer URL beim Teilen auf Social Media erscheinen.

Content

Open Graph, explained

Part of the SocialKit social media glossary — browse every term.

Was Open Graph ist

Open Graph (OG) ist ein Web-Protokoll – 2010 von Facebook eingeführt und seitdem weitgehend übernommen –, das eine Reihe von HTML-Meta-Tags definiert, mit denen Webseitenbetreiber festlegen können, wie ihre URLs in einer Vorschau angezeigt werden, wenn sie in sozialen Netzwerken geteilt werden. Die vier Kerntags sind og:title (die Überschrift in der Vorschaukarte), og:description (der Zusammenfassungstext), og:image (das Thumbnail) und og:url (die kanonische Adresse). Ohne diese Tags versuchen Plattformen, dieselben Informationen automatisch aus Seitentext und anderen Metadaten zu extrahieren – mit inkonsistenten und oft unvorteilhaften Ergebnissen.

Warum Link-Vorschauen wichtig sind

Wenn du eine URL in einem sozialen Netzwerk postest, ruft die Plattform die Open-Graph-Tags der Seite ab und erstellt die Vorschaukarte, die das Publikum unterhalb des Beitrags sieht – das Bild, die Überschrift und die Beschreibung. Viele Betrachter entscheiden, ob sie klicken, allein anhand dieser Karte – oft ohne die Bildunterschrift zu lesen. Ein sorgfältig gestaltetes og:image und ein og:title, der auf den Lesernutzen ausgerichtet ist, können eine generische, automatisch extrahierte Vorschau, die ein Site-Logo und einen für SEO statt für Social-Sharing geschriebenen HTML-Titel-Tag zeigt, merklich übertreffen.

Ein konkretes Beispiel

Ein Unternehmen teilt eine Blog-Post-URL auf LinkedIn ohne Open-Graph-Tags. Die Vorschaukarte wählt automatisch einen generischen Site-Header aus und zeigt den Seitentitel: "Blog – Unternehmensname." Nach dem Hinzufügen von og:title ("Fünf Preisfehler, die die Conversion killen"), og:description (einem Ein-Satz-Lesernutzen) und og:image (einer eigens dafür erstellten Grafik) erzielt dieselbe URL bei nachfolgenden Shares deutlich mehr Klicks – die einzige Änderung war, was die Vorschaukarte kommunizierte.

Wie Open-Graph-Tags implementiert und überprüft werden

OG-Tags werden im <head>-Element einer HTML-Seite platziert. Die meisten Content-Management-Systeme und Frameworks unterstützen sie nativ oder über weit verbreitete Plugins. Nach dem Veröffentlichen oder Aktualisieren der Tags validiere die Vorschau mit Facebooks Sharing Debugger oder LinkedIns Post Inspector. Beide Tools rendern eine Live-Vorschau, listen die erkannten Tags auf und bieten eine Cache-Löschung, die die Plattform zwingt, aktualisierte Metadaten erneut abzurufen – unerlässlich, wenn sich die Tags einer zuvor geteilten URL geändert haben.

Where SocialKit fits

Jeder Link, den du über SocialKit planst, profitiert von gut konfigurierten Open-Graph-Tags – die Vorschaukarte ist das Erste, was dein Publikum im Feed sieht, und SocialKits integrierte Analytics zeigen, welche Links die meisten Klicks erzielt haben, damit du OG-Qualität mit echtem Traffic verknüpfen kannst.

Start My Free Trial

€0.00 due today · cancel anytime · 7-day money-back guarantee

FAQ

Open Graph: common questions

Quick answers to the questions people ask most about this term.

Stop memorizing metrics — start scheduling

SocialKit posts to all 11 platforms from one calendar and tracks how every post performs, so the numbers explain themselves. Try it free for 7 days.

Start My Free Trial

€0.00 due today · cancel anytime · 7-day money-back guarantee