OG-Bild-Prüfer
Überprüfen Sie Ihr Open-Graph-Bild vor dem Teilen
Fügen Sie eine URL ein, um das deklarierte og:image zu sehen und zu prüfen, wie das Bild in Link-Vorschauen dargestellt wird. Erkennen Sie fehlende, abgeschnittene, unscharfe oder fehlerhafte Social-Media-Bilder, bevor Sie Ihren Link teilen.
Bild gefunden
Überprüfen Sie, ob die Seite ein og:image-Tag mit einer absoluten HTTPS-URL enthält. Andernfalls wählen Plattformen ein zufälliges Bild von der Seite aus oder zeigen gar kein Bild an.
Titel
Beschreibung
framer.com
Größe und Seitenverhältnis
Verwenden Sie 1200 x 630 Pixel, ein Seitenverhältnis von 1,91:1. Kleinere Bilder werden möglicherweise nur als kleines Vorschaubild angezeigt, und andere Formate werden auf den verschiedenen Plattformen unterschiedlich zugeschnitten.
Titel
Beschreibung
framer.com
Datei und Format
Verwenden Sie JPG oder PNG unter 5 MB. Platzieren Sie wichtige Texte und Logos nicht zu nah am Rand, da manche Apps das Bild quadratisch oder als schmalere Karte zuschneiden.
Plattform-Vorschauen
Vergleichen Sie, wie dasselbe Bild auf LinkedIn, X, Slack, WhatsApp und Google aussieht, damit die Vorschau überall klar und markenkonform ist.
Titel
Beschreibung
framer.com
Ein praktischer Leitfaden für OG-Bilder
Das OG-Bild ist meist der größte Teil einer Link-Vorschau und hat daher einen großen Einfluss darauf, ob Nutzer klicken. So können Sie es überprüfen und verbessern.
Was ist ein OG-Image?
Ein OG-Bild (Open Graph Image) ist das Bild, das über das Meta-Tag „og:image“ des Open-Graph-Protokolls festgelegt wird. Soziale Netzwerke und Messaging-Apps lesen es aus, um die Vorschaukarte zu erstellen, wenn jemand Ihren Link teilt.
Was ist die beste OG-Bildgröße?
1200 x 630 Pixel funktioniert auf fast jeder Plattform. Es entspricht der großen Card im Format 1,91:1 auf LinkedIn, Facebook und X. Fügen Sie die Tags og:image:width und og:image:height hinzu, damit Plattformen das Bild schneller rendern können.
So überprüfen Sie ein OG-Bild
Geben Sie die Seiten-URL ein und starten Sie die Überprüfung. Vergewissern Sie sich, dass das Bild geladen wird, das richtige Seitenverhältnis hat und auch in kleinen Größen gut lesbar ist. Prüfen Sie dann die Vorschau für jede Plattform auf Zuschnitte oder zu kleinen Text.
Warum wird mein OG-Bild nicht angezeigt?
Häufige Ursachen sind eine relative Bild-URL, ein durch die robots.txt oder einen Login blockiertes Bild, eine zu große Datei, ein falscher Inhaltstyp oder eine veraltete Vorschau im Cache. Korrigieren Sie den Tag, veröffentlichen Sie die Seite erneut und leeren Sie den Cache im Debugger der jeweiligen Plattform.
OG-Bild vs. Twitter-Card-Bild
X liest zuerst twitter:image und greift als Fallback auf og:image zurück. Setzen Sie twitter:card auf summary_large_image, um das große Bild-Layout zu erhalten. In den meisten Fällen kann ein einziges Bild mit 1200 x 630 Pixeln für beides verwendet werden.
Tipps für OG-Images, die Klicks generieren
Verwenden Sie eine klare Überschrift oder Produktaufnahme, einen hohen Kontrast und ein gut erkennbares Logo. Halten Sie Texte kurz und groß, und erstellen Sie für wichtige Seiten ein individuelles Bild, anstatt dasselbe Bild auf der gesamten Website wiederzuverwenden.
Inspiration für OG-Bilder finden
Durchstöbern Sie die LinkPreview-Galerie, um zu sehen, wie mehr als 1.700 Websites ihre Open-Graph-Bilder gestalten, und überprüfen Sie anschließend Ihre eigene URL zum Vergleich.
More free tools: the OG image size checker, the Twitter card validator, the favicon checker and the meta tag generator.