Open Graph

TL;DR

Open Graph Tags steuern, wie Links auf Social Media erscheinen. Sie bestimmen Bild, Titel und Beschreibung beim Teilen.

Was ist Open Graph?

Open Graph ist ein von Facebook entwickeltes Protokoll, das steuert, wie Webseiten in sozialen Netzwerken dargestellt werden. Die Tags definieren Titel, Beschreibung und Vorschaubild.

Wichtige Open Graph Tags

• og:title: Titel beim Teilen
• og:description: Beschreibungstext
• og:image: Vorschaubild (wichtigster Tag!)
• og:url: Kanonische URL
• og:type: website, article, product etc.

Bildanforderungen

• Mindestens 1200 x 630 Pixel
• Seitenverhältnis 1.91:1
• Max. 8 MB
• Wichtige Inhalte mittig (wird beschnitten)

Twitter Cards

Twitter nutzt eigene Tags (twitter:card, twitter:image), fällt aber auf Open Graph zurück. Deshalb: Open Graph immer setzen.

Open Graph und Nachhaltigkeit

Gute Previews reduzieren nutzlose Klicks:

• Nutzer sieht sofort, worum es geht
• Weniger Fehlklicks
• Effizientere Content-Distribution

Testen

• Facebook Sharing Debugger
• Twitter Card Validator
• LinkedIn Post Inspector

Fazit

Open Graph Tags sind Pflicht für jede Website. Sie kontrollieren, wie Content in sozialen Netzwerken erscheint – das Vorschaubild ist dabei der wichtigste Faktor.