Open Graph & Twitter Cards: Warum Social-Previews 2026 mehr bringen
Albert Ipgefer
Gründer · Wohlstandsmarketing
Jeder Link, der über WhatsApp, LinkedIn, X oder Slack geteilt wird, bekommt eine Vorschau. Wie diese Vorschau aussieht, entscheidet, ob jemand klickt — oder weiterscrollt. Open Graph und Twitter Cards sind die unsichtbaren CTAs des Web.
Warum Social-Previews 2026 wichtiger sind
Drei Entwicklungen erhöhen den Wert guter Previews:
- Mehr Sharing über Messenger. WhatsApp und iMessage dominieren — und beide zeigen OG-Previews prominent.
- LinkedIn-Wachstum im B2B. Vorschau-Karten entscheiden über Reichweite und Klickrate.
- Dark Mode Verbreitung. Generische Previews mit weißem Hintergrund wirken in Dark-Mode-Apps fehl am Platz.
Die Pflicht-Tags pro Plattform
Mindestens diese Tags gehören in den <head> jeder Seite:
og:title— Titel (max ~60 Zeichen)og:description— Beschreibung (max ~155)og:image— absolute URL zum Bildog:url— Canonical-URLog:type— meist ‚website‘ oder ‚article‘twitter:card— meist ‚summary_large_image‘
Das perfekte OG-Image
Best Practices 2026:
- Auflösung 1200 × 630 px
- Dateigröße < 200 KB
- Format JPG oder PNG (WebP wird noch nicht überall unterstützt)
- Lesbar auch in 600 × 315 px (Thumbnail-Größe)
- Titel der Seite groß und lesbar im Bild — keine generische Stockillustration
- Eigene Marke (Logo) klein in der Ecke
Dynamische OG-Images
Statt für jede Seite manuell ein Bild zu designen, lohnt sich dynamische Generierung. Next.js bietet mit ImageResponse aus next/og eine eingebaute Lösung: pro Seite wird das Bild aus React-Komponenten und CSS gerendert.
Vorteile: Titel jeder Seite wird automatisch ins Bild eingesetzt, konsistente Marke, kein Designer pro Artikel nötig.
So testest du Previews
Drei Pflicht-Tools:
- Facebook Sharing Debugger — auch für WhatsApp und Instagram relevant
- LinkedIn Post Inspector — vor jedem Sharing-Aktion einmal durchlaufen lassen
- X Card Validator oder Twitter Cards Tester
Fazit
Open Graph und Twitter Cards sind 2026 keine Nice-to-haves mehr — sie sind die erste Werbung, die deine Inhalte überall im Web machen. Wer hier sauber arbeitet, vervielfacht die Klickrate geteilter Links.
Aufwand: einmalig 2–4 Stunden Setup mit dynamischer Generierung. Wirkung: dauerhafte Steigerung der Share-CTR.
Über den Autor
Albert Ipgefer
Gründer · Wohlstandsmarketing
Albert baut seit 2025 mit Wohlstandsmarketing Webseiten + KI-Sichtbarkeit für DACH-Mittelstand. Spezialisiert auf die 90-Tage-WSM-Methode: konvertierende Webseite live in 7 Tagen, danach 83 Tage konstante Optimierung für Google, ChatGPT, Perplexity und Claude. Sitz in Bad Ems, betreut Kunden in der gesamten DACH-Region.
Die 11 teuersten Marketing-Fehler im Mittelstand
Konkrete Lösung pro Fehler + eine 30-Tage-Profi-Checkliste am Ende. Direkt nach Anmeldung in deinem Postfach.
Das könnte dich auch interessieren
Weitere Artikel zum Thema
Schema.org für lokale Anbieter: 5 Markups, die du 2026 brauchst
Artikel lesen →Technisches SEOSEO-Agentur für Handwerker: Worauf 2026 wirklich achten
Artikel lesen →Technisches SEOCore Web Vitals 2026: Wie schnell deine Webseite wirklich sein muss
Artikel lesen →Technisches SEOrobots.txt 2026: Welche KI-Crawler du erlauben solltest (und welche nicht)
Artikel lesen →Webdesign + KI-Sichtbarkeit in deiner Region
Vor Ort für DACH-Mittelstand
Aktiv in 13 Städten — Sitz in Bad Ems, Termine vor Ort oder remote.
FAQ
Häufige Fragen zu diesem Thema
Welche Auflösung sollte mein OG-Image haben?+
1200 × 630 px ist Standard, funktioniert auf allen Plattformen. Für LinkedIn besser 1200 × 627, für X (Twitter) 1200 × 675 — aber 1200 × 630 ist der pragmatische Kompromiss.
Brauche ich noch Twitter Cards, wenn ich Open Graph habe?+
Empfohlen, ja. X (Twitter) fällt zwar auf Open Graph zurück, eigene twitter:card-Tags geben aber mehr Kontrolle und bessere Darstellung im Web-Client und in der App.
Wie aktualisiere ich Vorschau-Caches?+
Facebook: Sharing Debugger (‚Scrape Again‘). LinkedIn: Post Inspector. X: Card Validator. WhatsApp und iMessage cachen aggressiv — manchmal Stunden bis Tage, bis neue Previews durchschlagen.
Bringt Open Graph auch SEO-Vorteile?+
Indirekt ja. Mehr Klicks auf geteilte Links bedeuten mehr Traffic. Plus: Suchmaschinen interpretieren OG-Tags als zusätzliche Metadaten — vor allem Bing nutzt sie aktiv für Snippet-Generierung.