Kategorie: Entwicklung
Open-Graph-Vorschau
Vorschau, wie die Link-Karte einer Seite beim Teilen aussieht
Fügen Sie die <head>-Tags einer Seite ein und sehen Sie, wie der Link beim Teilen als Karte dargestellt wird, dazu eine Checkliste der fehlenden Open-Graph- und Twitter-Card-Felder. Wird vollständig in Ihrem Browser ausgewertet – nichts wird abgerufen oder hochgeladen.
Link-Vorschau
Checkliste
Alles auf dieser Seite wird in Ihrem Browser verarbeitet. Nichts wird hochgeladen.
Wozu dieses Werkzeug dient
Wird ein Link in sozialen Medien oder einer Chat-App geteilt, wird die Vorschaukarte aus den Open-Graph- und Twitter-Card-Meta-Tags im <head> der Seite erstellt – nicht aus dem eigentlichen Seiteninhalt. Fehlende oder fehlerhafte Tags führen zu einem leeren Titel, einem fehlenden Bild oder gar keiner Karte. Dieses Tool liest die von Ihnen eingefügten Tags und stellt die Karte so dar, wie es eine Sharing-Plattform tun würde, samt einer Checkliste dessen, was vorhanden ist.
So funktioniert es
- Kopieren Sie den <head>-Bereich Ihrer Seite oder nur deren Meta-Tags.
- Fügen Sie ihn in das Eingabefeld ein.
- Prüfen Sie die dargestellte Vorschaukarte und die Checkliste darunter.
Datenschutz
Dieses Werkzeug läuft vollständig in Ihrem Browser. Ihre Eingabe wird nie hochgeladen, gespeichert oder weitergegeben – beim Schließen des Tabs ist sie weg.
Häufig gestellte Fragen
- Ruft dieses Tool meine Live-Seite ab?
- Nein – fügen Sie das HTML selbst ein. Nichts, was Sie eingeben, wird irgendwohin gesendet; die Tags werden in Ihrem Browser ausgewertet.
- Warum wird mein Bild nicht angezeigt?
- Die Vorschau lädt die URL aus Ihrem og:image-Tag direkt aus Ihrem Browser, daher erscheint sie nur, wenn diese URL öffentlich und erreichbar ist. Ein fehlendes Bild-Tag lässt die Karte ebenfalls leer.
- Brauche ich sowohl Open-Graph- als auch Twitter-Card-Tags?
- Open Graph (og:*) deckt Facebook, LinkedIn, Slack und die meisten Plattformen ab. Twitter/X liest zuerst twitter:*-Tags und greift sonst auf Open Graph zurück, daher liefert das Setzen beider das konsistenteste Ergebnis.