Open Graph Share Preview
Eine Open Graph Vorschau zeigt, wie ein Link aussieht, wenn jemand ihn teilt. Dieses kostenlose Tool ruft Ihre Seite ab, liest ihre og: und twitter: Tags, lädt das og:image und zeichnet die Share Card für Facebook, LinkedIn und X nebeneinander, mit einer Liste der gefundenen Tags. Um die Tags selbst zu validieren, nutzen Sie den Open Graph Checker.
Open Graph Preview
On-page SEO
Über dieses Tool
Wenn ein Link in ein soziales Netzwerk eingefügt wird, zeigt die Plattform nicht Ihre Seite; sie zeigt eine Card, die aus einigen Meta Tags im Head gebaut wird. Die Open Graph Tags setzen den Titel, die Beschreibung und das Bild, und die Twitter oder X Tags können diese überschreiben. Eine Seite ohne Tags bekommt eine einfache, oft hässliche Card, und eine Card mit einem schlecht zugeschnittenen Bild bekommt weniger Klicks.
Das Preview Tool lädt Ihre Seite von unserem Server, liest die og: und twitter: Tags, fällt auf den Seitentitel und die Meta Description zurück, wenn ein Tag fehlt, und lädt das og:image herunter, um es in jede Card zu platzieren. Sie sehen drei Cards, eine im Stil von Facebook, eine von LinkedIn und eine von X, plus die Tabelle der Tags, aus denen die Cards gebaut wurden.
Die Cards sind enge Annäherungen, keine Screenshots. Jedes Netzwerk schneidet und gestaltet Cards auf seine eigene Weise und ändert das Design von Zeit zu Zeit. Sie speichern eine Seite auch tagelang, sodass Sie nach dem Beheben von Tags möglicherweise den Cache mit dem Debugging Tool der Plattform aktualisieren müssen. Diese Seite zeigt das visuelle Ergebnis; der Open Graph Checker testet, ob die Tags vollständig und gültig sind.
Häufig gestellte Fragen
Welche Größe sollte ein Open Graph Bild haben?
Verwenden Sie ein Bild von 1200 x 630 Pixeln, ein Verhältnis von 1,91 zu 1, unter 5 MB, als JPEG oder PNG. Halten Sie wichtigen Text und Gesichter von den Rändern fern, da einige Apps zuschneiden. Facebook, LinkedIn und X handhaben diese Größe alle gut, sodass ein Bild für jedes Netzwerk ausreicht.
Warum wird mein altes Bild noch angezeigt, nachdem ich es geändert habe?
Soziale Netzwerke speichern die Card für eine Seite. Verwenden Sie den Facebook Sharing Debugger und den LinkedIn Post Inspector, um die Seite erneut abzurufen. X aktualisiert seinen Cache nach einiger Zeit selbst. Überprüfen Sie auch, dass die Bild URL neu ist oder die Datei wirklich ersetzt wurde.
Brauche ich Twitter Card Tags zusätzlich zu Open Graph?
X fällt auf Open Graph Tags zurück, sodass og:title, og:description und og:image ausreichen. Fügen Sie twitter:card mit summary_large_image hinzu, um das große Bildlayout zu erhalten, und fügen Sie twitter Tags nur hinzu, wenn X etwas anderes als die anderen Netzwerke anzeigen soll.
Was ist der Unterschied zwischen diesem Tool und dem Open Graph Checker?
Dieses Tool zeichnet, wie eine Share aussehen kann. Der Open Graph Checker prüft die Tags: fehlende Eigenschaften, Bildgröße, URL Konsistenz und häufige Fehler. Vorschau zuerst, um das Ergebnis zu sehen, dann validieren, um herauszufinden, was zu beheben ist. Zusammen decken sie ab, wie Ihre Links beim Teilen erscheinen.