Open-Graph-Vorschau: Wie deine Links in sozialen Medien erscheinen

Was sind Open-Graph-Tags?

Open Graph (OG) ist ein 2010 von Facebook entwickeltes Protokoll, mit dem jede Webseite steuern kann, wie sie beim Teilen auf Social-Media-Plattformen erscheint. Indem Sie bestimmte Meta-Tags in Ihren HTML-Head einfügen, legen Sie den Titel, die Beschreibung, das Bild und die URL fest, die in Link-Vorschauen angezeigt werden.

Ohne Open-Graph-Tags versuchen soziale Plattformen, automatisch eine Vorschau zu erzeugen, was oft zu wenig vorteilhaften Ergebnissen mit falschen Bildern, abgeschnittenen Titeln oder fehlenden Beschreibungen führt. OG-Tags geben Ihnen die volle Kontrolle darüber, wie Ihre Inhalte in sozialen Medien aussehen.

So funktionieren Open-Graph-Vorschauen

Wenn jemand eine URL in sozialen Medien teilt, ruft der Crawler der Plattform die Seite ab und liest deren Open-Graph-Meta-Tags aus. Die vier erforderlichen Eigenschaften definieren die minimal sinnvolle Vorschaukarte.

• og:title — der Titel, der in der Link-Vorschaukarte angezeigt wird, typischerweise 60 bis 90 Zeichen für eine optimale Darstellung plattformübergreifend
• og:description — eine kurze Zusammenfassung unter dem Titel, idealerweise 150 bis 200 Zeichen, um Kürzungen zu vermeiden
• og:image — die URL des Vorschaubilds, empfohlen 1200 x 630 Pixel für Facebook und LinkedIn, dargestellt als große Karte oder Miniaturansicht

Wann Sie ein OG-Vorschau-Tool verwenden sollten

Ihre Open-Graph-Tags vor dem Teilen zu testen ist unerlässlich für einen professionellen Auftritt in sozialen Medien.

• Social-Media-Marketing — sehen Sie in der Vorschau, wie Blogbeiträge, Produktseiten und Landingpages auf Facebook, Twitter und LinkedIn erscheinen, bevor Sie sie teilen
• SEO-Prüfung — stellen Sie sicher, dass OG-Tags mit Ihrem Seitentitel und Ihrer Beschreibung übereinstimmen, damit die Botschaft über Such- und Social-Kanäle hinweg einheitlich bleibt
• Messaging-Apps — Plattformen wie Slack, Discord, WhatsApp und Telegram nutzen OG-Tags ebenfalls, um Link-Vorschauen zu erzeugen, sodass die Qualität der Tags auch über soziale Medien hinaus wichtig ist

Häufig gestellte Fragen

Was ist die ideale OG-Bildgröße?

Die empfohlene OG-Bildgröße beträgt 1200 x 630 Pixel (Seitenverhältnis 1,91:1) für eine optimale Darstellung auf Facebook und LinkedIn. Twitter Cards funktionieren am besten bei 1200 x 628 Pixel. Halten Sie wichtige Inhalte zentriert, da manche Plattformen die Ränder beschneiden. Verwenden Sie das JPEG- oder PNG-Format und halten Sie die Dateigröße für schnelles Laden unter 1 MB.

Brauche ich sowohl OG-Tags als auch Twitter-Card-Tags?

Twitter Cards (twitter:title, twitter:description, twitter:image) können auf OG-Tags zurückgreifen, wenn sie nicht angegeben sind. Beide zu setzen gibt Ihnen jedoch plattformspezifische Kontrolle. So möchten Sie auf Twitter vielleicht einen kürzeren Titel verwenden. Setzen Sie mindestens OG-Tags — sie bieten die breiteste Abdeckung über alle Plattformen hinweg.

Wie behebe ich OG-Tags, die sich nicht aktualisieren?

Soziale Plattformen cachen OG-Daten aggressiv. Mit dem Sharing Debugger von Facebook können Sie eine URL erneut auslesen, um den Cache zu aktualisieren. Der Card Validator von Twitter tut dasselbe für Twitter Cards. Der Post Inspector von LinkedIn kümmert sich um das Caching bei LinkedIn. Nutzen Sie diese Tools nach dem Aktualisieren Ihrer OG-Tags, um vor dem Teilen einen Cache-Refresh zu erzwingen.