Was es ist
Eine „Twitter Card" (der ursprüngliche Name der Plattform für dieses Feature, aus der Zeit vor der Umbenennung in X) ist die reichhaltige Vorschau, die beim Teilen eines Links auf X angezeigt wird – normalerweise mit Bild, Titel und Beschreibung, statt eines einfachen, schmucklosen Textlinks. Gesteuert wird sie über ein bestimmtes Meta-Tag, am einfachsten <meta name="twitter:card" content="summary_large_image">, das X anweist, genau dieses größere, bildlastige Vorschauformat zu erstellen.
X greift in vielen Fällen zwar auf die Standard-Open-Graph-Tags (og:title, og:description, og:image) für den eigentlichen Inhalt der Vorschau zurück – aber ohne dieses spezielle twitter:card-Tag baut X unter Umständen gar keine reichhaltige Vorschau, sondern zeigt stattdessen nur einen nackten Link.
Warum es wichtig ist
Links, die ohne funktionierende Card auf X geteilt werden, erscheinen als schlichter, unauffälliger Text in einem Feed voller anderer Beiträge, die um Aufmerksamkeit konkurrieren – leicht zu überscrollen. Eine funktionierende Card mit Bild und Überschrift ist deutlich auffälliger und vermittelt sofort einen echten Eindruck davon, worauf man klicken würde, noch bevor jemand ein einziges Wort des umgebenden Kommentars gelesen hat.
Das ist eine sehr kleine, einzeilige Ergänzung zu den Open-Graph-Tags, die du für Facebook und LinkedIn vermutlich schon gesetzt hast – es gibt eigentlich keinen Grund, sie auszulassen, wenn diese bereits vorhanden sind.
So behebst du es
- Bestätige, dass du bereits Open-Graph-Tags (og:title, og:description, og:image) auf der Seite gesetzt hast, da X einen Großteil des Vorschauinhalts von dort übernimmt.
- Füge
<meta name="twitter:card" content="summary_large_image">im<head>-Bereich der Seite hinzu, um das größere, bildlastige Vorschauformat anzufordern. - Wenn du einen Website-Baukasten oder ein SEO-Plugin nutzt, ist das oft schon automatisch zusammen mit deinen anderen Social-Sharing-Einstellungen enthalten – prüfe das zuerst, bevor du es manuell hinzufügst.
- Teste das Ergebnis mit dem Card Validator von X (oder indem du den Link in einem privaten Entwurfsbeitrag teilst), um zu bestätigen, dass die Vorschau wie erwartet angezeigt wird.
- Führe deinen Launch-Readiness-Check erneut aus, um zu bestätigen, dass das Tag jetzt erkannt wird.