Seo Doktoru
Open Graph & Social Preview

Open Graph & Social Preview

Preview how your page looks when shared on Facebook, LinkedIn and X.

Was ist Open Graph & Social-Vorschau?

Das Open-Graph- & Social-Vorschau-Tool liest die Open-Graph- und Twitter-Card-Tags einer Seite und zeigt live, wie sie beim Teilen auf Facebook, LinkedIn und X aussieht. Sie sehen sofort, ob Titel, Beschreibung und Bild korrekt oder fehlend sind, damit Ihre Beiträge professionell wirken.

Open Graph & Social Preview

So funktioniert's

  1. 1Geben Sie die Adresse (URL) der Seite ein, die Sie vorab ansehen möchten.
  2. 2Sehen Sie sich die Social-Card-Vorschau für Facebook, LinkedIn und X an.
  3. 3Erkennen und beheben Sie fehlende oder falsche Open-Graph-/Twitter-Tags.

Ergebnis interpretieren

og:title und og:description
Basiselemente — Fehlen diese Tags, erraten die Plattformen den Inhalt oft fehlerhaft aus Navigationstexten oder Überschriften der Zielseite.
og:image (1200×630 px)
Kritischer Erfolgsfaktor — Das Bild bestimmt maßgeblich die Klickrate im Feed. Ein fehlendes oder zu kleines Bild senkt die Interaktion drastisch.
Dateigröße des Bildes
Unter 5 MB (ideal < 1 MB) — Zu schwere Bilddateien führen zu Lade-Timeouts bei Scraping-Bots, wodurch der Beitrag komplett ohne Vorschaugrafik ausgespielt wird.
Textanteil im Bild
Auf Lesbarkeit achten — Auf mobilen Bildschirmen skaliert die Karte stark herunter; zu kleiner oder randnaher Text wird für Smartphone-Nutzer unlesbar.
Nach Änderungen
Plattform-Cache leeren — Facebook und LinkedIn speichern alte Snippets zwischen. Nutzen Sie den Facebook Sharing Debugger oder den LinkedIn Post Inspector zur Aktualisierung.

Wann sinnvoll?

Qualitätscheck vor Blog-Veröffentlichung

Content-Marketer prüfen vor dem Teilen neuer Blogartikel, ob Überschriften mobil abgeschnitten werden und das Teaser-Bild im Feed exakt skaliert wird, statt unvorteilhaft zu verzerren.

Launches von Rabattaktionen

Shop-Betreiber stellen vor dem Kampagnenstart sicher, dass geteilte Produktlinks das aktuelle Aktionsbanner und präzise Rabattangaben anzeigen, statt veraltete Vorschaudaten aus dem CMS-Zwischenspeicher auszuliefern.

Relaunches und CMS-Migrationen

Nach Design- oder Systemwechseln prüfen SEOs stichprobenartig Unterseiten, um auszuschließen, dass das System überall nur noch das statische Standard-Firmenlogo als Platzhalter einbindet.

Häufige Fehler

Relative Bildpfade verwenden

Crawler wie Facebookbot ignorieren relative Pfade wie '/og-image.jpg'. Tragen Sie stets die vollständige absolute URL inklusive 'https://' ein, damit soziale Plattformen das Bild überhaupt laden können.

Quadratische Teaser-Grafiken einbinden

Bilder im Format 1:1 führen auf LinkedIn und X zu unschönen Beschnitträndern. Nutzen Sie stattdessen standardmäßig 1200×630 Pixel im Querformat (1,91:1) für vollflächige Social-Media-Karten.

Überdimensionierte Dateigrößen hochladen

Dateien über 5 MB scheitern oft am Lade-Timeout sozialer Crawler. Komprimieren Sie Teaser-Grafiken als JPG oder PNG auf unter 1 MB, um Ladefehler zuverlässig zu vermeiden.

Häufige Fragen

Wofür sind Open-Graph-Tags?

Open-Graph-Tags (og:title, og:description, og:image) definieren Titel, Beschreibung und Bild, die beim Teilen Ihrer Seite in sozialen Medien erscheinen.

Warum wird mein Teilen-Bild nicht angezeigt?

Das og:image-Tag fehlt evtl., das Bild ist zu klein oder der Plattform-Cache ist veraltet; die empfohlene Größe ist 1200×630 Pixel.

Was ist der Unterschied zwischen Twitter Card und Open Graph?

X (Twitter) nutzt primär Twitter-Card-Tags und greift auf Open Graph zurück, wenn diese fehlen; beides zu definieren ist am sichersten.

Werden Open-Graph-Tags auch in WhatsApp ausgewertet?

Ja, WhatsApp nutzt die Open-Graph-Tags der Zielseite, um Snippet-Vorschauen mit Titel, Beschreibung und Vorschaubild zu generieren. Damit das Vorschaubild zuverlässig im Chatfenster erscheint, sollte die Datei quadratisch oder im Format 1,91:1 vorliegen und idealerweise unter 300 KB wiegen, da WhatsApp besonders strenge Dateigrößenlimits erzwingt.

Funktionieren WebP- oder SVG-Dateien für og:image?

Nein, Sie sollten für og:image ausschließlich JPG oder PNG verwenden, da SVG von den gängigen Social-Media-Crawlern ignoriert wird. Zwar unterstützen einzelne Plattformen mittlerweile moderne WebP-Dateien, doch Facebook und LinkedIn verlangen für eine fehlerfreie Vorschau weiterhin klassische PNG- oder JPG-Grafiken mit explizit gesetzten Dimensionen im Quellcode.