Vorschau der Share-Karte (Open Graph)
Geben Sie dieselben Werte wie in Ihren Open-Graph-Tags ein (Titel, Beschreibung, Bild, URL), um zu visualisieren, wie die Share-Karte auf Twitter/X, Facebook und Discord aussehen würde — ohne den Link tatsächlich veröffentlichen zu müssen, um es zu testen.
Vorschau auf Twitter / X
Vorschau auf Facebook
Vorschau auf Discord
So funktioniert es
Wird ein Link auf Twitter/X, Facebook oder Discord geteilt, liest jede Plattform die Open-Graph-Meta-Tags (og:title, og:description, og:image, og:url) im <head> der Seite, um ihre eigene Vorschaukarte zu erstellen — und jede Plattform zeigt sie mit einem leicht anderen Stil an. Anstatt den Link tatsächlich zu veröffentlichen, um das Ergebnis zu sehen (was die Seite auch öffentlich zugänglich macht und den Link im Cache der Plattform belässt), geben Sie hier die geplanten Werte für Ihre Tags ein und sehen sofort alle drei Darstellungen nebeneinander.
Warum ruft das Tool die Tags meiner URL nicht automatisch ab?
Weil dafür eine Netzwerkanfrage von Ihrem Browser an eine externe Website nötig wäre, die durch die CORS-Sicherheitsrichtlinie der Browser für die große Mehrheit der Websites blockiert wird, und weil eine so abgerufene Vorschau ohnehin nicht unbedingt genau widerspiegeln würde, wie jede Plattform Ihre Tags tatsächlich interpretiert. Die manuelle Eingabe der Werte ist einfacher, zuverlässiger und funktioniert für jede beliebige URL, auch für eine Seite, die noch nicht online ist.
Das Bild wird in der Vorschau nicht angezeigt, warum?
Wenn die eingegebene Bild-URL nicht öffentlich zugänglich ist (Seite in lokaler Entwicklung, ungültige URL oder Server, der die Anzeige von einer anderen Domain aus blockiert), kann Ihr Browser sie auch hier nicht laden. Prüfen Sie, ob die URL tatsächlich zu einem öffentlich zugänglichen Bild gehört.
Datenschutz: Es wird keine echte Vorschau aus dem Internet abgerufen — nur die von Ihnen eingegebenen Werte werden verwendet, vollständig in Ihrem Browser.