Question 1

Welche Bildabmessungen sollte ich für og:image verwenden?

Accepted Answer

Die empfohlene Mindestgröße ist 1200×630 Pixel mit einem Seitenverhältnis von 1,91:1. Facebook und LinkedIn schneiden kleinere Bilder zu. Verwenden Sie PNG oder JPEG unter 8 MB. Platzieren Sie wichtigen Text nicht zu nah an den Rändern, da Plattformen das Bild für Thumbnails leicht zuschneiden können.

Question 2

Was ist der Unterschied zwischen og:type und Twitter-Card-Typen?

Accepted Answer

og:type beschreibt die Art des Seiteninhalts — 'website' für allgemeine Seiten, 'article' für Blogbeiträge, 'video.other' für Videoinhalte. Twitter Cards ist ein separates System: summary zeigt ein kleines Vorschaubild, summary_large_image ein Vollbreiten-Bild, und player bettet Videos ein. Sie werden unabhängig mit <meta name="twitter:card"> gesetzt.

Question 3

Kann ich dynamische OG-Bilder automatisch generieren?

Accepted Answer

Ja. Tools wie Vercels @vercel/og (mit der ImageResponse-API) und Cloudinarys URL-basierte Transformationen ermöglichen die Generierung von Bildern aus Text und Vorlagen in Echtzeit. In Next.js können Sie eine opengraph-image.tsx-Route erstellen, die React zur Anforderungszeit mit der Edge-Runtime in ein PNG-Bild rendert.

Question 4

Warum ist og:url wichtig und wie sollte es zur canonical-URL passen?

Accepted Answer

og:url teilt sozialen Plattformen mit, welcher URL die Share-Card zugeordnet werden soll, um doppelte Zählungen zu vermeiden, wenn eine Seite über mehrere URLs aufgerufen wird (z.B. mit/ohne abschließenden Schrägstrich oder UTM-Parameter). Es sollte genau der <link rel="canonical">-URL entsprechen, um die maßgebliche Adresse der Seite anzuzeigen.

Question 5

Warum wird mein OG-Bild nach der Änderung nicht aktualisiert?

Accepted Answer

Soziale Plattformen cachen OG-Metadaten aggressiv. Facebook cached bis zu 7 Tage; Twitter/X für kürzere Zeiträume. Um eine Aktualisierung zu erzwingen: Nutzen Sie den Facebook Sharing Debugger (developers.facebook.com/tools/debug) oder den Twitter Card Validator, um den Cache zu scrapen und zu aktualisieren. Das Ändern der Bild-URL (z.B. durch Hinzufügen eines Cache-Busting-Query-Strings) zwingt Plattformen zur sofortigen Neuabfrage.

OG-Vorschau

Facebook / LinkedIn

Twitter

Häufig gestellte Fragen

Comments & Feedback