OG-Bild/Texte vor Deploy prüfen. Hero-Bild auf 1,91:1-Crop testen. Titel/Beschreibung auf Clip-Längen prüfen. Fehlende OG-Tags entwerfen.

og:title , og:description , og:image (absolute URL), og:url , og:type twitter:card="summary_large_image"

OG-Tag-Vorschau

OG-Meta-Tags einfügen oder Titel/Beschreibung/Bild ausfüllen — Vorschau für Twitter/X, Facebook, LinkedIn und Discord.

Paste meta tags (optional — fields below are filled from this if provided)

Title

Site URL

Description

Image URL

Site name

Twitter / X (summary_large_image)

Facebook

Discord

Wofür ist das?

Wenn du einen Link auf Twitter/X, Facebook, LinkedIn, Discord oder Slack teilst, wird er zu einer Karte (Titel, Beschreibung, Bild) auf Basis der Open-Graph-Meta-Tags. Plattformen rendern unterschiedlich. Dieses Tool zeigt nebeneinander, wie dein Content erscheint.

Wann verwenden

OG-Bild/Texte vor Deploy prüfen.
Hero-Bild auf 1,91:1-Crop testen.
Titel/Beschreibung auf Clip-Längen prüfen.
Fehlende OG-Tags entwerfen.

Mindest-Tags

og:title, og:description, og:image (absolute URL), og:url, og:type
twitter:card="summary_large_image"

Häufige Stolperfallen

Statische Vorschau, kein Live-Fetch. Plattform-Debugger nutzen.
Bild-URLs müssen absolut sein.
Bild muss öffentlich erreichbar sein.
Seitenverhältnis 1,91:1 (1200×630) funktioniert überall.
Dateigröße <1 MB.
Caching — Re-Scrape via Plattform-Debugger erzwingen.
Längenlimits unterschiedlich. Twitter ~70, FB ~88, LinkedIn ~100.
Discord nutzt theme-color für linken Rand.