Teilen

Bilder in geteilten Links

Das Open Graph-Meta-Tag

Das og:image-Tag kann verwendet werden, um die URL des Bildes anzugeben, das angezeigt wird, wenn jemand den Inhalt auf Facebook teilt. Die vollständige Liste der Bildeigenschaften findest du hier.

Anforderungen

  • Die minimal zulässige Bildgröße beträgt 200 x 200 Pixel.
  • Die Größe der Bilddatei darf 8 MB nicht überschreiten.
  • Verwende Bilder mit mindestens 1200 x 630 Pixeln für die beste Anzeige auf hochauflösenden Geräten. Du solltest Bilder mit mindenstens 600 x 315 Pixeln verwenden, um Linkseitenbeiträge mit größeren Bildern anzuzeigen.
  • Wenn dein Bild eine Größe unter 600 x 315 Pixeln aufweist, wird es dennoch im Linkseitenbeitrag angezeigt, wenn auch viel kleiner.
  • Außerdem haben wir Linkseitenbeiträge neu entworfen, sodass das Seitenverhältnis für Bilder für den Feed auf dem Desktop und in der Mobilversion gleich ist. Versuche, so nahe wie möglich an einem Seitenverhältnis von 1.91:1 zu bleiben, um das ganze Bild im Feed anzuzeigen, ohne dass Teile abgeschnitten werden.
  • Unser Crawler akzeptiert nur gzip- und deflate-Codierungen. Stelle also sicher, dass dein Server die richtige Codierung verwendet.

Bilder im Voraus zwischenspeichern

Wenn Inhalt zum ersten Mal geteilt wird, liest der Facebook-Crawler die Metadaten aus der geteilten URL aus und speichert diese im Cache. Der Crawler muss ein Bild zumindest einmal sehen, bevor es gerendert werden kann. Das bedeutet, dass die erste Person, die ein Inhaltselement teilt, kein gerendertes Bild sieht:

Dies kannst du auf drei Arten vermeiden, damit Bilder bei der ersten „Gefällt mir“- oder Teilen-Handlung gerendert werden:

  1. Führe mit dem Sharing Debugger vorab eine Zwischenspeicherung des Bildes durch: Lass die URL durch den URL-Debugger laufen, um die Metadaten für die Website zu ermitteln. So kannst du auch das Bild des Inhalts aktualisieren.

  2. Führe mit der Graph API vorab eine Zwischenspeicherung des Bildes durch: Erzwinge mit der Graph API ein programmatisches Scraping der URL, um die Metadaten für die Website vorab abzurufen. So kannst du auch das Bild des Inhalts aktualisieren.

  3. Verwende die Open Graph-Tags og:image:width und og:image:height: Mit diesen Tags gibst du die Bildabmessungen an, damit der Crawler das Bild sofort rendern kann, ohne es asynchron herunterladen und verarbeiten zu müssen.

Bilder aktualisieren

Wir speichern anhand der entsprechenden Bild-URL alle Bilder zwischen, auf die du verweist. Wenn du also ein Bild austauschst:

  • Verwende für das neue Bild eine neue URL. Ansonsten wird das Bild nicht aktualisiert.
  • Entferne keine alten Bilder, da es eventuell bestehende Meldungen gibt, die auf das alte Bild verweisen.
  • Folge den Anweisungen im vorherigen Abschnitt, um sicherzustellen, dass das neue Bild von unserem Crawler heruntergeladen wurde.

Beachte, dass das Aktualisieren eines Bildes für eine URL die Vorschau von älteren geteilten Links nicht automatisch aktualisiert. Um dies zu tun, musst du den geteilten Link wie hier beschrieben aktualisieren.

Problembehebung

Wenn Probleme bei der Anzeige von Bildern für eine URL auftreten, versuche die Bild-URL im Sharing Debugger auf Fehler zu untersuchen. Wenn du der Ansicht bist, dass das Problem bei uns liegt, kannst du eine Fehlermeldung einreichen.