Open-Graph-Checker - Ergebnisse richtig lesen

Du hast einen Scan gemacht und eine Wand aus Meta-Tags plus fünf Plattform-Vorschauen bekommen. Und jetzt? Ein Open-Graph-Checker wie OpenGraph Check liefert mehr als Ja oder Nein. Wer die Ergebnisse liest, macht aus 30 Sekunden Scan eine sichere Go/No-Go-Entscheidung vor dem Teilen.

Kurzantwort

Nach dem Scannen einer URL im Open-Graph-Checker prüfst du drei Bereiche: die Tag-Liste (rohe og:*-Werte für Crawler), das Plattform-Vorschau-Grid (wie jedes Netzwerk deine Karte rendert) und Warnungen zu fehlenden oder ungültigen Feldern. Grün heißt: Pflicht-Tags existieren mit gültigen URLs. Rot oder leere Felder brauchen Fixes vor dem Teilen. Bild-URL im Browser-Tab cross-checken, bei stale Cache Plattform-Debugger bestätigen.

Was OpenGraph Check dir zeigt

OpenGraph Check liefert nach dem Einfügen einer URL vier Ergebnis-Bereiche:

1. Plattform-Vorschauen - Visuelle Karten für Facebook, LinkedIn, X, WhatsApp und Discord
2. Erkannte Tags - Jeder Open-Graph- und Twitter-Card-Meta-Tag aus dem HTML
3. Warnungen - Fehlende Pflichtfelder, relative URLs oder unerreichbare Bilder
4. Raw Code - Die exakten <meta>-Tags aus deiner Seite

Jeder Bereich beantwortet eine andere Frage. Vorschauen zeigen Aussehen. Tags zeigen, was Crawler lesen. Warnungen zeigen, was zuerst zu fixen ist.

Das Tag-Panel lesen

Das Tag-Panel listet Property-Namen und Content-Werte exakt wie in der HTML-Antwort.

Pflicht-Tags prüfen

Fehlt ein Pflicht-Tag, markiert der Checker das. Serverseitig fixen, dann erneut scannen.

Optionale Tags, die sich lohnen

• og:site_name - Markenname über dem Titel
• og:locale - Sprachcode (de_DE, en_US)
• og:image:width / og:image:height - Hilft Plattformen beim Layout
• twitter:card - Sollte summary_large_image für Bild-Karten sein
• twitter:image - Explizites X-Bild, wenn anders als OG

Tag-Referenz: Open-Graph-Tags erklärt.

Plattform-Vorschauen lesen

Jede Vorschau-Karte simuliert, wie das Netzwerk cropt und deinen Inhalt anzeigt.

Was du über Plattformen vergleichst

• Titel-Kürzung - Wird die Überschrift irgendwo mitten im Wort abgeschnitten?
• Bild-Crop - Ist wichtiger Inhalt in jedem Crop sichtbar, besonders oben und unten?
• Description-Länge - Liest sich der Text klar oder verschwindet er?
• Domain-Anzeige - Erscheint der richtige Hostname?

Plattformen croppen unterschiedlich. LinkedIn zeigt höhere Bilder. Facebook nutzt 1.91:1. OG-Bild für den schlimmsten Crop im Grid designen.

Wenn Vorschauen stark voneinander abweichen

Kleine visuelle Unterschiede sind normal. Große inhaltliche Unterschiede bedeuten meist:

• X nutzt andere twitter:*-Tags als deine og:*-Werte
• Bild-Seitenverhältnis passt für eine Plattform, nicht für andere
• Eine Vorschau zeigt gecachte Daten (nach Fixes erneut scannen)

Bildmaße: Open-Graph-Bildgröße.

Warnungen und Fehler verstehen

Typische Checker-Warnungen und Bedeutung:

Fehlendes og:image

Kein Bild-Tag oder leerer Wert. Social-Plattformen wählen ein zufälliges Seitenbild oder zeigen eine leere Karte. Fix: Fehlendes OG-Bild beheben.

Relative Bild-URL

Wert wie /images/og.jpg ohne Domain. Viele Crawler lehnen relative Pfade ab. In absolute HTTPS-URL umwandeln.

Bild nicht erreichbar

Checker hat die Bild-URL geladen und 403, 404 oder Timeout bekommen. URL manuell öffnen. CDN-Berechtigungen, Auth-Walls und Hotlink-Schutz prüfen.

Fehlendes og:url

Crawler ordnen die Vorschau vielleicht der falschen kanonischen URL zu. og:url auf den bevorzugten Share-Link setzen.

Doppelte Tags

Zwei og:title- oder og:image-Tags im HTML. Crawler wählen unvorhersehbar. Duplikate in Theme oder Plugin entfernen.

Titel oder Description zu lang

Nicht immer ein Error, aber Vorschauen kürzen aggressiv. Für Lesbarkeit im Preview-Grid kürzen.

Schritt-für-Schritt - aus Ergebnissen handeln

1. Mit Warnungen starten

Jedes markierte Problem fixen, bevor du Vorschauen bewertest. Fehlende Tags machen Preview-Rendering unzuverlässig.

2. og:image manuell validieren

Bild-URL aus den Ergebnissen kopieren. In neuem Browser-Tab öffnen. Bestätigen:

• HTTP-200-Status
• Richtiger Bildinhalt (kein Platzhalter oder Logo-Fallback)
• Dateigröße unter 8 MB
• Maße mindestens 1200 × 630 px

3. Vorschauen mit Intent vergleichen

Frage: „Würde ich auf diese Karte klicken?" Wenn Titel, Bild oder Description nicht zur Kampagne passen, Tags an der Quelle (CMS, Next.js Metadata usw.) anpassen und erneut scannen.

4. Seitenquelltext unabhängig prüfen

Rechtsklick → Seitenquelltext anzeigen. Tags im Checker müssen mit rohem HTML übereinstimmen. Mismatch bedeutet: Checker hat alte Antwort gecacht oder CDN liefert Crawlern anderes HTML.

5. Nach Fixes erneut scannen

Änderungen deployen, CDN-Cache leeren, erneut in OpenGraph Check scannen. Wiederholen, bis Warnungen weg sind und Vorschauen stimmen.

6. Mit Plattform-Debuggern bestätigen

Bei wichtigen Shares zusätzlich:

• Facebook Sharing Debugger für Meta-Apps
• LinkedIn Post Inspector für LinkedIn-Posts

Debugger leeren Plattform-Cache. Der Checker zeigt Live-Tags.

Ergebnisse nach Site-Typ

WordPress-Blogpost

Erwarte og:type article, Beitragsbild als og:image, Yoast oder Rank Math als Tag-Quelle. Falsches Bild: Beitragsbild und Plugin-Social-Override prüfen. Guide: Open-Graph-Tags in WordPress.

Next.js-Marketing-Seite

Tags kommen aus der Metadata API. Fehlen sie, metadata-Export oder generateMetadata prüfen. Guide: Open-Graph-Tags in Next.js.

E-Commerce-Produktseite

Achte auf og:type product, Produktbild-URL und Preis-Tags, falls deine Plattform sie setzt. Bild muss Produktfoto sein, kein Site-Logo.

Landing Page mit Redirect

Folgt der Checker einem Redirect, muss die finale URL zu og:url passen. Redirect-Ketten können Tags streifen oder auf falschen Content zeigen.

Wenn Ergebnisse korrekt sind, Live-Share aber scheitert

Stale Plattform-Cache

Plattformen cachen Vorschauen tagelang oder wochenlang. Dein Checker zeigt aktuelle Tags, Facebook noch alte Daten. Im Plattform-Debugger re-scrapen. Siehe Link-Vorschau-Cache erklärt.

Andere URL geteilt

Du hast example.com/seite gescannt, geteilt wurde www.example.com/seite/. Exakte URL testen. og:url entsprechend setzen.

Crawler blockiert

robots.txt oder Firewall blockiert Social Crawler, nicht deinen Checker. User Agents vergleichen und Facebook-, LinkedIn- und Twitter-Bots erlauben.

A/B-Test oder Geo-Variation

Manche Sites liefern unterschiedliches HTML nach Region. Aus Checker-Perspektive scannen und prüfen, dass Production global konsistente Tags liefert.

Ergebnis-Review zur Gewohnheit machen

Für Marketer: Preview-Grid als Screenshot für Kampagnen-Doku. An Content-Kalender-Einträge hängen.

Für Entwickler: „OpenGraph-Check-Scan bestanden" in PR-Checkliste vor Merge von Metadata-Änderungen.

Für Support: Kunde meldet falsche Vorschau - zuerst scannen, Ergebnisse teilen, Fix anhand konkreter Warnungen leiten.

Workflow: Open-Graph-Tags testen.

FAQ

Wie oft erneut scannen?

Nach jeder Metadata-Änderung und vor jedem wichtigen Share. Unter 30 Sekunden.

Garantiert ein sauberes Checker-Ergebnis eine perfekte Live-Vorschau?

Es garantiert, dass Crawler jetzt korrekte Tags bekommen. Plattform-Cache und app-spezifisches Verhalten können noch überraschen. Privater Test-Share empfohlen.

Warum findet der Checker Tags, die mein SEO-Plugin versteckt?

Manche Plugins outputten Tags nur für bestimmte Post-Typen oder Rollen. Der Checker sieht, was unauthentifizierte Crawler sehen.

Checker-Ergebnisse mit Kunden teilen?

Ja. Vorschauen und Tag-Panel als Screenshot als Status-Nachweis vor und nach Fixes.

Was, wenn og:title vom Browser-Tab-Titel abweicht?

Normal. Dokument-<title> und og:title haben unterschiedliche Jobs. Social-Überschrift kann kürzer oder eingängiger sein.

Warnungen in Prioritäts-Reihenfolge fixen?

Ja. Fehlendes og:image zuerst, dann unerreichbare Bild-URL, dann fehlendes og:url, dann optionale Optimierungen.

Validiert der Checker Twitter-Card-Tags separat?

Er zeigt og:* und twitter:*-Tags. X fällt auf OG zurück, wenn Twitter-Tags fehlen. Siehe Open Graph vs. Twitter Card.

Fazit

Open-Graph-Checker-Ergebnisse sagen dir genau, was Crawler sehen und wie dein Link auf Plattformen aussieht. Zuerst Warnungen lesen, Bild-URL validieren, jeden Preview-Crop prüfen, Issues an der Quelle fixen und erneut scannen bis sauber. OpenGraph Check macht aus Tag-Debugging eine Checkliste, die du in Minuten abhakst.