Was sind Open-Graph-Tags?
Open-Graph-Tags sind Meta-Tags im HTML-<head> einer Webseite, die steuern, wie ein Link beim Teilen auf sozialen Plattformen dargestellt wird. Ursprünglich von Meta (Facebook) entwickelt, werden sie heute von LinkedIn, WhatsApp, Telegram, Twitter/X und vielen weiteren Diensten ausgewertet. Die wichtigsten Tags sind og:title, og:description, og:image und og:url.
Was bedeutet das für Ihre Website?
Ohne Open-Graph-Tags wählt die jeweilige Plattform selbst aus, welchen Titel, welchen Text und welches Bild sie beim Teilen eines Links anzeigt. Das Ergebnis ist oft zufällig und optisch wenig ansprechend. Mit korrekt gesetzten Tags steuern Sie das Erscheinungsbild aktiv: ein attraktives Vorschaubild in der empfohlenen Größe von 1200 x 630 Pixeln, ein prägnanter Titel und eine treffende Beschreibung erhöhen die Klickrate von geteilten Beiträgen erheblich. WordPress-SEO-Plugins wie Rank Math oder Yoast SEO erzeugen diese Tags automatisch aus Titel und Meta-Description, sofern ein Beitragsbild gesetzt ist. Für spezifische Seiten lassen sich Bild und Text manuell überschreiben. Zusätzlich zum Open-Graph-Standard gibt es Twitter Cards, die ähnliche Meta-Tags für X/Twitter nutzen und ebenfalls von den genannten Plugins gesetzt werden.
Tipp
Testen Sie Ihre Open-Graph-Daten vor dem Teilen mit dem Meta Sharing Debugger unter developers.facebook.com/tools/debug/. Soziale Plattformen cachen Vorschaudaten für einige Zeit. Nach einer Änderung an Bild oder Titel müssen Sie den Cache dort manuell leeren, damit die neue Darstellung sofort erscheint und nicht erst Stunden später.
Verwandte Begriffe
Strukturierte Daten / Schema.org / JSON-LD |
Meta-Description |
SEO |
HTML