Über dieses Tool
X (ehemals Twitter) liest seine eigene Familie von Meta-Tags — twitter:card, twitter:title, twitter:description, twitter:image und twitter:site —, um die Vorschaukarte zu erstellen, die angezeigt wird, wenn jemand Ihren Link teilt. Das ist ein eigener Standard, getrennt von Open Graph, mit zwei Layouts: summary_large_image zeigt oben ein breites Bild mit einem kleinen Textblock darunter, während summary eine kompakte quadratische Miniatur neben Titel und Beschreibung anzeigt. Verwenden Sie das Layout mit großem Bild für Blogbeiträge und Artikel und summary für Utility-Seiten, bei denen der Text wichtiger ist als das Bild.
X greift für jede nicht gefundene twitter:-Eigenschaft tatsächlich auf das passende og:-Tag zurück — og:title, og:description und og:image schließen die Lücken —, sodass eine Seite mit ausschließlich Open-Graph-Tags trotzdem eine Karte erhält, nur ohne X-spezifische Kontrolle. Für volle Abdeckung erzeugen Sie Ihre Open-Graph-Tags mit dem begleitenden Open-Graph-Generator und kombinieren sie mit den twitter:-Tags dieser Seite; zusammen decken sie die zwei Standards ab, auf die sich die überwiegende Mehrheit der Plattformen — X, Facebook, LinkedIn, Slack, Discord und die meisten Chat-Apps — für reichhaltige Linkvorschauen verlässt.
Häufige Fragen
Was ist der Unterschied zwischen summary und summary_large_image?
summary zeigt ein kleines quadratisches Vorschaubild neben dem Text, während summary_large_image ein Banner in voller Breite über dem Text zeigt — verwenden Sie die große Version für visuelle Inhalte wie Blogbeiträge oder Produkte.
Benötige ich noch Open-Graph-Tags, wenn ich Twitter-Card-Tags hinzufüge?
Ja — X/Twitter greift für jedes ausgelassene twitter:-Feld auf Open-Graph-Tags zurück, daher liefert das Beibehalten beider die zuverlässigsten Ergebnisse plattformübergreifend.