Kostenloser Twitter-Card-Generator

Erstelle Twitter-Card-Meta-Tags für Vorschauen in sozialen Medien. Kostenlos, schnell und läuft vollständig in deinem Browser ohne Anmeldung.

Aktualisiert am

Share:
Home/SEO Tools/Twitter Card Generator

Twitter Card Generator

Generate Twitter/X Card meta tags for rich social media sharing. Create summary, large image, app, or player cards with live preview, image validation, and export options.

Extract from URL

Enter a URL to help identify the site. For full extraction, use browser DevTools.

Templates

Card Type

Basic Information

0/70
0/200

Image Settings

or use URL

300x157 min, 1200x628 recommended (2:1)

0/420 characters

Output

example.com

Page Title

Page description will appear here...

Preview is approximate. Validate with Twitter Card Validator

Multiple Page Cards

Save the current card configuration and generate cards for multiple pages at once.

Test your card on Twitter/X

After deploying your meta tags, use the official Card Validator to verify they render correctly.

Open Validator

Image Requirements

Summary Card:

  • Minimum: 120x120px
  • Aspect ratio: 1:1
  • Max file size: 5MB
  • Formats: JPG, PNG, WebP, GIF

Summary Large Image:

  • Minimum: 300x157px
  • Recommended: 1200x628px
  • Aspect ratio: 2:1
  • Max file size: 5MB

Privacy First: All generation and validation happens locally in your browser. Uploaded images are not sent to any server.

Häufig gestellte Fragen

Was ist der Twitter Card Generator?

Der Twitter Card Generator ist ein kostenloses Online-Tool, das Twitter-Card-Meta-Tags erstellt, damit dein Inhalt beim Teilen auf Twitter/X mit ansprechenden Vorschauen angezeigt wird.

Ist der Twitter Card Generator kostenlos?

Ja, er ist völlig kostenlos und ohne Registrierung nutzbar. Die gesamte Tag-Erstellung erfolgt clientseitig in deinem Browser.

Welche Twitter-Card-Typen werden unterstützt?

Der Twitter Card Generator unterstützt die Typen Summary, Summary with Large Image, App und Player für unterschiedliche Darstellungsformen deiner Inhalte.

Sind meine Daten mit diesem Tool sicher?

Absolut. Der Twitter Card Generator verarbeitet alles clientseitig in deinem Browser. Es werden keine Daten auf einen Server hochgeladen oder dort gespeichert. Dein Inhalt bleibt jederzeit privat auf deinem Gerät.

Funktioniert der Twitter Card Generator auf Mobilgeräten?

Ja, der Twitter Card Generator ist vollständig responsiv und funktioniert auf Smartphones und Tablets. Du kannst ihn auf jedem Gerät mit einem modernen Webbrowser nutzen, ganz ohne App-Download.

Muss ich ein Konto erstellen, um dieses Tool zu nutzen?

Es ist kein Konto und keine Registrierung erforderlich. Öffne einfach den Twitter Card Generator in deinem Browser und nutze ihn sofort. Es gibt keine Anmeldeschranken oder Nutzungsbeschränkungen.

Befolgt dieses Tool die aktuellen Google-Richtlinien?

Ja, der Twitter Card Generator wurde nach den aktuellen Richtlinien und Best Practices von Google Search entwickelt. Wir aktualisieren das Tool regelmäßig, um Änderungen der Anforderungen von Suchmaschinen zu berücksichtigen.

Wie verwende ich den Twitter Card Generator?

Gib einfach deine Eingabe in das vorgesehene Feld ein, passe die Einstellungen nach Wunsch an, und das Tool verarbeitet sie sofort. Anschließend kannst du das Ergebnis in die Zwischenablage kopieren oder herunterladen.

Welche Browser werden unterstützt?

Der Twitter Card Generator funktioniert in allen modernen Browsern, darunter Chrome, Firefox, Safari, Edge und Opera. Für das beste Erlebnis verwende die neueste Version deines bevorzugten Browsers.

Was ist der Unterschied zwischen einer Summary-Karte und einer Summary-with-Large-Image-Karte?

Beide Kartentypen kombinieren Titel und Beschreibung mit einem Bild, unterscheiden sich aber in Layout und Bildanforderung. Eine Summary-Karte zeigt ein kleines quadratisches Vorschaubild neben dem Text, benötigt ein annähernd quadratisches Bild im Verhältnis 1:1 (mindestens 120x120 px) und eignet sich für Linklisten, Produkte oder kurze Updates, bei denen das Bild eher zweitrangig ist. Eine Summary-with-Large-Image-Karte platziert ein volles Banner über dem Text, erwartet ein breiteres 2:1-Bild (mindestens 300x157 px, empfohlen 1200x628 px) und ist die gängigste Wahl für Artikel und Blogbeiträge, weil das größere Bild im Feed mehr Klicks erzeugt. Der angegebene Kartentyp sagt Twitter/X, welches Layout gerendert werden soll – das ist also keine reine Kosmetik. Wähle in diesem Generator den Kartentyp aus, und die Felder sowie die Bildprüfung passen sich automatisch an das an, was dieses Format tatsächlich erfordert.

Wie hoch sind die Zeichenlimits für die Tags twitter:title und twitter:description?

Twitter/X deckelt den Titel bei 70 Zeichen und die Beschreibung bei 200 Zeichen. Überschreitest du eines der beiden Limits, kürzt die Plattform den Text stillschweigend mitten im Satz – und genau dort kann deine Überschrift oder dein Call-to-Action abgeschnitten werden. In der Praxis sollte der Titel kurz und prägnant sein, damit er auf Mobilgeräten vollständig angezeigt wird, und die Beschreibung so knapp gehalten sein, dass sie sich auf einen Blick erfassen lässt, statt bis zum Maximum aufgefüllt zu werden. Dieser Generator zeigt für beide Felder einen Live-Zähler und einen Füllbalken an und weist dich sofort darauf hin, sobald du ein Limit überschreitest – so korrigierst du den Text vor der Veröffentlichung, statt den Abschnitt erst in einem live geschalteten Tweet zu entdecken. Gib deinen Titel und deine Beschreibung in das Tool ein, um genau zu sehen, wie viel Platz dir bleibt und ob etwas gekürzt wird.

Was ist der Unterschied zwischen twitter:site und twitter:creator?

Beide Zuordnungs-Tags nehmen ein @Handle entgegen, verweisen aber auf unterschiedliche Accounts. twitter:site ist der @Benutzername der Website oder Publikation, der die Seite gehört – eine von einem Firmenblog geteilte Karte trägt also das Handle der Marke. twitter:creator ist der @Benutzername der Autorin oder des Autors, die bzw. der den Beitrag geschrieben hat, sodass die Karte einer konkreten Person zugeschrieben wird. Werden beide gesetzt, verknüpft das die Karte mit den richtigen Profilen und kann Follow-Hinweise sowie Attribution in der Karte einblenden, was Reichweite und Glaubwürdigkeit zugutekommt. Beide Felder sind optional, aber sie auszufüllen ist ein schneller Gewinn, den viele Karten auslassen. Dieser Generator enthält eigene Felder für beide Handles, prüft, ob sie dem korrekten @Benutzername-Format entsprechen, und schreibt anschließend die passenden Meta-Tags twitter:site und twitter:creator in deine Ausgabe, zum Kopieren bereit.

Brauche ich noch Twitter-Card-Tags, wenn meine Seite bereits Open-Graph-Tags hat?

Das moderne Twitter/X greift auf deine vorhandenen Open-Graph-Tags zurück, wenn die twitter:-Tags fehlen – eine Seite mit sauberem OG-Markup erzeugt also meist trotzdem eine einfache Karte. Der Grund, dedizierte Twitter-Card-Tags hinzuzufügen, ist Kontrolle: Nur das twitter:card-Tag lässt dich explizit ein Layout wählen, etwa eine Large-Image-Artikelkarte, eine App-Karte oder eine Player-Karte, statt die Darstellung dem zu überlassen, was die Plattform errät. Twitter-spezifische Felder wie twitter:site, twitter:creator und twitter:image:alt haben zudem keine Entsprechung bei Open Graph. Die Tags sind also nicht zwingend erforderlich, aber sie geben dir die Entscheidung darüber, wie der Link aussieht, statt auf den Fallback zu hoffen. Nutze diesen Generator, um die twitter:-Tags neben deinen OG-Tags zu ergänzen und genau die Karte festzulegen, die du willst.

Wie überprüfe ich, ob meine Twitter Card nach der Veröffentlichung richtig aussieht?

Browser verhindern, dass eine Seite das rohe HTML einer anderen ausliest, weshalb kein browserbasiertes Tool eine bereits veröffentlichte Seite abrufen und neu parsen kann. Der zuverlässige Weg, eine Live-Karte zu prüfen, ist Twitters offizieller Card Validator: Füge dort deine URL ein, und er leert den Cache der Plattform und rendert die Karte genau so, wie Twitter/X sie sieht – das erzwingt auch eine Aktualisierung, falls du Tags geändert hast, die noch von einem früheren Crawl zwischengespeichert waren. Der clevere Workflow ist, das Markup zuerst zu erstellen und zu prüfen und erst danach die live geschaltete Seite zu validieren. Dieser Generator bietet dir eine Live-Vorschau, die sich beim Tippen neu zeichnet, mit Desktop- und Mobile-Ansicht sowie hellem und dunklem Theme, dazu eine Checkliste mit den Zuständen bestanden/Warnung/fehlgeschlagen für jeden erforderlichen Tag, damit dein Markup schon korrekt ist, bevor du den offiziellen Validator einsetzt.

Über den Twitter Card Generator

Der Twitter Card Generator erstellt die twitter:-Meta-Tags, die aus einem einfachen Link eine ansprechende Vorschaukarte machen, sobald deine Seite auf Twitter/X geteilt wird. Du trägst Titel, Beschreibung, Bild und ein paar optionale Felder ein, und das Tool schreibt daraus das exakte <meta>-Markup, das du in den <head> deiner Seite einfügst. Es richtet sich an alle, die Links veröffentlichen – Marketer, Blogger, Entwickler, Shop-Betreiber –, die wollen, dass geteilte URLs mit Überschrift und Bild erscheinen statt als nackte Adresse.

Alles läuft in deinem Browser. Nichts, was du eingibst oder hochlädst, wird an einen Server gesendet – Entwürfe und unveröffentlichte Bilder bleiben also auf deinem eigenen Gerät. Es gibt weder eine Registrierung noch ein Nutzungslimit.

Die vier Kartentypen, die er erzeugt

Twitter liest das Karten-Markup aus dem HTML einer Seite aus, um zu entscheiden, wie ein geteilter Link aussieht. Der Generator deckt alle vier Standardformate ab:

  • Summary – ein kleines quadratisches Vorschaubild neben Titel und Beschreibung (Bild mindestens 120x120 px, Seitenverhältnis 1:1).
  • Summary with Large Image – ein volles Banner über dem Text, die gängigste Karte für Artikel (mindestens 300x157 px, empfohlen 1200x628 px / Seitenverhältnis 2:1).
  • App – bewirbt eine iOS- oder Android-App über deren App-Store-, iPad- oder Google-Play-ID.
  • Player – bettet einen Video- oder Audio-Player direkt ein, gespeist aus einer sicheren Stream-URL mit fester Breite und Höhe.

Die angezeigten Felder ändern sich je nach Kartentyp, sodass du nur das ausfüllst, was das jeweilige Format tatsächlich benötigt.

Live-Vorschau, Zeichenlimits und Bildprüfung

Während du tippst, zeichnet eine Live-Vorschau die Karte neu, und du kannst zwischen Desktop- und Mobile-Layout sowie zwischen Twitters hellem und dunklem Theme wechseln. Zwei Grenzwerte werden mit Zähler und Füllbalken angezeigt: twitter:title ist bei 70 Zeichen gedeckelt, twitter:description bei 200 – wird das überschritten, kürzt die Plattform den Text automatisch, weshalb das Tool dich schon vor der Veröffentlichung darauf hinweist.

Du kannst ein Bild per URL angeben oder eine Datei direkt hochladen (JPG, PNG, WebP oder GIF, bis zu 5 MB). Hochgeladene Bilder werden im Browser vermessen, und das Tool warnt dich, wenn die Abmessungen unter dem Minimum liegen oder das Seitenverhältnis vom gewählten Kartentyp abweicht. Ein optionales twitter:image:alt-Feld (bis zu 420 Zeichen) fügt barrierefreien Alt-Text für Screenreader-Nutzer hinzu.

Eine Validierungs-Checkliste fasst jeden erforderlichen und empfohlenen Tag zusammen – Kartentyp, Titel, Beschreibung, Site, Creator und Bild – mit den Zuständen bestanden, Warnung oder fehlgeschlagen, damit du vor der Veröffentlichung bestätigen kannst, dass das Markup vollständig ist.

Warum Twitter-Card-Tags wichtig sind

Ein Link ohne Karten-Tags erscheint als nackte URL, an der man leicht vorbeiscrollt. Eine sauber aufgebaute Karte mit Überschrift und Bild nimmt im Feed mehr Platz ein und gibt Nutzern einen Grund zum Klicken. Das moderne Twitter/X greift größtenteils auf Open-Graph-Tags zurück, wenn twitter:-Tags fehlen, aber erst die explizite Definition des Kartentyps erlaubt dir, ein Large-Image-Layout, eine App-Karte oder einen Player zu wählen, statt die Darstellung dem Zufall zu überlassen. Zwei Zuordnungs-Tags lohnen sich: twitter:site ist das @Handle des veröffentlichenden Accounts, twitter:creator das @Handle des Autors – beide verknüpfen die Karte mit dem richtigen Profil.

Markup kopieren und wiederverwenden

Der Generator gibt sowohl fertige, einfügbare HTML-<meta>-Tags als auch eine JSON-Darstellung derselben Werte aus, beide mit einem Klick kopierbar. Wenn du mehrere Seiten verwaltest, kannst du mehrere Kartenkonfigurationen speichern und sie gemeinsam als eine einzige HTML- oder JSON-Datei für den Stapelbetrieb exportieren.

Ein Hinweis zur Überprüfung: Browser verhindern aus Sicherheitsgründen, dass eine Seite das HTML einer anderen direkt ausliest, weshalb dieses Tool eine bereits veröffentlichte Seite nicht abrufen und neu parsen kann. Füge deine URL nach dem Deployment in Twitters offiziellen Card Validator ein – er leert den Cache und rendert die Karte genau so, wie die Plattform sie sieht. Baue deine Tags also erst hier zusammen und validiere die Live-Seite anschließend dort.