Glossar · Website & Technik

Open Graph: Die Vorschau beim Teilen eines Links

Open Graph ist ein von Facebook eingeführtes Format für Angaben im Code einer Webseite, das festlegt, welcher Titel, welcher Text und welches Bild als Vorschau erscheinen, wenn jemand den Link in sozialen Netzwerken oder Messengern teilt.

Was ist Open Graph?

Schickt dir jemand per WhatsApp einen Link, erscheint meist ein kleines Kästchen mit Bild, Überschrift und ein, zwei Zeilen Text. Woher kommt das? Aus den Open-Graph-Angaben im unsichtbaren Kopfbereich der Seite.

Fehlen sie, rät die App. Dann steht unter dem Link vielleicht das Logo eines Zahlungsanbieters aus dem Footer oder ein abgeschnittenes Teamfoto. Für einen Betrieb, dessen Seite gerade von Kunde zu Kunde weitergeleitet wird, ist das eine verschenkte Chance.

Ein gutes Vorschaubild:

  • zeigt, worum es geht, etwa das fertige Bad statt eines Symbolbilds
  • trägt den Namen des Betriebs, damit man ihn wiedererkennt
  • hat genug Rand, weil manche Apps die Ecken abschneiden

Eine Konditorei aus Mönchengladbach, deren Torten-Seite in Elterngruppen geteilt wird, profitiert davon mehr als von manchem Werbebudget. Wir legen für jede Seite eine eigene Vorschau an, das ist bei unserem Webdesign Standard.

Open Graph ist besonders wichtig für alle, deren Seiten oft per WhatsApp, LinkedIn oder Facebook weitergegeben werden.

Häufige Fragen zu Open-Graph-Bild

Was ist ein OG-Bild?

Das OG-Bild ist das Vorschaubild, das beim Teilen eines Links erscheint. Bewährt hat sich ein Format von 1200 mal 630 Pixeln. Fehlt es, nimmt die Plattform irgendein Bild von der Seite oder zeigt gar keins.

Welche Open-Graph-Angaben sind wichtig?

Die vier wichtigsten sind og:title für den Titel, og:description für den kurzen Text, og:image für das Bild und og:url für die Adresse. Damit sieht die Vorschau in WhatsApp, LinkedIn, Facebook und den meisten anderen Diensten ordentlich aus.

Hilft Open Graph beim Google-Ranking?

Nicht direkt. Google bewertet die Angaben nicht für die Rangliste. Eine ansprechende Vorschau sorgt aber dafür, dass geteilte Links öfter angeklickt werden, und das bringt Besucher.

Verwandte Begriffe