Twitter / X-Karten-Vorschau Sieh dir an, wie dein Link als Twitter/X-Karte mit Titel, Beschreibung und Bild erscheint.

📱

Vorschau von Twitter-Karten

Sieh dir an, wie dein Link als Twitter/X-Karte mit Titel, Beschreibung und Bild erscheint.

Kartendaten eingeben

Fügen Sie Ihren Titel, Beschreibung, URL, Bild-URL hinzu und wählen Sie den Kartentyp aus.

Vorschau der Karte

Sehen Sie genau, wie Ihr Link aussehen wird, wenn er auf Twitter/X geteilt wird.

Meta-Tags kopieren

Kopieren Sie die generierten HTML-Meta-Tags und fügen Sie sie zu Ihrer Website hinzu.

Loading tool...

What Is Vorschau von Twitter-Karten?

Das Tool zur Vorschau von Twitter-Karten zeigt Ihnen genau, wie Ihr Link aussehen wird, wenn er auf Twitter/X geteilt wird, und generiert die erforderlichen Meta-Tags für Ihre Website. Twitter-Karten sind die reichen Link-Vorschauen, die angezeigt werden, wenn jemand eine URL teilt - sie enthalten einen Titel, eine Beschreibung, ein Bild und eine Domäne. Es gibt zwei Haupttypen: Zusammenfassung (kleines quadratisches Bild mit Text) und Zusammenfassung mit großem Bild (breites Bild über dem Text). Die Erstellung einer korrekten Karte ist für die Klickrate von entscheidender Bedeutung - eine gut gestaltete Karte kann die Interaktion deutlich erhöhen, wenn Ihr Inhalt geteilt wird. Mit diesem Tool können Sie beide Kartentypen vorlesen, Ihren Inhalt anpassen und die genauen HTML-Meta-Tags generieren, die zum Implementieren von Twitter-Karten auf Ihrer Website benötigt werden.

Why Use Vorschau von Twitter-Karten?

Echtzeit-Vorschau von Summary- und Large-Image-Kartentypen
Generiert kopierfertige HTML-Meta-Tags für Ihre Website
Zeichenzahlenerläuterung für Titel (70 Zeichen) und Beschreibung (200 Zeichen)
Vorschau vor dem Teilen - kein Bedarf, mit dem Twitter Card Validator zu testen
Funktioniert sowohl für Twitter als auch für die X-Plattform

Common Use Cases

Webentwicklung

Implementieren und testen Sie Twitter Card-Meta-Tags vor der Bereitstellung.

Content-Marketing

Optimieren Sie, wie Blog-Beiträge und Artikel aussehen, wenn sie auf Twitter geteilt werden.

Produktseiten

Stellen Sie sicher, dass Produktseiten ansprechende Kartenvorschauen für das soziale Teilen haben.

SEO & Social

Stimmen Sie Twitter Card-Inhalte mit der Seiten-SEO für konsistente Nachrichten ab.

Technical Guide

Twitter-Karten erfordern spezifische Meta-Tags im <head>-Bereich Ihrer Seite. Die Mindestanzahl der erforderlichen Tags beträgt: twitter:card (Typ), twitter:title, twitter:description und twitter:image. Der Kartentyp kann "Zusammenfassung" (kleines Bild) oder "Zusammenfassung_mit_großem_Bild" (großes Bild über dem Text) sein. Der Titel sollte unter 70 Zeichen, die Beschreibung unter 200 Zeichen lang sein. Bilder sollten mindestens 120×120 Pixel für Zusammenfassungen und 300×157 Pixel für Karten mit großem Bild haben. Twitter speichert Kartendaten im Cache, sodass Änderungen einige Zeit in Anspruch nehmen können - verwenden Sie den Twitter-Karten-Validator (cards-dev.twitter.com/validator), um eine Aktualisierung zu erzwingen. Wenn Sie bereits Open-Graph-Tags haben, fällt Twitter auf diese zurück, wenn twitter:-spezifische Tags nicht vorhanden sind, aber dedizierte twitter:-Tags geben Ihnen mehr Kontrolle über das Aussehen.

Tips & Best Practices

1
Verwenden Sie "summary_large_image" für visuelle Inhalte - es erhält deutlich mehr Klicks
2
Halten Sie Titel unter 70 Zeichen, um eine Abkürzung zu vermeiden
3
Verwenden Sie hochkontrastige Bilder, die auch in kleinen Größen klar sind
4
Testen Sie Ihre Karten mit Twitters Card Validator nach der Implementierung von Meta-Tags
5
Verwenden Sie eine ansprechende Beschreibung, die den Benutzern einen Grund gibt, weiterzuklicken

Related Tools

Vorschau von Open Graph

Vorschau des Open-Graph-Karten-Erscheinungsbilds für Facebook, LinkedIn und andere Plattformen.

📱 Social Media

UTM-Link-Ersteller

Erstellen Sie URLs mit UTM-Parametern, um Marketing-Kampagnen in Google Analytics zu verfolgen.

📱 Social Media

Generator für Social-Media-Teilen-Schaltflächen

Erstellen Sie HTML/CSS-Teilen-Schaltflächen für Ihre Website mit verschiedenen Stilen und Plattformen.

📱 Social Media

LinkedIn-Beitrag-Formatter

Formatieren Sie Ihre LinkedIn-Beiträge mit ordentlichen Abständen, Emoji-Punkten und Tipps für mehr Engagement.

📱 Social Media

Frequently Asked Questions

Q Was sind die Twitter Card-Typen?

Die beiden Haupttypen sind "summary" (kleines quadratisches Bild mit Text daneben) und "summary_large_image" (großes Bild über dem Textinhalt).

Q Wie groß sollte ein Twitter Card-Bild sein?

Für Summary-Karten: Mindestens 120×120px. Für Large-Image-Karten: Mindestens 300×157px, empfohlen 1200×628px (1.91:1-Verhältnis).

Q Wie teste ich meine Twitter Card?

Verwenden Sie Twitters Card Validator unter cards-dev.twitter.com/validator, um Ihre Kartendaten vorzuschauen und den Cache zu aktualisieren.

Q Funktionieren Twitter Cards auf X?

Ja, die gleichen Meta-Tags und das Kartsystem funktionieren auf der X-Plattform (früher Twitter).

About This Tool

Vorschau von Twitter-Karten is a free online tool by FreeToolkit.ai. All processing happens directly in your browser — your data never leaves your device. No registration or installation required.