English
Titles, Meta-Angaben & Snippets

Open Graph

Open Graph ist ein Protokoll, das festlegt, wie eine Webseite beim Teilen in sozialen Netzwerken oder Messengern dargestellt wird. Es wurde von Facebook entwickelt und nutzt meta-Tags mit dem Attribut property im <head> der Seite.

Wie funktioniert Open Graph?

Die Spezifikation auf ogp.me nennt vier erforderliche Angaben. og:title ist der Titel des Objekts, og:type seine Art, zum Beispiel website oder article, og:image die URL eines Bildes und og:url die kanonische Adresse als dauerhafte Kennung. Optional sind unter anderem og:description, og:site_name, og:locale, og:audio und og:video.

Plattformen wie Facebook, LinkedIn oder Pinterest lesen diese Angaben aus und bauen daraus die Linkvorschau mit Bild, Titel und Beschreibung. Fehlen die Tags, wählen sie oft selbst einen Text und ein Bild aus der Seite.

Für Suchmaschinen sind Open-Graph-Tags laut Berichten kein direkter Ranking-Faktor. Sie können die Klickrate auf geteilte Links steigern (Einschätzung). Als Bildformat gelten laut Berichten 1200 x 630 Pixel als Richtwert.

Beispiel

HTML
<head>
  <meta property="og:title" content="Canonical Tag erklärt">
  <meta property="og:type" content="article">
  <meta property="og:image" content="https://www.example.com/bilder/canonical.png">
  <meta property="og:url" content="https://www.example.com/glossar/canonical-tag/">
  <meta property="og:description" content="Wie der Canonical Tag funktioniert.">
</head>

Häufige Fehler

  • og:url weicht von der Canonical-URL ab, besonders bei mehrsprachigen Seiten.
  • Das Bild ist zu klein oder liegt hinter einem Login und lässt sich nicht abrufen.
  • Nach Änderungen bleibt die alte Vorschau im Cache der Plattform. Debugger der Plattformen zeigen, wie die Seite gelesen wird, bei Meta ist das der Sharing Debugger.

Häufige Fragen

Was ist ein OG-Titel? Der Wert og:title. Er erscheint als Überschrift der Linkvorschau und kann vom title-Element der Seite abweichen.

Was ist ein OG-Bild? Das Bild aus og:image, das in der Vorschau angezeigt wird.

Quellen

  1. The Open Graph protocologp.me
  2. Open Graph – Seobility Wikiseobility.net
  3. Open Graph Meta Tags – Promomasterspromomasters.at

Stand: