Zum Inhalt springen

Beta — Entwurfsstand. Prüfordnung und Hinweistexte sind noch nicht rechtlich freigegeben; es werden derzeit keine verbindlichen Siegel ausgestellt.

Prüfpunkt twitter-cardStrukturierte Daten und Vorschau

Warum braucht meine Website ein twitter:card-Meta-Tag?

Wer einen Link auf X (früher Twitter) teilt, sieht im besten Fall eine Karte mit Bild, Titel und Beschreibung. Ob sie erscheint, entscheidet ein einziges Meta-Tag im Kopf der Seite: twitter:card. Es nennt den Kartentyp, zum Beispiel eine große Bildkarte. Titel, Beschreibung und Bild liest X danach aus den Open-Graph-Tags nach, die viele Websites längst haben — den Kartentyp aber nur aus dem eigenen Tag. Fehlt es, bleibt der Beitrag ein nackter Link. Der Prüfbereich SEO meldet das als eigenen Befund.

Open Graph deckt fast alles ab, aber nicht den Kartentyp

Die meisten Plattformen — WhatsApp, LinkedIn, Facebook, Signal — bauen ihre Vorschau aus den Open-Graph-Tags: og:title, og:description, og:image. X verhält sich anders: Es akzeptiert diese Werte zwar als Ersatz für twitter:title und Verwandte, verlangt aber ausdrücklich das Tag twitter:card, um überhaupt eine Karte zu zeichnen. Der Wert summary erzeugt eine kleine Karte mit Bild links, summary_large_image eine große Bildkarte über die volle Breite. Ohne das Tag zeigt X nur die Adresse — die Seite wirkt im Feed unscheinbar, und wer sie geteilt hat, bekommt weniger Klicks. Der Prüfbereich liest das Tag aus dem Kopf der gemessenen Seite; es zählt 3 von 100 Punkten im Regelwerk seo-v2.

Ein Tag, kein Projekt

Die Korrektur ist eine Zeile im Kopf der Seite: ein Meta-Tag mit dem Namen twitter:card und einem der erlaubten Werte. Die meisten Redaktionssysteme setzen es über ihr SEO-Modul, oft ist es dort nur ein Häkchen. Wichtig ist, dass das Bild aus og:image in einem Format vorliegt, das X annimmt — mindestens 300 mal 157 Bildpunkte, besser 1200 mal 630, unter fünf Megabyte, über https erreichbar. Ein eigenes twitter:image ist nur nötig, wenn das X-Bild vom Open-Graph-Bild abweichen soll. Die Prüfung sagt nicht, ob das Bild gut aussieht; sie sagt, ob X überhaupt eine Karte bauen darf.

So gehen Sie es an

  1. Setzen Sie im Kopf jeder Seite ein Meta-Tag twitter:card mit dem Wert summary_large_image, wenn ein querformatiges Bild vorliegt, sonst summary.
  2. Prüfen Sie, dass og:image über https erreichbar ist und mindestens 1200 mal 630 Bildpunkte hat — X liest dieses Bild nach.
  3. Testen Sie eine Seite mit dem Card-Validator von X oder indem Sie den Link in einem privaten Beitrag einfügen: Erscheint keine Karte, fehlt meist das Tag.
  4. Lassen Sie das Tag in der Seitenvorlage setzen, nicht je Seite von Hand — sonst fehlt es auf jeder neuen Seite wieder.

Weiter im Prüfbereich SEO

Dieser Prüfpunkt gehört zum Prüfbereich SEO; dort stehen alle Prüfpunkte im Überblick. Was die Prüfung insgesamt leistet, zeigt die Leistungsseite; wie ein Ergebnis zustande kommt, erklärt das Prüfverfahren. Alle Prüfbereiche im Überblick: Wissensbasis.

Foto: Rodney Truitt Jr, CC0

  • Siegel Digitale Barrierefreiheit
  • Siegel Daten & Recht
  • Siegel Technische Qualität
  • Siegel Digital Excellence
  • Siegel Cyberversicherung

Geprüft. Für eine bessere digitale Zukunft.euid.com →