So sieht Ihr Link aus, wenn ihn jemand teilt

Warum das Vorschaubild wichtig ist#

Wenn jemand Ihren Link auf Facebook, LinkedIn, im Messenger oder in einem Chat einfügt, holt der Dienst eine Vorschau: Bild, Überschrift und kurzen Text. Sie wird von Open-Graph-Tags im Code der Seite bestimmt. Fehlen sie, rät der Dienst, und das Ergebnis ist oft ein abgeschnittenes Logo oder gar kein Bild. Die Tags sind eine Art Meta-Tags (siehe Meta-Tags).

Die Tags, die gebraucht werden#

Der Open-Graph-Standard verlangt vier Tags: og:title, og:type, og:image und og:url, wobei og:url die dauerhafte Adresse der Seite ist [1]. Freiwillig, aber wichtig sind og:description, og:site_name und og:locale (für Deutsch de_DE), und für das Bild og:image:width, og:image:height und og:image:alt [1]. LinkedIn verlangt außerdem og:description [2].

Das Bild: Größe und Format#

• Meta empfiehlt mindestens 1200 × 630 Pixel, ein Seitenverhältnis nahe 1,91:1 und höchstens 8 MB. Gibt man Breite und Höhe in den Tags an, kann das Bild sofort angezeigt werden [3].
• LinkedIn verlangt mindestens 1200 × 627 Pixel und höchstens 5 MB; Bilder schmaler als 401 Pixel werden als kleines Vorschaubild gezeigt [2].
• Die Adresse des Bildes muss vollständig sein (mit https:// beginnen), sonst können die Dienste es nicht abrufen.
• X (Twitter) verwendet die Open-Graph-Tags, wenn eigene X-Tags fehlen.

Das tun wir#

• Jede Seite, die wir bauen, bekommt alle Open-Graph-Tags, ein Vorschaubild in 1200 × 630 mit Breite, Höhe und Alternativtext und denselben Titel und dieselbe Beschreibung wie im Suchergebnis.
• In der Analyse Ihrer aktuellen Website sehen Sie, welche Tags fehlen und ob das Bild zu klein ist.
• Wenn Sie messen möchten, was Teilen und Anzeigen bringen, lesen Sie über Pixel und Messung.