Open Graph
Markup für Vorschau-Karten in WhatsApp, LinkedIn, Slack und sozialen Netzwerken. Macht geteilte Links optisch hochwertiger und klickbarer.
Open Graph ist ein von Facebook entwickelter und heute von praktisch allen Plattformen übernommener Standard, mit dem Webseiten steuern können wie sie als Vorschau-Karte erscheinen wenn jemand den Link teilt.
Welche Tags Sie brauchen
Pflicht: og:title als Titel der Vorschau-Karte, og:description als Beschreibungstext, og:image als großes Vorschaubild, og:url als kanonische Adresse, og:type meist website oder article. Empfohlen: og:locale für die Sprache, og:site_name für den Marken-Namen, og:image:width und og:image:height für korrektes Rendering.
Optimale Bildgröße
1200 mal 630 Pixel im Verhältnis 1,91 zu 1. Das ist Facebooks Sweetspot, an dem sich alle anderen Plattformen orientieren. Format WebP oder JPEG, unter 1 MB. Wichtige Bild-Inhalte in der mittleren Hälfte platzieren, weil die Ränder bei manchen Plattformen beschnitten werden.
Twitter Card als Ergänzung
X, früher Twitter, nutzt teilweise eigene Tags mit Präfix twitter. Wichtig: twitter:card mit Wert summary_large_image, twitter:title, twitter:description, twitter:image. Wenn diese Tags fehlen, fällt X auf Open Graph zurück. Best Practice ist beides zu setzen, weil X den summary-Large-Image-Modus dann zuverlässig nutzt.
Validierung
Wenn Sie OG-Tags geändert haben, müssen Sie die Vorschau bei den Plattformen erneut crawlen lassen. Facebook hat dafür den Sharing Debugger unter developers.facebook.com/tools/debug. LinkedIn hat den Post Inspector unter linkedin.com/post-inspector. X bietet ein Card Validator. Plattformen cachen die Vorschau-Bilder bis zu 30 Tage, daher unbedingt nach Updates manuell refreshen.
Verbundene Begriffe
Webseite konkret verbessern?
Wir analysieren Ihre Seite und sagen Ihnen ehrlich was sich lohnt zu fixen. Erstgespräch kostenfrei.
Kostenloses Erstgespräch