Zum Inhalt springen
patrache.tools

Open Graph Vorschau

Kostenlose Online-Open-Graph-Vorschau. Sehen Sie, wie Ihre Seite bei Facebook, Twitter und anderen sozialen Netzwerken erscheint. Im Browser.

Titel
Seitenname
Beschreibung
Bild-URL
URL
og:type
Vorschau
No Image
example.com
Page Title
Description
OG-Meta-Tags
<!-- Open Graph -->
<meta property="og:type" content="website">
lockDateien werden nicht an einen Server gesendet
Teilen
Einbetten

Dieses Tool auf deiner Website einbetten

Das OG-Vorschau-Tool ist ein kostenloses Online-Tool, das zeigt, wie Open Graph Tags in sozialen Netzwerken erscheinen.

Wie benutzt man Open Graph Vorschau?

  1. Geben Sie OG-Tag-Informationen ein (Titel, Beschreibung, Bild-URL).
  2. Wählen Sie die Vorschau-Plattform (Facebook, Twitter, etc.).
  3. Prüfen Sie die Echtzeit-Vorschau und optimieren Sie.

Häufig gestellte Fragen zu Open Graph Vorschau

Was ist die empfohlene OG-Bildgröße?

Facebook empfiehlt 1200×630px und Twitter 1200×628px. Bilder mit 1200×630px funktionieren auf den meisten Plattformen gut.

Was passiert ohne OG-Tags?

Soziale Netzwerke extrahieren Titel, Beschreibung und Bilder willkürlich aus Ihrer Seite. OG-Tags geben Ihnen präzise Kontrolle über die Darstellung beim Teilen.

Ich habe die OG-Tags korrigiert, beim Teilen erscheint aber weiter das alte Bild.

Weil jede Plattform die zuerst gelesene Vorschau zwischenspeichert, manchmal für Tage oder Wochen. Facebooks Sharing Debugger, LinkedIns Post Inspector und der Card Validator von X erlauben ein erneutes Auslesen der URL und aktualisieren die Vorschau sofort. Bei Messengern ohne solches Werkzeug behilft man sich in der Praxis damit, dem Link etwa ?v=2 anzuhängen, damit er als neue Adresse gilt.

Worauf muss ich achten, wenn ich Text auf ein OG-Bild setze?

Empfohlen sind 1200×630 px, doch die Plattformen beschneiden die Ränder unterschiedlich – halten Sie wichtige Wörter innerhalb der mittleren 80 %. In einem Feed schrumpft das Bild auf rund 300 px Breite, weshalb Buchstaben im Original mindestens 60 px hoch sein müssen, um lesbar zu bleiben. Und da der Titel ohnehin unter dem Bild erscheint, wirkt darin eine kurze Wendung, die das Thema auf einen Blick andeutet, besser als die Wiederholung der Überschrift.

Wie nutzt man Open Graph Vorschau optimal?

  • og:image auf 1200x630 (1.91:1) setzen – so erwarten es Facebook, LinkedIn und Slack.
  • Geteilte Links werden gecacht: Nach einem Bildwechsel den Facebook Sharing Debugger aufrufen.
  • Ohne og:title wird der <title> übernommen; ein eigener Share-Text bringt meist mehr Klicks.

Powered by Patrache Studio Tools

Bitte erlaube Werbung auf dieser Website

Um diese Werkzeuge zu nutzen, erlaube Werbung auf dieser Website. Werbung hält diesen Dienst kostenlos.

Öffne deinen Werbeblocker, deaktiviere ihn für diese Website und prüfe erneut.