SEO-Lexikon

Open Graph Protokoll

Das Open Graph Protokoll steuert ueber og:-Meta-Tags, wie deine Seite als Vorschau (Titel, Bild, Beschreibung) in Social Media und Chats erscheint.

Das Open Graph Protokoll (kurz OG) ist ein von Facebook eingefuehrter Standard, mit dem du steuerst, wie eine Webseite als Vorschau aussieht, wenn jemand ihren Link in sozialen Netzwerken, Messengern oder Chat-Tools teilt. Statt dass die Plattform sich irgendeinen Text und ein zufaelliges Bild von der Seite holt, definierst du ueber spezielle Meta-Tags im <head> deiner Seite genau Titel, Beschreibung und Bild der sogenannten Link-Vorschau (Social Card).

Die Tags folgen dem Schema og:eigenschaft. Die vier wichtigsten sind:

  • <meta property="og:title" content="..."> – der Titel der Vorschau
  • <meta property="og:description" content="..."> – der Beschreibungstext
  • <meta property="og:image" content="..."> – das Vorschaubild (idealerweise 1200x630 Pixel)
  • <meta property="og:url" content="..."> – die kanonische URL der Seite

Ergaenzend gibt es og:type (z. B. website oder article) und og:site_name.

Warum es wichtig ist

Ein Link ohne Open-Graph-Tags wirkt in einem Feed oder Chat schnell unfertig: kein Bild, ein abgeschnittener Titel, eine kryptische URL. Eine saubere, ansprechende Vorschau dagegen faellt auf, schafft Vertrauen und wird deutlich oefter geklickt. Open Graph ist damit kein direkter Google-Ranking-Faktor, beeinflusst aber Klicks und Reichweite in allen Kanaelen ausserhalb der klassischen Suche – und damit indirekt auch Traffic und Anfragen.

Wichtig: Plattformen wie LinkedIn, Facebook, WhatsApp oder Slack lesen diese Tags aus. X (Twitter) nutzt teilweise eigene twitter:-Tags, faellt aber auf Open Graph zurueck, wenn diese fehlen. Ein gepflegtes OG-Setup deckt also die meisten Kanaele zugleich ab.

In der Praxis

  • Bildmasse einhalten: 1200x630 Pixel (Seitenverhaeltnis 1.91:1) verhindern Beschnitt und unscharfe Vorschauen.
  • Absolute URLs verwenden: Das Bild bei og:image braucht eine vollstaendige Adresse (https://...), kein relativer Pfad.
  • Eigene Texte pro Seite: og:title und og:description sollten zur Seite passen und duerfen sich vom Meta-Title und der Meta-Description unterscheiden.
  • Caching beachten: Plattformen speichern die Vorschau zwischen. Nach Aenderungen hilft ein Debugger (z. B. der Sharing Debugger von Meta oder der LinkedIn Post Inspector), um den Cache zu erneuern.

In Next.js und aehnlichen Frameworks lassen sich OG-Tags zentral pro Seite generieren – sauber strukturiert und ohne Handarbeit pro Link.

KMU-Bezug

Fuer ein Schweizer KMU entscheidet die Link-Vorschau oft darueber, ob ein geteilter Beitrag auf LinkedIn oder in einer WhatsApp-Gruppe ueberhaupt angeklickt wird. Gerade beim Teilen von Offerten, Blogartikeln oder Referenzen wirkt eine professionelle Social Card serioes und markenkonform. Ein einmalig sauber aufgesetztes Open-Graph-Setup zahlt sich so bei jedem geteilten Link aufs Neue aus.

Häufige Fragen

Verstanden. Jetzt umsetzen.

Die kostenlose Analyse zeigt dir, was Open Graph Protokoll konkret für dein KMU bringt.