Social-Media-Vorschau-Mockup für ein Bild

Prüfen Sie, wie das Teilen eines Links aussehen wird, bevor Sie ihn veröffentlichen: Importieren Sie Ihr Vorschaubild (og:image), Ihren Titel und Ihre Beschreibung und sehen Sie das simulierte Ergebnis in einer Karte im Stil von Facebook oder X.

PNG, JPG oder WebP – idealerweise im Format 1200x630

So funktioniert es

Wenn ein Link auf Facebook, LinkedIn oder X geteilt wird, liest die Plattform die Open-Graph-Tags (og:image, og:title, og:description) der Seite, um eine Vorschaukarte zu erstellen. Dieses Tool bildet diese Karte anhand derselben Informationen visuell nach, ohne dass Sie den Link veröffentlichen müssen, um das Ergebnis zu prüfen.

Warum werden mein Titel oder meine Beschreibung abgeschnitten angezeigt?

Jede Plattform begrenzt die Anzahl der angezeigten Zeichen und Zeilen, bevor der Text mit Auslassungspunkten gekürzt wird. Dieses Mockup wendet eine Grenze von zwei Zeilen für den Titel und einer Zeile für die Beschreibung an, was dem tatsächlichen Verhalten in den wichtigsten Netzwerken nahekommt.

Verändert dieses Tool die Meta-Tags meiner Website?

Nein, es handelt sich nur um eine visuelle Vorschau auf Grundlage der hier eingegebenen Informationen. Sie müssen Ihre eigenen Open-Graph-Tags weiterhin im HTML-Code Ihrer Seite angeben, damit die tatsächliche Darstellung dieser Vorschau entspricht.

Weder Bilder noch Texte werden an einen Server übertragen: Die gesamte Darstellung wird lokal in Ihrem Browser erzeugt.