Quick answer: A social sharing image is the Open Graph image — the picture that appears when your product or blog URL is pasted into Instagram DMs, WhatsApp, Slack, X or Facebook. It is set by og:image in the page head, not by your product photos, and Shopify's default is often the store logo or nothing. It does not directly affect rankings; it affects whether a shared link gets clicked. For on-page image ranking factors see image SEO for Shopify; for alt text specifically see product image alt text.

Most Shopify stores discover this problem the same way: someone shares a product link in a group chat and it renders as a grey box, a stretched logo, or the wrong product entirely. The fix is small and almost always neglected, because nothing in the Shopify admin surfaces it.

What actually controls the preview

Three tags, all in <head>:

  • og:image — the image URL. This is the one that matters.
  • og:title and og:description — the headline and text under it. These fall back to your SEO title and meta description if unset, which is usually fine.
  • twitter:card — set to summary_large_image to get the full-width preview on X rather than a thumbnail.

If og:image is missing, each platform guesses. Facebook picks the largest image it can find, which on a Shopify collection page is often a promotional banner. Slack and WhatsApp frequently render nothing at all.

Platform Fallback Behavior Typical Outcome
Facebook Picks the largest image on the page Often shows a promotional banner (not the intended product image)
Slack Renders nothing when og:image is missing Link shared without any preview image
WhatsApp Renders nothing when og:image is missing Link shared without any preview image

The specifications that actually matter

1200×630 pixels. This is the ratio every major platform crops toward. Square product photos get centre-cropped, which on a tall product — a bottle, a dress — cuts the top and bottom off.

Under 1 MB, ideally under 300 KB. WhatsApp and iMessage silently skip images that are too large, which is why a link previews correctly on desktop Slack and shows nothing on a phone.

Absolute URLs with https://. A protocol-relative //cdn.shopify.com/… URL works in a browser and fails in most crawlers.

JPEG or PNG. WebP support in social crawlers is still inconsistent — this is the one place on a Shopify store where WebP is the wrong choice.

Setting it on Shopify

Shopify does not expose og:image in the admin. It is set in theme.liquid, and most themes include a reasonable default:

Product pages should use the featured image. Collection pages should use the collection image, falling back to the store logo. Blog articles should use the article image. Everything else falls back to a single branded default.

The common bug is a theme that sets og:image once, globally, to the store logo — so every product shares as the logo. Check by pasting a product URL into the Facebook Sharing Debugger, which shows exactly what the crawler sees and lets you force a re-scrape after a change.

Why this is not a ranking factor, and why it still matters

Open Graph tags are not used by Google for ranking. No amount of og:image work moves a position.

What it moves is click-through on shared links, and shares are how most Shopify stores get their first links. A product shared into a 200-person Facebook group as a grey box gets ignored; the same link with a clean product shot gets clicked. The SEO value is second-order and real: shared links that get clicked get linked, and links move rankings.

It also matters for a reason that did not exist three years ago. AI answer engines increasingly surface a source card with an image when they cite a page. A missing og:image means your store gets cited as text while a competitor gets cited with a product shot.

Checking it across the catalogue

One product is easy to verify. The failure mode is that the fallback works and the specific case does not — products with no featured image, collections created after the theme was edited, blog posts imported from another platform.

Pasting every URL into the Facebook debugger does not scale. RankEngine's audit reports missing and oversized og:image values per URL alongside the rest of the on-page checks, which is the only way to catch the subset that silently fell back.

Related