Open-Graph-Vorschau

Voranzeigen wie Seiten beim Teilen in sozialen Medien mit OG-Tags aussehen

Was ist das und wie funktioniert es?

Open-Graph-Meta-Tags steuern, wie Ihre Seiten bei der Freigabe auf sozialen Medien wie Facebook, LinkedIn, Twitter/X, WhatsApp und Slack aussehen. Ohne sie raten Plattformen Titel, Beschreibung und Bild aus Ihrem Seiteninhalt — was oft zu unschönen, abgeschnittenen oder irrelevanten Vorschauen führt.

Dieses Tool rendert eine Live-Vorschau, wie Ihre Seite als Social-Share-Karte erscheinen wird. Fügen Sie Ihre Seiten-URL ein oder geben Sie die Tag-Werte manuell ein. Sie können zwischen Plattform-Vorlagen wechseln.

Anwendungsfälle

Häufige Fragen

Was sind die empfohlenen og:image Abmessungen?

1200 × 630 px (ca. 1,91:1 Seitenverhältnis) ist weitgehend empfohlen. Immer HTTPS für die Bild-URL verwenden.

Was ist twitter:card und wie unterscheidet es sich von Open Graph?

Twitter verwendet eigene Meta-Tags neben Open Graph. "summary_large_image" als twitter:card-Wert ergibt eine vollbreite Bildkarte.

Warum aktualisiert sich mein og:image nicht nach einer Änderung?

Soziale Plattformen cachen Vorschauen aggressiv. Facebook hat den Sharing Debugger; LinkedIn den Post Inspector. Eine geänderte Bild-URL erzwingt das Laden der neuen Version.

Helfen Open-Graph-Tags bei SEO?

OG-Tags beeinflussen Rankings nicht direkt — sie dienen dem Social Sharing. Bessere Vorschauen erhöhen aber Click-Through-Raten und Social Shares, was indirekt SEO helfen kann.

Entwickler

UUID-Generator · Zeitstempel-Konverter · Base64-Encoder · Base64-Decoder · Hash-Generator · Farb-Konverter