Twitter-Card-Generator

Füllt ein Formular für Kartentyp, Titel, Beschreibung, Bild-URL und Site-Handle aus und erzeugt die entsprechenden twitter:*-Meta-Tags, die steuern, wie ein Link beim Teilen auf X (Twitter) als Vorschau erscheint.

Wähle einen Kartentyp und fülle dann die Felder aus, die du steuern möchtest — Titel, Beschreibung, Bild-URL und dein @Handle. Die erzeugten Meta-Tags werden während der Eingabe live unter dem Formular aktualisiert; nur ausgefüllte Felder werden einbezogen. Kopiere das Ergebnis und füge es in den Head der beschriebenen Seite ein.

Die Wahl von „summary_large_image", ein Titel „10 Tips for Faster Websites", eine Beschreibung, eine Bild-URL und die Site „@quiklio" erzeugen fünf Meta-Tags: twitter:card, twitter:title, twitter:description, twitter:image und twitter:site, jeweils als eigene Meta-Zeile.

„summary" zeigt ein kleines quadratisches Vorschaubild neben Titel und Beschreibung — geeignet für kurze Inhalte oder Seiten ohne starkes Hauptbild. „summary_large_image" zeigt ein bildschirmfüllendes Bild über dem Text und ist die gängigste Wahl für Artikel, Produktseiten und Blogbeiträge. „app" und „player" sind spezialisierte Typen zur Bewerbung einer mobilen App oder zum direkten Einbetten von Video/Audio in die Timeline.

X liest zuerst die twitter:*-Tags, greift aber für alles, was du weglässt, auf die entsprechenden Open-Graph-Tags (og:title, og:description, og:image) zurück — deshalb setzen die meisten Websites Open-Graph- und Twitter-Card-Tags gemeinsam, statt jeden Wert in zwei Formaten zu duplizieren. Die og:*-Entsprechungen findest du im Open-Graph-Generator.

Dieses Tool erzeugt nur das Meta-Tag-Markup — es prüft nicht, ob dein Bild Xs Empfehlungen zu Größe oder Seitenverhältnis erfüllt, kontrolliert nicht, ob die URLs erreichbar sind, und zeigt keine Vorschau, wie die Karte tatsächlich dargestellt wird. Teste die fertige Seite nach der Veröffentlichung mit einem Card-Vorschau-/Validierungstool, da Caches nach einer Tag-Änderung auch eine alte Vorschau behalten können.

Tag-Namen und Verhalten folgen dem öffentlich dokumentierten Cards-Markup von X (Twitter). Die Erzeugung erfolgt vollständig in deinem Browser; nichts von dem, was du eingibst, wird an einen Server gesendet oder gespeichert.