Open Graph Preview

Warum dieses Open Graph Vorschau-Tool existiert

Die meisten 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. iMessage hat ein 200-KB-Bildlimit. Pinterest will vertikales 1000×1500. Slack bricht HTML-Fetch bei 32 KB ab. 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 Fediverse (Bluesky + Mastodon + Threads). 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 dein 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. Zwei Ausnahmen: Pinterest bevorzugt vertikales 1000×1500 (2:3), und iMessage hat ein hartes Limit von 200 KB Dateigröße. WhatsApp ist großzügig — alles ab 300×200 rendert. Der Image-Auditor im Tool zeigt grün/gelb/rot pro Plattform, damit du's vor dem Launch weißt.

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 wird von einer Origin ohne CORS-Header serviert. 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 prüft beide Sets und markiert Konflikte.

Weitere Tools

FAQ