Kurze Antwort: Ein Social-Sharing-Bild ist das Open Graph-Bild — das Bild, das erscheint, wenn Ihre Produkt- oder Blog-URL in Instagram-DMs, WhatsApp, Slack, X oder Facebook eingefügt wird. Es wird durch og:image im Seitenkopf festgelegt, nicht durch Ihre Produktfotos, und die Standardeinstellung von Shopify ist oft das Ladenlogo oder nichts. Es beeinflusst nicht direkt das Ranking; es beeinflusst, ob ein geteilter Link angeklickt wird. Für On-Page-Bild-Ranking-Faktoren siehe Bild-SEO für Shopify; für Alt-Text speziell siehe Produktbild-Alt-Text.

Die meisten Shopify-Shops entdecken dieses Problem auf die gleiche Weise: Jemand teilt einen Produktlink in einem Gruppenchat und er wird als grauer Kasten, gestrecktes Logo oder völlig falsches Produkt angezeigt. Die Lösung ist klein und wird fast immer vernachlässigt, da nichts im Shopify-Admin darauf hinweist.

Was die Vorschau tatsächlich steuert

Drei Tags, alle im <head>:

  • og:image — die Bild-URL. Dies ist das entscheidende Tag.
  • og:title und og:description — die Überschrift und der Text darunter. Diese greifen auf Ihren SEO-Titel und die Meta-Beschreibung zurück, wenn sie nicht gesetzt sind, was normalerweise in Ordnung ist.
  • twitter:card — auf summary_large_image setzen, um die Vollbildvorschau auf X anstelle eines Thumbnails zu erhalten.

Wenn og:image fehlt, rät jede Plattform. Facebook wählt das größte Bild, das es finden kann, was auf einer Shopify-Kategorieseite oft ein Werbebanner ist. Slack und WhatsApp zeigen häufig gar nichts an.

Plattform Fallback-Verhalten Typisches Ergebnis
Facebook Wählt das größte Bild auf der Seite Zeigt oft ein Werbebanner (nicht das beabsichtigte Produktbild)
Slack Zeigt nichts an, wenn og:image fehlt Link wird ohne Vorschaubild geteilt
WhatsApp Zeigt nichts an, wenn og:image fehlt Link wird ohne Vorschaubild geteilt

Die Spezifikationen, die wirklich zählen

1200×630 Pixel. Dies ist das Verhältnis, auf das jede große Plattform zuschneidet. Quadratische Produktfotos werden zentriert zugeschnitten, was bei einem hohen Produkt — einer Flasche, einem Kleid — die Ober- und Unterseite abschneidet.

Unter 1 MB, idealerweise unter 300 KB. WhatsApp und iMessage überspringen stillschweigend Bilder, die zu groß sind, weshalb eine Linkvorschau auf dem Desktop-Slack korrekt angezeigt wird und auf einem Telefon nichts zeigt.

Absolute URLs mit https://. Eine protokoll-relative //cdn.shopify.com/… URL funktioniert im Browser und scheitert in den meisten Crawlern.

JPEG oder PNG. WebP-Unterstützung in sozialen Crawlern ist immer noch inkonsistent — dies ist der einzige Ort in einem Shopify-Shop, an dem WebP die falsche Wahl ist.

Einstellung auf Shopify

Shopify zeigt og:image nicht im Admin-Bereich an. Es wird in theme.liquid festgelegt, und die meisten Themes enthalten eine vernünftige Standardeinstellung:

Produktseiten sollten das Hauptbild verwenden. Kategorieseiten sollten das Kategoriebild verwenden, das auf das Ladenlogo zurückfällt. Blogartikel sollten das Artikelbild verwenden. Alles andere fällt auf einen einzigen gebrandeten Standard zurück.

Der häufige Fehler ist ein Theme, das og:image einmal global auf das Ladenlogo setzt — sodass jedes Produkt als Logo geteilt wird. Überprüfen Sie dies, indem Sie eine Produkt-URL in den Facebook Sharing Debugger einfügen, der genau zeigt, was der Crawler sieht, und Ihnen ermöglicht, nach einer Änderung ein erneutes Scraping zu erzwingen.

Warum dies kein Ranking-Faktor ist und warum es trotzdem wichtig ist

Open Graph-Tags werden von Google nicht für das Ranking verwendet. Keine Menge an og:image-Arbeit verschiebt eine Position.

Was es verschiebt, ist die Klickrate auf geteilte Links, und Shares sind, wie die meisten Shopify-Shops ihre ersten Links erhalten. Ein Produkt, das in eine 200-Personen-Facebook-Gruppe als grauer Kasten geteilt wird, wird ignoriert; derselbe Link mit einem sauberen Produktfoto wird angeklickt. Der SEO-Wert ist zweitrangig und real: Geteilte Links, die angeklickt werden, werden verlinkt, und Links verschieben Rankings.

Es ist auch aus einem Grund wichtig, der vor drei Jahren nicht existierte. KI-Antwortmaschinen zeigen zunehmend eine Quellenkarte mit einem Bild an, wenn sie eine Seite zitieren. Ein fehlendes og:image bedeutet, dass Ihr Shop als Text zitiert wird, während ein Konkurrent mit einem Produktfoto zitiert wird.

Überprüfung im gesamten Katalog

Ein Produkt ist einfach zu überprüfen. Der Fehlerfall ist, dass der Fallback funktioniert und der spezifische Fall nicht — Produkte ohne Hauptbild, Kollektionen, die nach der Bearbeitung des Themes erstellt wurden, Blogbeiträge, die von einer anderen Plattform importiert wurden.

Jede URL in den Facebook-Debugger einzufügen, skaliert nicht. RankEngine's Audit-Berichte zeigen fehlende und übergroße og:image-Werte pro URL neben den restlichen On-Page-Checks an, was der einzige Weg ist, um den Teil zu erfassen, der stillschweigend zurückgefallen ist.

Verwandt