Twitter-Card-Generator mit Live-Vorschau
Erstelle Twitter-Card-Meta-Tags mit Live-Vorschau. Wähle den Kartentyp, ergänze Titel, Beschreibung und Bild-URL und erhalte sofort einsetzbares HTML. Kostenlos im Browser.
So verwendest du dieses Werkzeug
- Choose a card type — summary or summary with large image.
- Add the title, description, and image URL, and watch the preview.
- Copy the twitter: meta tags into your page's <head>.
Card Type
Recommended: under 70 characters. Falls back to your page <title> if omitted.
Recommended: under 200 characters. Falls back to meta description if omitted.
Recommended: 1200 × 630 px, JPG or PNG, under 5 MB.
Twitter account for the website.
Twitter account of the content author.
Live Preview
Card title
Card description appears here.
@yoursite
Approximate preview — exact rendering varies on Twitter/X.
<meta name="twitter:card" content="summary_large_image">
Paste these tags inside the <head> element of your HTML page. Twitter fetches the card when someone shares your URL.
Über Twitter Card Generator
Der Twitter-Card-Generator erstellt die Meta-Tags, mit denen Tweets deinen Link als ansprechende Vorschaukarte darstellen. Du wählst den Kartentyp, gibst Titel, Beschreibung und eine Bild-URL ein und siehst in einer Live-Vorschau, wie die Karte später aussieht. Das fertige HTML kannst du direkt kopieren und in den head-Bereich deiner Seite einfügen.
Die generierten Tags folgen dem twitter:card-Format. Damit steuerst du, welcher Titel, welche Beschreibung und welches Bild angezeigt werden, wenn jemand deinen Link teilt. Die Live-Vorschau zeigt das Ergebnis sofort, sodass du Texte und Bild anpassen kannst, bevor du den Code übernimmst.
Alles läuft direkt in deinem Browser. Es werden keine Daten hochgeladen, und du brauchst kein Konto.
Häufig gestellte Fragen
- Was ist eine Twitter Card?
- Eine Twitter Card ist eine Vorschaukarte, die aus speziellen Meta-Tags erzeugt wird. Sie sorgt dafür, dass ein geteilter Link mit Titel, Beschreibung und Bild statt als nackte URL erscheint.
- Welche Felder kann ich festlegen?
- Du wählst den Kartentyp und gibst Titel, Beschreibung und eine Bild-URL ein. Daraus baut das Werkzeug die passenden Meta-Tags.
- Wo füge ich den generierten Code ein?
- Den erzeugten HTML-Code fügst du in den head-Bereich deiner Webseite ein, dann werden die Tags beim Teilen ausgewertet.
- Gibt es eine Vorschau?
- Ja. Eine Live-Vorschau zeigt sofort, wie die Karte mit deinen Eingaben aussieht, sodass du sie vor dem Kopieren anpassen kannst.
- Werden meine Eingaben gespeichert?
- Nein. Der Code wird direkt in deinem Browser erzeugt. Es wird nichts hochgeladen und kein Konto benötigt.