Generator für Open Graph- und Twitter Card-Meta-Tags
Generieren Sie SEO-, Open Graph- und Twitter Card-Meta-Tags für Ihre Seiten.
🔒 100 % clientseitig — keine Daten gesendet
Generieren Sie Open Graph- und Twitter Card-Meta-Tags für perfekte Linkvorschauen in sozialen Medien. Steuern Sie Titel, Beschreibung und Vorschaubild Ihrer Links. Alles wird im Browser erzeugt, ohne Datenerfassung.
What is it for?
- ▸ Eine auf Facebook oder LinkedIn geteilte Linkvorschau optimieren
- ▸ Die Twitter Card mit Bild und Beschreibung einrichten
- ▸ Alle og:- und twitter:-Tags auf einmal generieren
- ▸ Eine defekte Linkvorschau oder eine Vorschau ohne Bild reparieren
FAQ
Wofür sind Open Graph-Tags da?
Sie definieren Titel, Beschreibung und Bild, die angezeigt werden, wenn Ihre Seite in sozialen Netzwerken geteilt wird.
Brauche ich separate Tags für Twitter/X?
Twitter liest Twitter Card-Tags, greift aber auf Open Graph zurück, wenn sie fehlen. Beides hinzuzufügen sorgt für die beste Darstellung.
Welche Größe sollte das Vorschaubild haben?
Empfohlen wird ein Bild mit 1200×630 px für eine scharfe, nicht zugeschnittene Darstellung.
Related tools
Basic Auth · Header-Generator Den HTTP Authorization: Basic Header aus Benutzername und Passwort generieren. Bearer · Authorization Header Generieren Sie den HTTP Authorization: Bearer Header und extrahieren Sie einen Token aus einem Header. Code Playground (JS/TS/Python/PHP) Führen Sie JavaScript, TypeScript, Python oder PHP aus und sehen Sie das Ergebnis sofort, zu 100 % in Ihrem Browser. Farbschattierungen Generieren Sie Tönungen und Schattierungen einer Farbe für Ihre Palette, direkt in Ihrem Browser. Cookie · Parser Zerlegt einen Cookie- oder Set-Cookie-Header in lesbare Schlüssel-Wert-Paare. CORS-Header · Builder Generieren Sie CORS-Header (Access-Control-Allow-*) für Ihren Server.