Open-Graph-Vorschau
Geben Sie eine Seiten-URL ein oder fügen Sie deren HTML ein, um die Link-Karte zu sehen, die beim Teilen erscheint, und beheben Sie, was fehlt.
Open-Graph-Tags sind Meta-Tags im Head einer Seite. Sie sagen sozialen Netzwerken und Chat-Apps, welchen Titel, welche Beschreibung und welches Bild sie beim Teilen des Links zeigen sollen.
Das Tool liest diese Tags und zeichnet eine Link-Karte im Stil eines Facebook-Beitrags. Außerdem prüft es Größe und Seitenverhältnis des Bildes und listet Tags auf, die fehlen oder zu lang sind.
Fragen
Warum zeigt Facebook noch meine alte Vorschau?
Facebook speichert die Link-Karte nach dem ersten Teilen im Cache. Nachdem Sie die Tags korrigiert haben, geben Sie die URL im Sharing Debugger ein und rufen Sie sie erneut ab, um den Cache zu aktualisieren. Andere Plattformen haben eigene Caches.
Warum ist die Vorschau bei einer JavaScript-Seite leer?
Link-Scraper lesen das HTML, das der Server sendet, und führen kein JavaScript aus. Werden die Tags erst im Browser hinzugefügt, sind sie nicht sichtbar. Erzeugen Sie sie auf dem Server oder im statischen HTML.
Welche Bildgröße ist für Open Graph ideal?
1200 x 630 Pixel, ein Seitenverhältnis von etwa 1,91:1 und unter 8 MB. Bilder unter 600 x 315 Pixeln erscheinen als kleine Vorschau neben dem Text.
Warum weicht die Vorschau von dem ab, was ich nach dem Teilen sehe?
Jede Plattform hat eigene Zuschnitte, Textgrenzen und einen eigenen Cache. Diese Vorschau folgt dem gängigen Facebook-Layout und liest Ihre Seite einmal, jetzt. Die Plattform kann zudem eine ältere Version gespeichert haben.
Welche Tags sind am wichtigsten?
og:title, og:description, og:image und og:url. Die übrigen, etwa og:site_name und twitter:card, sind optional, verbessern aber die Karte.