Was ist Twitter-Card-Vorschau?
Twitter Card Preview zeigt Ihnen, wie Ihre Links aussehen, wenn sie auf Twitter/X geteilt werden. Geben Sie eine URL ein oder füllen Sie Titel, Beschreibung und Bild aus, um vor dem Posten beide Kartentypen Summary und Summary with Large Image in der Vorschau zu sehen.
Die Vorschau verwendet die gleichen Proportionen wie der Twitter/X-Webclient: 2:1 für Summary with Large Image (empfohlen für Blogposts und Produktlaunches) und ein 1:1-Quadrat für Summary (besser für Kategorieseiten und Referenzlinks). Außerdem generiert sie die passenden Meta-Tags, die du direkt in den <head> deiner Seite einfügst, ohne sie selbst tippen zu müssen.
Anleitung
- Schritt 1 — Trage Titel, Beschreibung und Bild-URL ein oder füge das HTML deiner Seite ein, um ihre vorhandenen twitter:- und og:-Tags in einem Rutsch zu importieren.
- Schritt 2 — Wählen Sie den Kartentyp: Summary (kleines Vorschaubild) oder Summary with Large Image (Banner-Vorschau).
- Schritt 3 — Prüfe die Live-Vorschau, um exakt zu sehen, wie dein Link in einer Twitter/X-Timeline dargestellt wird — auf Wunsch in einem vollständigen Tweet sowie auf LinkedIn, Facebook, Slack und Discord — und passe die Felder nach Bedarf an.
Wann verwenden
- Vor dem Twittern eines Blogposts oder Artikels die Vorschau für die Zielgruppe checken.
- Bestehende Landingpages prüfen, deren Share-Cards kaputt aussehen oder nur einen abgeschnittenen Logo-Crop zeigen.
- Vor dem Setzen der Meta-Tags entscheiden, ob eine Seite mit Summary oder Large Image besser fährt.
Ergebnis
Du möchtest einen Blogbeitrag auf Twitter/X teilen. Du fügst das HTML der Seite ein, um ihre Tags zu laden, und die Vorschau zeigt, dass der Karte die Beschreibung fehlt und das Bild abgeschnitten ist. Du korrigierst beides und bestätigst, dass die Large-Image-Karte professionell aussieht, bevor du twitterst.
Häufige Fragen
- Was ist der Unterschied zwischen Summary und Summary with Large Image?
- Summary zeigt links ein kleines quadratisches Thumbnail mit Titel und Beschreibung rechts daneben. Summary with Large Image platziert ein breites Banner über dem Titel. Die große Variante belegt mehr Platz in der Timeline und bringt fast immer eine höhere Klickrate.
- Welche Bildmaße zeigt Twitter/X tatsächlich an?
- Für Summary with Large Image ist der sichtbare Bereich rund 2:1 (z. B. 1200×600 px). Twitter akzeptiert von 300×157 bis 4096×4096, beschneidet aber auf 2:1. Wichtiger Text und Gesichter sollten innerhalb der mittigen 2:1-Zone bleiben.
- Braucht es eine Twitter-Developer-Freigabe, um diese Tags zu nutzen?
- Nein. Twitter-Card-Meta-Tags funktionieren auf jeder öffentlichen Seite ohne Freigabe. Der alte Validator, der eine Prüfung verlangte, ist abgeschaltet. Tags in den <head> setzen, öffentlich deployen, und beim nächsten Share erscheint die Karte.
- Warum erscheint meine Karte trotz korrekter Meta-Tags nicht auf Twitter?
- Twitter cacht Karten-Antworten aggressiv. Nach Korrekturen kann die alte Karte stundenlang hängen. Ein Share der URL mit Tracking-Suffix (?v=2 oder UTM) erzwingt einen frischen Fetch. Ein im robots.txt blockierter Twitterbot ist eine weitere häufige Ursache.
- Lieber Open Graph oder Twitter-Tags?
- Twitter fällt auf Open Graph (og:title, og:description, og:image) zurück, wenn twitter:*-Tags fehlen, OG allein reicht also meist. Setze twitter:card und twitter:image, wenn du volle Kontrolle darüber willst, welches Bild und Layout Twitter nimmt.
Ähnliche Tools
Generator für strukturierte Daten
Erzeugen Sie JSON-LD-Schema-Markup für SEO
Webseite als PDF
Webseite als PDF-Datei speichern
Datenschutzerklärung-Generator
Datenschutzerklärung für Ihre Website generieren
AGB-Generator
Ein Dokument mit Nutzungsbedingungen erstellen
Cookie-Einwilligungs-Generator
Code für Cookie-Einwilligungsbanner generieren
CSS-Minifizierer
CSS-Code minimieren, um die Dateigröße zu reduzieren