Open Graph Preview

Warum dieses Open Graph Vorschau-Tool existiert

Viele OG-Preview-Tools zeigen dir 3 oder 4 Plattformen. Facebook, Twitter, vielleicht LinkedIn. Das reicht nicht. 2026 landet dein Link auf Slack, Discord, WhatsApp, iMessage, Pinterest und einem halben Dutzend anderer — und jede Plattform rendert die Preview anders. Pinterest will vertikales 1000×1500. Slack liest nur die ersten 32 KB deines HTML. OG-Tags, die unter einem dicken Inline-Stylesheet stehen, sieht Slack also nie. Eine Spec verpasst und die Preview ist nur auf dieser einen Plattform kaputt.

Dieses Tool zeigt 11 Plattformen nebeneinander: Facebook, LinkedIn, X/Twitter, Slack, WhatsApp, Discord, Telegram, iMessage, Reddit, Pinterest und eine Fediverse-Karte nach dem Vorbild von Bluesky und Mastodon. Bearbeite og:title, og:description, og:image oder og:site_name und jede aktive Preview updated in Echtzeit. Jede Preview hat ihren eigenen Dark-Mode-Toggle, damit du beide Looks prüfen kannst. Der Image-Auditor prüft Breite und Seitenverhältnis deines og:image gegen alle 11 Plattform-Specs und markiert die, die nicht passen.

Wie du Open Graph Tags prüfst

Zwei Wege. URL einfügen und auf „Von URL laden" klicken — das Tool zieht die Live-og:title, og:description, og:image und Twitter-Card-Tags und rendert, was jede Plattform anzeigt. Oder bearbeite die Felder direkt und beobachte, wie alle aktiven Previews während des Tippens aktualisieren. Beide Wege funktionieren zusammen: laden, bearbeiten, exportieren.

Die optimale og:image-Größe (für jede Plattform)

1200×630 px im Verhältnis 1.91:1 ist der universelle Standard — funktioniert für Facebook, LinkedIn, X, Slack, Discord, Telegram, Reddit, iMessage und Fediverse. Die große Ausnahme ist Pinterest mit vertikalem 1000×1500 (2:3). Am großzügigsten ist WhatsApp: Dort akzeptiert der Auditor alles ab 300px Breite. Der Image-Auditor zeigt grün/gelb/rot pro Plattform, damit du's vor dem Launch weißt. Er prüft Maße und Verhältnis, nicht die Dateigröße. Halte die Datei selbst also schlank.

Open Graph Previews, die nicht angezeigt werden — was tun

Die meisten kaputten Previews haben dieselben Ursachen. og:image-URL ist relativ statt absolut. Das Bild ist durch robots.txt gesperrt oder liegt hinter einem Login oder Hotlink-Schutz. Die Datei überschreitet das Plattform-Limit. Die Seite setzt OG-Werte per JavaScript nach dem Laden, aber die meisten Crawler führen JavaScript nicht aus. Der Plattform-Cache ist veraltet. Für Facebook: URL in den Facebook Sharing Debugger einfügen und „Scrape again" klicken, um den Refresh zu erzwingen.

Open Graph vs. Twitter Card

X/Twitter hat eigene Meta-Tags (twitter:card, twitter:title, twitter:image, twitter:description), fällt aber auf Open Graph zurück, wenn sie fehlen. Für die meisten Seiten deckt ein korrektes OG beides ab. Twitter-spezifische Tags brauchst du nur, wenn du auf X ein anderes Bild oder eine andere Beschreibung willst als auf LinkedIn. Dieses Tool zeigt beide Sets nebeneinander. Ein twitter:image, das auf ein anderes Bild zeigt als og:image, fällt so sofort auf.

Weitere Tools

FAQ