Twitter Cards sind Meta-Tags, die steuern, wie dein Inhalt aussieht, wenn jemand einen Link zu deiner Website auf X (ehemals Twitter) teilt. Anstelle einer einfachen URL zeigen Twitter Cards eine Rich-Vorschau mit Bild, Titel, Beschreibung und Zuordnung — was geteilte Links deutlich ansprechender und klickbarer macht.
Arten von Twitter Cards
Es gibt zwei Haupttypen:
- Summary Card — Zeigt ein kleines Vorschaubild neben Titel und Beschreibung. Ideal für Artikel und Blogbeiträge.
- Summary Card with Large Image — Zeigt ein großes, prominentes Bild über Titel und Beschreibung. Am besten für visuelle Inhalte, Portfolios und Landingpages.
Erforderliche Meta-Tags
Twitter Cards verwenden spezielle Meta-Tags im <head>-Bereich deines HTML:
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Dein Seitentitel" />
<meta name="twitter:description" content="Eine kurze Beschreibung deiner Seite." />
<meta name="twitter:image" content="https://example.com/bild.jpg" />
<meta name="twitter:site" content="@DeinTwitterHandle" />Twitter Cards vs. Open Graph
Twitter Cards und Open Graph (genutzt von Facebook, LinkedIn, WhatsApp) dienen dem gleichen Zweck, verwenden aber unterschiedliche Meta-Tags. Twitter greift jedoch auf Open-Graph-Tags zurück, wenn keine Twitter-spezifischen Tags vorhanden sind:
og:titlewird verwendet, wenntwitter:titlefehlt.og:descriptionwird verwendet, wenntwitter:descriptionfehlt.og:imagewird verwendet, wenntwitter:imagefehlt.
Für beste Ergebnisse solltest du sowohl Open Graph als auch Twitter Card Tags explizit definieren.
Warum Twitter Cards wichtig sind
- Höhere Klickraten — Rich-Vorschauen ziehen mehr Aufmerksamkeit auf sich als einfache Links.
- Markenkonsistenz — Du kontrollierst, wie dein Inhalt beim Teilen aussieht.
- Besseres Engagement — Bilder und Beschreibungen bieten Kontext vor dem Klick.
- Professionelles Erscheinungsbild — Fehlende Cards lassen geteilte Links unvollständig wirken.
Wie InspectWP hilft
InspectWP erkennt, ob deine WordPress-Seite Twitter Card Meta-Tags konfiguriert hat. Der Bericht zeigt den erkannten twitter:card-Typ, Titel, Beschreibung, Bild und Site-Handle — damit du alles überprüfen kannst, bevor du Inhalte teilst.