Kostenloser OG-Inspektor und
Open-Graph-Prüfer
Prüfe Open-Graph-Tags, Twitter Cards, Metabeschreibungen und Favicons. Sieh genau, wie deine Linkvorschau auf X, Slack, LinkedIn und Facebook aussieht.
Was sind Open-Graph-Tags und warum sind sie wichtig?
Open-Graph-Tags (OG) sind HTML-Meta-Codefragmente im Seitenbereich <head> Abschnitt. Sie bestimmen die Darstellung beim Teilen auf Twitter/X, LinkedIn, Slack, iMessage oder Facebook. Ohne Tags raten Plattformen, meist mit schlechten Ergebnissen.
Die vier Tags, die jede Seite braucht
og:title— Die Vorschauüberschrift (unter 60 Zeichen)og:description— Eine ergänzende Zusammenfassung (ideal 150–160 Zeichen)og:image— Das Vorschaubild (1200 × 630 px, JPEG oder PNG)twitter:card— Setze aufsummary_large_imagefür die beste Twitter-Darstellung
Warum verlieren Lesezeichen ihre Vorschau?
OG-Tags ändern sich, wenn Websites ihr Design, CMS oder ihren Code ändern. Ein vor sechs Monaten mit schöner Vorschau gespeicherter Link kann jetzt ein leeres Bild zeigen, weil die Website den OG-Bildpfad entfernt oder umbenannt hat. Werkzeuge wie Savebase lassen dich das ursprüngliche Vorschaubild beim Speichern archivieren, damit deine Sammlung dauerhaft visuell einheitlich bleibt.
So funktioniert dieses Tool
Der Inspector ruft die Ziel-URL serverseitig ab, umgeht damit Browser-CORS-Beschränkungen und liest das HTML bis zum Ende des<head> Abschnitt und extrahiert OG-, Twitter-Card- und Standard-Metatags. Bis zu 100 Punkte ergeben sich aus Vorhandensein und Qualität der sechs wichtigsten Tags.
Als OG-Validator und Debugger verwenden
Eine Social-Media-Vorschau kann fehlschlagen, obwohl die Seite im Browser richtig aussieht. Finde mit der Diagnose fehlende Tags, leere Werte, möglicherweise abgeschnittene Titel oder Beschreibungen, nicht erreichbare Bilder und Abweichungen zwischen Open Graph und Twitter Card. Korrigiere den HTML-Quelltext, prüfe die URL erneut und bitte das Netzwerk, seine zwischengespeicherte Vorschau zu aktualisieren, wenn noch eine ältere Version erscheint.
Anwendungsfälle des Open-Graph-Prüfers
- Sieh dir einen Blogbeitrag vor der Veröffentlichung auf LinkedIn, Facebook, X oder Slack an.
- Bestätige, dass
og:imageist öffentlich, passend dimensioniert und der richtigen Seite zugeordnet. - Vergleiche Open-Graph-Tags mit Twitter-Card-Feldern, wenn Plattformen unterschiedliche Vorschauen zeigen.
- Prüfe Landingpages nach einer CMS-Migration, einem Redesign oder Domainwechsel.
Was prüft ein OG-Inspector?
Gib eine beliebige öffentliche URL ein, um Folgendes zu prüfen: og:title, og:description,og:image, kanonische URL, Twitter Card, Favicon und andere Metadaten, die die Linkvorschau in sozialen Netzwerken beeinflussen. Die Diagnose weist auf fehlende Felder sowie auf Titel- oder Beschreibungslängen hin, die beim Teilen abgeschnitten werden könnten.
Wie prüfe ich ein Open-Graph-Bild?
Füge oben die Seiten-URL ein und wähle Prüfen. Wenn die Seite einog:image, zeigt der Prüfer es in den Vorschauen für X, Slack/iMessage und LinkedIn an. Fehlt es, füge den Open-Graph-Metadaten deiner Seite eine öffentliche Bild-URL mit 1200×630px hinzu.
Häufige Fragen zum OG-Inspektor
Was ist ein OG-Inspector?
Das Werkzeug liest die Open-Graph-, Twitter-Card- und Standard-Meta-Tags einer öffentlichen Seite und erstellt daraus plattformtypische Vorschauen sowie eine Liste zu behebender Probleme.
Welche Tags braucht jede Seite?
Beginne mit og:title, og:description, og:image,og:url und og:type. Füge für Vorschauen auf X ein Twitter-Card-Tag hinzu.
Warum zeigt die Linkvorschau ein falsches Bild oder einen falschen Text?
Metadaten können fehlen oder widersprüchlich sein, das Bild unerreichbar oder der Social-Cache veraltet. Prüfe und korrigiere die Tags und erneuere dann den Cache.
Kann ich eine private oder lokale URL testen?
Seite und Vorschaubild müssen aus dem öffentlichen Internet erreichbar sein. Anmeldungspflichtige Seiten, localhost-Adressen und für Crawler gesperrte Ressourcen liefern eventuell unvollständige Metadaten.