Open Graph Protocol

Definition: Das Open Graph Protocol (OGP) wurde 2010 von Facebook entwickelt und ermöglicht es Webseiten, durch spezielle <meta property="og:...">-Tags im HTML-<head> zu steuern, wie ihre Inhalte in sozialen Netzwerken als Link-Vorschau dargestellt werden. Die vier Pflicht-Tags sind og:title, og:type, og:image und og:url. Neben Facebook/Instagram unterstützen LinkedIn, WhatsApp, Slack, Twitter/X, Pinterest und Messaging-Apps die Open-Graph-Tags für Link-Previews. Ohne OGP-Tags wählen Plattformen Titel und Vorschaubild automatisch – oft mit unbefriedigenden Ergebnissen. Korrekt implementiertes OGP mit optimierten Bildern erhöht die Click-Through-Rate bei geteilten Links messbar. Für Paid-Social-Anzeigen (Facebook Ads, LinkedIn Ads) greifen die Plattformen ebenfalls auf OGP-Tags zurück wenn kein spezifisches Creative angegeben ist.

Erläuterung

OGP ist eine der einfachsten und wirkungsvollsten technischen Optimierungen für Social-Media-Marketing: Eine Stunde Implementierung für alle wichtigen Seite-Templates verbessert dauerhaft jeden Share, jede organische Erwähnung und jeden Messenger-Link. Das og:image ist der wichtigste Faktor – ein auffälliges, formatgerechtes Bild erhöht die CTR bei geteilten Links typisch um 20–40 % gegenüber einer generischen oder fehlenden Vorschau.

Pflicht- und empfohlene OGP-Tags

og:title: Titel der Seite wie er in der Link-Vorschau erscheint; unabhängig vom HTML <title>-Tag setzbar; max. 55–60 Zeichen bevor Kürzung in Facebook; für Produkte: «Produktname | Markenname»; für Artikel: Headline; optimiert für Social-Shares nicht für SEO
og:description: Beschreibung unter dem Titel in der Link-Vorschau; max. ~200 Zeichen (Facebook kürzt); sollte Interesse wecken und zum Klick motivieren; unabhängig von meta description setzbar – Social-Teaser vs. SEO-Snippet können unterschiedlich sein
og:image: URL des Vorschaubildes; Pflichtfeld für gute Link-Vorschau; absolute URL mit https://; ohne og:image: Platform wählt zufällig ein Seitenbild oder zeigt leeren Platzhalter; kritischster OGP-Tag für CTR
og:url: Kanonische URL der Seite; verhindert dass geteilte URL-Varianten (UTM-Parameter) als separate Seiten in Facebook Insights erscheinen; sollte identisch mit canonical href sein
og:type: Content-Typ; «website» für Startseiten und allgemeine Seiten; «article» für Blog-Posts/News mit publishedTime/author; «product» für E-Commerce; «video.movie» / «video.tv_show» für Videos; beeinflusst welche zusätzlichen Tags relevant sind

OGP-Bildgrößen und -Formate

Standard-Format 1200×630px: Empfohlene Größe für Facebook, LinkedIn, WhatsApp; Seitenverhältnis 1.91:1; unter 200×200px: kein großes Preview-Bild; min. 600×315px für normales Bild; JPG oder PNG; max. 8 MB (Facebook); HTTPS-URL zwingend
Twitter/X Cards: Twitter ignoriert og:image für Summary Cards (nur eigene twitter:image-Tags); summary_large_image Card: 1200×628px; twitter:card, twitter:title, twitter:description, twitter:image als separate Tags; aber: og:tags als Fallback wenn twitter:-Tags fehlen
LinkedIn: 1200×627px für Article-Posts; unterstützt og:image als Fallback; LinkedIn Post Inspector für Debugging; LinkedIn crawlt Seiten neu bei Inspector-Request; langsamer Cache als Facebook
WhatsApp/iMessage/Telegram: Verwenden og:image für Link-Previews in Chats; kleines 300×158px-Thumbnail; Text aus og:title und og:description; keine plattformspezifischen Tags nötig; Standard-OGP reicht

Debugging und Testing

Facebook Sharing Debugger: developers.facebook.com/tools/debug/; gibt URL ein → sieht genau wie Facebook die Seite versteht; Cache manuell invalidieren («Fetch new information»); zeigt Fehler (fehlendes og:image, falsches Format); Pflicht vor jedem Kampagnen-Launch mit wichtigen Landingpages
LinkedIn Post Inspector: linkedin.com/post-inspector/; gleiches Prinzip wie Facebook Debugger; LinkedIn cache-Invalidierung; zeigt Preview exakt wie sie beim Teilen erschiene; besonders wichtig für B2B-Kampagnen-Landingpages
OpenGraph.xyz / MetaTags.io: Drittanbieter-Tools die OGP-Preview für Facebook, LinkedIn, Twitter, Slack gleichzeitig anzeigen; schneller als einzelne Platform-Debugger; kein Login nötig; gut für schnelle Checks
Cache-Probleme: Plattformen cachen OGP-Daten aggressiv (Facebook: 30 Tage+); nach Änderungen: Facebook Debugger verwenden um Cache zu invalidieren; LinkedIn Post Inspector macht gleiches; WhatsApp-Cache: nicht invalidierbar – alte Previews bleiben bis Nutzer-Cache löscht

Marketing-Anwendungsfälle

Kampagnen-Landingpages: Spezifisches og:image für jede Kampagne; UTM-Parameter in og:url entfernen (kanonische URL); og:title auf Kampagnen-Messaging anpassen; überprüfen mit Facebook Debugger vor Launch
Blog und Content-Marketing: og:type="article" mit article:published_time, article:author; individuelles Hero-Image als og:image; verhindert generische Vorschau bei Social Shares und Backlinks; erhöht organische Verbreitung von Artikeln
E-Commerce Produkte: og:image = Produktfoto auf weißem Hintergrund oder Lifestyle-Bild; og:title = «Produktname - Kurze Beschreibung | Marke»; og:type="product"; bei Preisänderungen og:image oder og:title nicht cachen – dynamisch rendern

Praxistipp: Implementieren Sie OGP für alle wichtigen Seiten-Templates in einem Schritt: Startseite, Produktseiten, Blog-Posts, Kampagnen-Landingpages. Erstellen Sie eine Vorlage für og:image in den Maßen 1200×630px mit Ihrem Branding und passen Sie für jede Kampagne nur den zentralen Text an. Tools wie Canva oder Figma erlauben Template-basierte Bildgenerierung. Testen Sie nach jeder Änderung mit dem Facebook Sharing Debugger und dem LinkedIn Post Inspector. Wichtig: Eine falsche og:image-URL (404) führt zu einer kahlen Link-Vorschau ohne Bild – prüfen Sie die URL-Erreichbarkeit und HTTPS-Konfiguration explizit.