Öffnen Sie das Diagrammvorschau-Tool

Ein Open Graph-Vorschautool zeigt, wie die Share-Card eines Links aussehen wird – den Titel, die Beschreibung und das Bild, die angezeigt werden, wenn Ihre Seite auf Facebook, X, LinkedIn, WhatsApp oder Slack gepostet wird – und generiert die Meta-Tags, um sie zu erstellen. Sie entwerfen die Karte visuell und kopieren den Code, anstatt sie zu veröffentlichen und zu hoffen.

Open Graph-Tags steuern die entfaltete Linkvorschau, und die richtige Umsetzung ist von großer Bedeutung: Eine überzeugende Karte mit einem starken Bild generiert deutlich mehr Klicks als eine bloße URL oder eine fehlerhafte Vorschau. Durch die Vorschau vor dem Versand werden die Probleme erkannt (falsches Bild, abgeschnittener Titel, fehlende Tags), die Sie sonst im Feed einer anderen Person in Verlegenheit bringen würden.

Geben Sie Titel, Beschreibung, Bild-URL und Seiten-URL ein, sehen Sie sich das Vorschau-Update der Share-Card an und kopieren Sie die vollständigen Meta-Tags von Open Graph (und Twitter Card) für den Ihrer Seite.

Was Sie in der Vorschau lernen, um es richtig zu machen: das Bild – 1200×630 ist der plattformübergreifende Standard und es muss eine absolute https-URL sein (relative Pfade sind der Hauptgrund, warum Bilder nicht angezeigt werden); der Titel – prägnant, ca. 60 Zeichen, damit er nicht abgeschnitten wird, und er kann von Ihrem SEO-Titel abweichen (schreiben Sie ihn für den Feed); die Beschreibung – ~2 Zeilen Hook (~110 Zeichen sichtbar auf den meisten Plattformen); und Vollständigkeit – die Vorschau zeigt, was fehlt, bevor echte Plattformen eine bloße Karte rendern.

Der Arbeitsablauf: Entwerfen Sie die Karte hier, fügen Sie die Tags in jede gemeinsam nutzbare Seite ein (jede mit ihren eigenen Werten – eine auf der gesamten Website identische Karte lässt jeden Link wie die Startseite aussehen), überprüfen Sie dann nach der Veröffentlichung die Live-Seite und aktualisieren Sie die Plattform-Caches (Facebook Sharing Debugger, LinkedIn Post Inspector), da Plattformen die Vorschau aggressiv zwischenspeichern – eine Seite, die geteilt wird, bevor ihre Tags richtig waren, behält die kaputte Karte, bis sie zum erneuten Kratzen gezwungen wird. Unser Open Graph Checker überprüft Live-Tags; Dieses Tool entwirft sie.