Twitter/X-Card-Generator mit Vorschau
Erzeuge Twitter/X-Card-Meta-Tags mit einer Kartenvorschau für gepflegtes Teilen auf X.
🔒 100 % clientseitig — keine Daten gesendet
Erzeugen Sie Twitter/X-Card-Meta-Tags, um das Aussehen Ihrer geteilten Links auf X zu steuern: Titel, Beschreibung, Bild, Kartentyp und Konten. Eine Vorschau zeigt das Ergebnis, dann kopieren Sie den Code für den <head>. Alles ist lokal.
What is it for?
- ▸ Die Vorschau eines auf X geteilten Artikels verbessern
- ▸ Zwischen kompakter Karte und großem Bild wählen
- ▸ Titel und Beschreibung vor der Veröffentlichung prüfen
- ▸ Site- und Autor-Konten hinzufügen
FAQ
Was ist der Unterschied zwischen summary und summary_large_image?
summary zeigt ein kleines Vorschaubild neben dem Text; summary_large_image setzt ein großes Bild über den Titel.
Brauche ich auch Open-Graph-Tags?
X greift auf Open-Graph-Tags zurück. Beide zu kombinieren sorgt für gute Darstellung auf X und anderen Netzwerken.
Welche Bildgröße wird empfohlen?
Für summary_large_image wirkt ein Bild von mindestens 1200×628 px (Verhältnis ~1,91:1) am besten.
Werden meine Daten irgendwohin gesendet?
Nein, alles wird lokal in Ihrem Browser generiert.
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.