Open Graph & Twitter Cards: Wie dein Link beim Teilen oder Zitieren aussieht
Füg einen Link in einen Chat, einen Social-Post oder eine KI-Antwort ein, und eine kleine Vorschaukarte erscheint – ein Titel, eine kurze Beschreibung, ein Bild. Diese Karte wird nicht erraten; sie wird von Open-Graph- und Twitter-Card-Tags im <head> deiner Seite gesteuert. Mach sie richtig, und dein Link sieht bewusst gesetzt und klickbar aus. Lass sie weg, und du bekommst eine leere oder kaputte Vorschau.
Die Tags, die zählen
<meta property="og:title" content="Dein Seitentitel">
<meta property="og:description" content="Eine Ein-Zeilen-Zusammenfassung.">
<meta property="og:image" content="https://example.com/preview.png">
<meta property="og:url" content="https://example.com/seite">
<meta name="twitter:card" content="summary_large_image">- og:title / og:description – die Überschrift und Zusammenfassung auf der Karte.
- og:image – das Vorschaubild. 1200×630 ist die sichere Größe für eine große Karte.
- og:url – die kanonische Adresse der Seite.
- twitter:card –
summary_large_imageergibt das Layout mit großem Bild;summarydas kleine.
Warum es für GEO zählt
Hier geht es um die Darstellung, wenn deine Seite reist. Ob ein Mensch sie teilt oder eine KI sie mit einer Vorschau zeigt – diese Tags entscheiden, wie sie dargestellt wird: Ein klarer Titel und ein Bild bringen mehr Klicks und lassen deine Quelle glaubwürdig wirken. Sie ändern nicht, ob die KI deine Seite lesen kann (das sind die anderen Schritte), aber sie prägen, wie deine Seite erscheint, wenn auf sie verwiesen wird.
Fazit
Füge og:title, og:description, ein 1200×630-og:image, og:url und eine twitter:card in deinen <head> ein. Es ist ein einmaliger Block, der jede Freigabe und jedes Zitat deiner Seite absichtlich wirken lässt – eine Darstellungs-Ergänzung zu den „verständlich sein”-Schritten aus unserer GEO-Einführung.