Open Graph Protocol (OG-Tags)

Die wichtigsten OG-Tags

<meta property="og:title" content="Seitentitel">
<meta property="og:description" content="Kurzbeschreibung">
<meta property="og:image" content="https://example.de/preview.jpg">
<meta property="og:url" content="https://example.de/seite">
<meta property="og:type" content="article">
<meta property="og:site_name" content="Beispielmagazin">
<meta property="og:locale" content="de_DE">

Twitter Cards als Schwester-Format

Twitter/X nutzt teilweise eigene Tags (twitter:card, twitter:title, etc.), fällt aber bei Fehlen auf OG-Tags zurück. Standard-Setup: OG-Tags Pflicht, Twitter-Cards optional ergänzen für maximale Plattform-Kompatibilität. Bei Bildern wichtig: Twitter bevorzugt 2:1 Format (1200×600), Facebook und LinkedIn 1.91:1 (1200×627). Wer ein Bild für alle nutzt, sollte 1200×627 wählen.

Typische OG-Fehler

• Fehlende og:image — Plattformen zeigen dann „leere" Karten ohne Vorschau.
• Zu kleines Bild — Mindestens 1200×630 px, sonst wirkt es pixelig.
• og:url stimmt nicht mit Canonical überein — verwirrend für Crawler.
• Bild-URL ist relative URL — funktioniert nicht, immer absolute URL mit Domain.
• HTTPS-Fehler im og:image — Bilder vom HTTP geladen, Plattformen blockieren Mixed-Content.
• og:title vs. title Tag identisch — Verpasste Chance: Title ist für SERP, OG ist für Social — andere Optimierungs-Logik.