Was ist der Unterschied zwischen summary und summary_large_image?

Größe und Gewicht des Bildes. Die große Variante beherrscht den Feed und passt zu einem Artikel oder einer Landingpage; die kleine passt zu einem Link, bei dem der Text die Arbeit macht. Der große Typ braucht ein Bild, das groß genug ist, um ihn zu füllen, sonst fällt er auf die kleine Karte zurück.

Überstimmen Karten-Tags Open Graph?

Sind beide vorhanden, gewinnt auf der jeweiligen Plattform in der Regel das plattformspezifische Tag, und überall sonst dient Open Graph als Ersatz. Wenn du beide einheitlich hältst, sieht ein Link nicht je nach Ort des Postings anders aus.

Entspricht die Vorschau dem Aussehen der Karten auf X?

Ungefähr, denn sie verwendet dieselben twitter:-Tags, die X liest, und zeichnet die Layouts summary, summary_large_image, player und app. Fehlende Tags werden wie auf X durch die Open-Graph-Werte ersetzt. Die echte Karte kann trotzdem abweichen, weil X Karten umgestaltet und sie beim ersten Posten eines Links zwischenspeichert.

Twitter Card Validator

Sieh dir an, wie ein Link als Karte erscheint, und prüfe, welche Karten-Tags vorhanden sind, fehlen oder den Open-Graph-Werten daneben widersprechen.

Browser-Tool

Twitter Card

Lies die Tags aus dem HTML einer Seite aus oder beschreibe die Seite im Formular. Die Vorschauen sind nur Annäherungen: Plattformen gestalten Karten um und speichern zwischen, was sie abgerufen haben.

Seiten-HTML

Über Twitter-Card-Vorschau

Karten-Tags entscheiden, welches Layout eine Plattform wählt und ob sie auf Open Graph zurückgreift. Nur wenn du beide zusammen prüfst, siehst du, welche Werte tatsächlich gewinnen, denn der eine Satz überstimmt den anderen stillschweigend. Kostenlos, im Browser und ohne Anmeldehürde. Die Karte wird hier aus den Werten zusammengesetzt, die du angibst.

So nutzt du Twitter-Card-Vorschau

Markup bereitstellenGelesen werden sowohl die Karten-Tags als auch die Open-Graph-Tags, denn genau ihr Zusammenspiel gilt es zu prüfen.
Kartentyp bestätigensummary zeigt ein kleines quadratisches Vorschaubild; summary_large_image zeigt ein breites Banner. Wer den großen Typ ohne ausreichend großes Bild deklariert, bekommt trotzdem die kleine Karte.
Mit Open Graph vergleichenFehlt ein Karten-Tag, wird in der Regel das Open-Graph-Gegenstück verwendet, widersprüchliche Werte lohnen sich also zu bereinigen.

Was das Tool nicht kann

Die Darstellung unterscheidet sich je nach Client und ändert sich ohne Ankündigung. Gezeigt wird, was deine Tags deklarieren, keine pixelgenaue Darstellung einer bestimmten Timeline.
Karten werden nach dem ersten Abruf zwischengespeichert, ein korrigiertes Tag erscheint also womöglich erst, wenn die Plattform erneut abruft.

Twitter-Card-Vorschau: häufige Fragen

Was ist der Unterschied zwischen summary und summary_large_image?: Größe und Gewicht des Bildes. Die große Variante beherrscht den Feed und passt zu einem Artikel oder einer Landingpage; die kleine passt zu einem Link, bei dem der Text die Arbeit macht. Der große Typ braucht ein Bild, das groß genug ist, um ihn zu füllen, sonst fällt er auf die kleine Karte zurück.
Überstimmen Karten-Tags Open Graph?: Sind beide vorhanden, gewinnt auf der jeweiligen Plattform in der Regel das plattformspezifische Tag, und überall sonst dient Open Graph als Ersatz. Wenn du beide einheitlich hältst, sieht ein Link nicht je nach Ort des Postings anders aus.
Entspricht die Vorschau dem Aussehen der Karten auf X?: Ungefähr, denn sie verwendet dieselben twitter:-Tags, die X liest, und zeichnet die Layouts summary, summary_large_image, player und app. Fehlende Tags werden wie auf X durch die Open-Graph-Werte ersetzt. Die echte Karte kann trotzdem abweichen, weil X Karten umgestaltet und sie beim ersten Posten eines Links zwischenspeichert.

Fragen zu ToolsVerse selbst – Datenschutz, Kosten, was mit deinen Dateien passiert – beantworten die häufig gestellten Fragen.

Die Tools, die man zusammen mit Twitter-Card-Vorschau am häufigsten braucht.

Du findest das passende Tool nicht?

Sag uns, was du suchst, und wir prüfen, ob wir es hinzufügen.

Tool vorschlagen →