Twitter-Card-Generator
Twitter-Card-Meta-Tags mit Live-Vorschau zum Teilen erzeugen.
Über dieses Tool
Twitter Cards steuern, wie dein Link erscheint, wenn er auf Twitter/X geteilt wird - ähnlich wie Open Graph, aber mit Twitters eigenem Tag-Format und Card-Typen (Summary, Large Image usw.). Dieses Tool erzeugt die korrekten Twitter-Card-Meta-Tags mit einer Live-Vorschau, sodass deine Links poliert wirken, wenn sie auf der Plattform geteilt werden.
So verwendest du dieses Tool
- Card-Typ wählenWähle `summary` oder `summary_large_image` je nach Content-Stil und Sichtbarkeitszielen.
- Titel, Description und Bild hinzufügenSchreib social-fokussierten Copy und gib eine starke Preview-Bild-URL an.
- Account-Handles und URL setzenFüge `twitter:site` und verwandte Felder für korrekte Attribution und Sharing-Konsistenz hinzu.
- Tags in den Head-Bereich kopierenSetze erzeugte Tags in den Seiten-Head und validiere mit einem Card-Preview-Test.
Summary Card oder Large Image Card?
summary_large_image zeigt ein breites Bild über dem Titel und fällt im Feed deutlich mehr auf; nimm sie für Artikel, Produkte und Landingpages mit einem Bild von etwa 1200 × 628 Pixeln. summary zeigt ein kleines quadratisches Vorschaubild neben dem Text, passend für Profile und einfache Seiten.
X greift auf Open-Graph-Tags zurück, wenn Twitter-eigene fehlen. Viele Websites setzen daher nur den twitter:card-Typ und überlassen og:title, og:description und og:image den Rest.
Warum es nutzen
- Verbessert den Klick, indem das X-/Twitter-Link-Aussehen gesteuert wird.
- Vermeidet falsche Fallback-Previews durch unvollständige Metadaten.
- Live-Vorschau reduziert Trial-and-Error beim Veröffentlichen.
- Funktioniert neben Open Graph für plattformübergreifende Konsistenz.
Häufige Anwendungen
- Artikel- und Launch-Link-Previews für Social-Kampagnen optimieren.
- Fade oder kaputte Cards für Marketingseiten korrigieren.
- Polierte Previews für Blog-/News-Distribution erzeugen.
- Social-Metadaten für mehrseitige Websites standardisieren.
Tipps für bessere Ergebnisse
- Nutze Large-Image-Card für visuellen Content, um die Feed-Präsenz zu verbessern.
- Halte den Titel knapp, um Abschneiden in mobilen Timelines zu vermeiden.
- Hoste das Preview-Bild auf einer stabilen HTTPS-URL mit schneller Antwort.
- Kombiniere mit passenden Open-Graph-Tags für Plattform-Fallback-Sicherheit.
Fehler, die du vermeiden solltest
- Twitter-spezifische Tags zu vergessen und sich nur auf OG zu verlassen.
- Winzige oder qualitativ schwache Preview-Bilder zu nutzen.
- Generische Descriptions zu schreiben, die nicht zum Klicken anregen.
- Zu veröffentlichen, ohne gecachtes Preview-Verhalten zu testen.
Häufig gestellte Fragen
"summary" zeigt ein kleines quadratisches Thumbnail neben Titel/Description. "summary_large_image" zeigt ein großes, prominentes Bild über dem Text - generell auffälliger und für die meisten Inhalte bevorzugt.
Für beste Ergebnisse ja - Twitter fällt manchmal auf Open-Graph-Daten zurück, eigene Twitter-Card-Tags stellen aber sicher, dass die Preview auf dieser Plattform genau so rendert, wie gedacht.
Ja - das Tool zeigt eine Live-Preview-Karte, während du die Felder ausfüllst, sodass du das Aussehen prüfen kannst, bevor du die Tags auf deine Live-Seite setzt.
Ein Bild im Verhältnis 2:1 mit mindestens 300 x 157 Pixeln, üblich sind 1200 x 600, unter 5 MB. Halte wichtigen Text vom Rand fern, da manche Apps die Ecken beschneiden.
Ja. X liest die twitter:-Meta-Tags und greift auf Open Graph zurück, wenn sie fehlen; viele Seiten setzen daher twitter:card plus die vorhandenen Open-Graph-Tags.
Es nennt das X-Konto der Website, etwa @deinemarke, und ordnet die Karte diesem Konto zu. twitter:creator nennt den Autor des Inhalts.