Zum Inhalt springen
Timo Wessels
English

Das Bild, das erscheint, wenn jemand deine Seite teilt

SEO

Ein geteilter Link zeigt ein Vorschaubild. Ob es das richtige ist, entscheidet eine einzige Zeile im Kopf der Seite.

3 Min. Lesezeit

Von Timo Wessels Veröffentlicht am

Schickt jemand einen Link zu deiner Seite in einem Netzwerk wie Facebook oder LinkedIn, erscheint eine kleine Karte: ein Titel, ein Satz und ein Bild. Das Bild sucht sich die Plattform nicht selbst aus, wenn du es ihr sagst. Sagst du es ihr nicht, nimmt sie irgendein Bild von der Seite, oft das Logo, manchmal ein Symbol, manchmal gar keins.

Das Wichtigste vorweg:

  • Du sagst der Plattform in einer Zeile im Kopf der Seite, welches Bild die Karte zeigen soll.
  • Das Bild hat mindestens 1200 × 630 Pixel im Querformat.
  • Ändert sich das Bild, zeigt die Plattform oft noch das alte. Dann lies die Seite dort neu ein.

Woher das Bild kommt

Im Kopf jeder Seite, dem unsichtbaren Teil des HTML, steht eine Zeile mit dem Namen og:image. Sie gehört zum Open-Graph-Protokoll. Die Beschreibung des Protokolls auf ogp.me sagt: og:image ist die Adresse eines Bildes, das das Objekt im Netzwerk darstellt. Für Seiten, die verschlüsselt laufen, gibt es zusätzlich og:image:secure_url.

Gib dort die volle Adresse an, mit https:// und Domain. Eine Plattform, die deine Seite abruft, kann mit einer halben Adresse nichts anfangen. Das ist meine Erfahrung.

Facebook und LinkedIn nennen für Karten weitere Angaben: og:title für den Titel, og:description für den Satz und og:url für die Adresse der Seite.

Welche Größe passt

Facebook empfiehlt Bilder mit mindestens 1200 × 630 Pixeln für die beste Anzeige auf hochauflösenden Geräten. Für eine Karte mit großem Bild verlangt es mindestens 600 × 315 Pixel.

LinkedIn nennt andere Werte: mindestens 1200 × 627 Pixel, empfohlenes Seitenverhältnis 1,91 zu 1, höchstens 5 MB Dateigröße.

Ein Bild im Querformat von 1200 × 630 Pixeln erfüllt beides. Wichtiges setze ich in die Mitte des Bildes, damit es bei jedem Zuschnitt sichtbar bleibt. Text im Bild muss groß genug sein, um auf dem Handy lesbar zu sein, oder ganz fehlen.

Warum die alte Vorschau bleibt

Plattformen merken sich die Vorschau eines Links. Wer das Bild ändert, sieht beim nächsten Teilen oft noch das alte. Facebook bietet dafür den Sharing Debugger an. Gibst du dort eine Adresse ein, zeigt er, welche Meta-Angaben der Crawler von Facebook ausliest und welche Fehler aufgetreten sind. Er löst außerdem ein neues Einlesen deiner Seite aus.

So prüfst du es selbst

Schicke dir den Link selbst, zum Beispiel in einem Chat mit dir selbst, und sieh dir die Karte an. Erscheint das falsche Bild oder keins, fehlt die Zeile, oder sie nennt eine Adresse, die nicht erreichbar ist. Prüfe auch, ob die Adresse des Bildes im Browser ohne Anmeldung aufgeht.

Quellen