OpenGraph Preview

Über dieses Tool

Das Open-Graph-Protokoll wurde 2010 von Facebook eingeführt und wird heute von allen wichtigen Plattformen zur Generierung von Vorschauen für geteilte Links verwendet. Die Tags og:title, og:description und og:image definieren, wie ein Link auf Facebook, LinkedIn, Twitter, Slack oder in iMessage aussieht. Ein korrektes og:image muss mindestens 1200x630 px für Facebook haben - ein kleineres Bild wird unscharf oder gar nicht angezeigt. Ein schlechter oder fehlender OG-Vorschau verringert die Klickrate geteilter Links erheblich. OpenGraph Preview lädt deine Seite und zeigt eine genaue Simulation, wie die Vorschau auf den einzelnen Plattformen aussehen wird - ohne echtes Teilen und Warten auf die Cache-Aktualisierung sozialer Netzwerke.

Anleitung

1. 1Gib die URL der Seite in das Eingabefeld ein - die Seite muss öffentlich erreichbar sein.
2. 2Klicke auf Vorschau - das Tool lädt die Seite und extrahiert Open-Graph- und Twitter-Card-Tags.
3. 3Betrachte die simulierte Vorschau für Facebook und LinkedIn - so wird der Link beim Teilen aussehen.
4. 4Überprüfe die Twitter-Card-Vorschau - stelle sicher, dass das Bild groß genug und der Text passend ist.
5. 5Wenn OG-Tags fehlen oder unvollständig sind, ergänze sie im HTML und teste erneut.

Spezifikationen und Grenzen

Simuliert Vorschau für: Facebook und LinkedIn (Format 1200x630 px), Twitter summary und summary_large_image card. Extrahiert: og:title, og:description, og:image, og:url, og:type, twitter:card, twitter:title, twitter:description, twitter:image. Prüft Verfügbarkeit von og:image und dessen Abmessungen. Validiert og:url. Ausgabe zum Download als JSON. Analyse sofort.