Twitter Cards (heute X Cards) sind Meta-Tags im <head> einer Seite. Sie legen fest, wie ein geteilter Link auf X als Vorschau erscheint, mit Titel, Beschreibung und Bild. Die Tags betreffen die Vorschau auf X, nicht die Google-Suche.
Wie funktionieren sie?
Den Kartentyp bestimmt twitter:card. Üblich sind summary mit kleinem Bild und summary_large_image mit großem Querformatbild. Dazu kommen twitter:title, twitter:description und twitter:image. Fehlen twitter:title, twitter:description oder twitter:image, verwendet X laut der archivierten Twitter-Dokumentation stattdessen og:title, og:description und og:image. Das Open-Graph-Protokoll verlangt vier Eigenschaften je Seite: og:title, og:type, og:image und og:url.
Der Name stammt aus der Zeit vor der Umbenennung von Twitter in X. Die Tags heißen weiterhin twitter:*. Die frühere Cards-Dokumentation ist auf den heutigen X-Entwicklerseiten nicht mehr abrufbar, die Angaben hier stützen sich auf eine archivierte Fassung.
Beispiel
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Titel der Seite">
<meta name="twitter:description" content="Kurze Beschreibung.">
<meta name="twitter:image" content="https://www.beispiel.example/vorschau.jpg">
Häufige Fehler
Das Bild liegt unter einer relativen oder nicht öffentlich erreichbaren URL, wird von robots.txt blockiert oder liefert keinen Status 200. Dann erscheint keine Vorschau. Am zuverlässigsten zeigt ein Test mit der öffentlichen URL auf X, was ankommt.
Quellen
Stand: