So nutzt du: Open Graph Checker
- Füge die URL ein, die du teilen willst, und klicke auf Tags prüfen.
- Vergleiche die Vorschauen für Facebook/LinkedIn, X und Slack – sie zeigen, was jede Plattform aus deinen Tags macht.
- Achte in den Tag-Tabellen auf rote Badges mit „fehlt“ und prüfe, ob das og:image mit der empfohlenen Größe lädt.
- Kopiere den generierten Code für fehlende Tags in den
<head>deiner Seite und lass die URL danach auf jeder Plattform neu einlesen.
Was ist ein Open-Graph-Checker?
Wenn ein Link auf Facebook, LinkedIn, Slack, WhatsApp, Discord und den meisten anderen Apps geteilt wird, ruft die Plattform die Seite ab und baut aus den Open-Graph-Meta-Tags eine Vorschau-Karte. Das Protokoll wurde ursprünglich von Facebook entwickelt. X (ehemals Twitter) verwendet eigene twitter:*-Tags, greift aber auf Open Graph zurück, wenn diese fehlen. Ein Open-Graph-Checker ruft deine Seite genauso ab und zeigt dir die gefundenen Tags und die Karten, die daraus entstehen. So kannst du eine kaputte Vorschau beheben, bevor jemand den Link teilt.
Die Tags, die jede Seite haben sollte
| Tag | Zweck |
|---|---|
og:title | Überschrift der Karte. Kann lockerer formuliert sein als der SEO-Titel. |
og:description | Ein oder zwei Sätze unter der Überschrift. |
og:image | Absolute URL des Vorschaubildes – der mit Abstand wichtigste Faktor für Klicks. |
og:url | Kanonische URL, damit Shares von Varianten zusammengezählt werden. |
og:type | Meist website oder article. |
twitter:card | summary_large_image für ein großes Bild, summary für ein kleines quadratisches Vorschaubild. |
Sinnvolle Ergänzungen sind og:site_name, og:locale, og:image:alt (beschreibt das Bild für Screenreader) sowie og:image:width und og:image:height. Damit kann manche Plattform die Karte rendern, bevor das Bild heruntergeladen ist.
Empfehlungen zur Bildgröße
- 1200 × 630 px (1,91 : 1) funktioniert gut für Facebook, LinkedIn und Slack. Halte wichtigen Text von den Rändern fern, denn manche Apps schneiden auf ein Quadrat oder 2 : 1 zu.
- X Large Card: Seitenverhältnis 2 : 1, mindestens 300 × 157 px, unter 5 MB. Ein 1200 × 630 px großes Bild wird mit leichtem Zuschnitt angezeigt.
- Verwende JPEG oder PNG für die breiteste Unterstützung, eine absolute
https://-URL und stelle sicher, dass das Bild nicht durch robots.txt oder einen Login blockiert ist.
Brauchst du ein Bild? Erstell eines mit dem OG Image Generator.
Warum zeigt sich meine alte Vorschau noch?
Plattformen speichern Vorschauen zwischen, oft tagelang. Nachdem du die Tags korrigiert hast, bitte jede Plattform, die Seite neu abzurufen: beim Facebook Sharing Debugger („Scrape Again“), beim LinkedIn Post Inspector und bei Slack, indem du die URL mit einem harmlosen Query-String wie ?v=2 teilst. Prüfe außerdem, ob die Seite Crawler nicht blockiert und ob die Tags im serverseitig gerenderten HTML stehen – die meisten Scraper führen kein JavaScript aus. Um einen kompletten Tag-Satz von Grund auf zu schreiben, nutze den Meta Tag Generator.
Auch gesucht als: og tags prüfen, twitter card validator, social media vorschau, link vorschau, og image checker, facebook debugger, linkedin vorschau testen.
Passende Tools zu: Open Graph Checker
- Meta-Tag-Checker — Sieh genau, wie Google deine Seite voraussichtlich anzeigt: Title und Description in Pixeln gemessen, Vorschauen für Desktop und Mobil sowie alle Meta-Tags im <head>.
- SEO-Check & Website-Audit — Füge eine URL ein, um bis zu 70 On-Page-SEO-Prüfungen sowie ein vollständiges Website-Audit durchzuführen: Lighthouse-Geschwindigkeit, Sicherheits-Header & SSL, strukturierte Daten, defekte Links, robots.txt & KI-Crawler, Grundlagen der Barrierefreiheit, Tracking & Einwilligung, SPF/DKIM/DMARC und Ablauf der Domain – zusammengefasst in einem Website-Score mit priorisierten Korrekturvorschlägen.
- Schema-Markup-Validator — Prüfe die strukturierten Daten jeder URL oder füge dein JSON-LD ein, um Syntaxfehler, fehlende Pflichteigenschaften und empfohlene Felder für Googles Rich Results zu finden.
- robots.txt – Erklärvideo — Die Regeln in der robots.txt-Datei sind kurz, lassen sich aber leicht falsch interpretieren.
Häufige Fragen
Welche og:image-Größe ist optimal?
Brauche ich Twitter-Card-Tags, wenn ich Open-Graph-Tags habe?
twitter:card: X greift auf og:title, og:description und og:image zurück. Ergänze twitter:card mit summary_large_image, um das große Bildlayout zu bekommen.