Open Graph und Twitter Card Tags: So glänzen Ihre Links

28.7.2026

Fügen Sie den Link Ihrer Website in Facebook, LinkedIn oder einen Beitrag auf X ein, und es erscheint eine Karte: ein Bild, ein Titel und eine kurze Beschreibung. Ob diese Karte einladend wirkt oder wie eine nackte Adresse, hängt von Ihren Open Graph und Twitter Card Tags ab. Das sind Meta-Tags im <head> der Seite, die soziale Plattformen lesen, wenn jemand Ihre URL teilt. Ohne sie rät die Plattform — und rät meist schlecht.

Was Open Graph ist

Das Open Graph Protokoll wurde vor langer Zeit von Facebook eingeführt, aber heute nutzen es fast alle Plattformen: LinkedIn, WhatsApp, Viber, Slack, Discord. Die vier Kern-Tags sind og:title, og:description, og:image und og:url. Dazu kommen og:type (für Blogbeiträge article) und og:site_name. Wenn diese gesetzt sind, erhält jeder geteilte Link ein kontrolliertes, markengerechtes Aussehen statt eines zufälligen Bildes von der Seite.

og:title: Der Kartentitel; er kann vom <title>-Tag abweichen und für soziale Netzwerke ansprechender sein.
og:description: 2 bis 4 Sätze, die zum Klick einladen.
og:image: ein Bild mit 1200×630 Pixeln; kleiner wirkt unscharf oder wird beschnitten.
og:url: die kanonische URL der Seite, ohne Tracking-Parameter.

Twitter Card Tags

X (früher Twitter) nutzt eigene Tags, die mit twitter: beginnen. Am wichtigsten ist twitter:card — für die meisten Inhalte verwenden Sie summary_large_image, das ein großes Bild über dem Titel zeigt. Ergänzen Sie twitter:title, twitter:description und twitter:image. Die gute Nachricht: Fehlen die Twitter-Tags, greift X auf Open Graph zurück, sodass Open Graph in der Praxis die meisten Fälle abdeckt und Sie Twitter-Tags nur dann hinzufügen, wenn Sie einen anderen Titel oder ein anderes Bild speziell für X wünschen.

Das Bild ist am wichtigsten

Eine Karte ohne Bild oder mit falschen Abmessungen verliert den größten Teil ihrer Wirkung. Empfohlen sind 1200×630 Pixel, JPG oder PNG, unter 1 MB für schnelles Laden. Da dieses Bild bei jedem Teilen von Ihrem Hosting geladen wird, muss es schnell ausgeliefert werden — ein schneller Server und ein CDN beeinflussen direkt, wie rasch die Karte erscheint. Wenn Ihnen die schnelle Bildauslieferung an ein weltweites Publikum wichtig ist, sehen Sie sich unsere SEO-Hosting-Tarife mit kostenlosem globalem CDN und Pakete und Preise an.

Häufige Fehler

Der häufigste Fehler ist ein og:image, das auf ein nicht mehr existierendes oder zu kleines Bild zeigt. Der zweite ist Caching — wenn Sie Tags ändern, zeigt Facebook weiterhin die alte Version, bis Sie den Cache über den Sharing Debugger aktualisieren. Der dritte ist das Vergessen von og:url, sodass Shares von verschiedenen URL-Varianten getrennt gezählt werden. Testen Sie den Link vor einer Kampagne immer über den Facebook Sharing Debugger und einen Card-Validator.

Wie es zum übrigen SEO passt

Open Graph beeinflusst das Google-Ranking nicht direkt, aber es beeinflusst, wie viele Menschen klicken, wenn Sie Inhalte teilen — und Traffic und Engagement gehören zum größeren Bild. Um zu verstehen, wie strukturierte Daten zusammenwirken, lesen Sie unseren Leitfaden zu Schema Markup und wie FAQ Schema Markup Rich Results bringt. Da Titel und Beschreibung in Suche und Social eine Rolle spielen, ist auch unser Ratgeber zu Meta-Titeln und Beschreibungen, die Klicks bringen nützlich.