How to fix missing og image on Shopify

Add an og:image meta tag to every page so social media platforms and messaging apps display a rich preview image when someone shares your store's link.

Steps for Shopify

  1. From your Shopify Admin, go to Online Store → Themes → click 'Customize' on your active theme.
  2. For the global default og:image (homepage and pages without a featured image): go to Online Store → Preferences → scroll to 'Social sharing image' → upload a 1200×630 px branded image. Shopify uses this as the fallback og:image site-wide.
  3. For product pages: Shopify automatically uses the product's first image as og:image. Ensure every product has a high-quality main image uploaded under Products → [Product] → Images.
  4. For collection pages: Shopify uses the collection image as og:image. Set it under Products → Collections → [Collection] → Collection image.
  5. For blog posts: Shopify uses the post's featured image. Set it in Online Store → Blog Posts → [Post] → 'Featured image'.
  6. To customize og:image logic in code, go to Online Store → Themes → Actions → Edit code → open 'theme.liquid' (or your header snippet) and locate or add the og:image meta tag in the <head> section, using Liquid variables such as {{ product.featured_image | img_url: 'master' }} for product pages.
Official Shopify documentation ↗
<meta property="og:image" content="https://yourdomain.com/images/product-hero.jpg" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta property="og:image:alt" content="Brief description of the image" />

What is missing og image?

The Open Graph (OG) protocol is a set of special meta tags you place in the `<head>` of each webpage. The `og:image` tag tells social networks — Facebook, Pinterest, LinkedIn, WhatsApp, Slack, iMessage, and others — which image to use when someone shares that page as a link. Without it, those platforms either show no image at all, pick a random image from your page (often your logo, a tiny thumbnail, or something irrelevant), or display a plain-text link with no visual at all. Every product page, collection page, blog post, and homepage should have its own well-sized og:image.

Posts with a compelling preview image consistently earn far higher click-through rates than bare-text links — studies routinely show 2–3× more clicks from social shares when a rich image card is present. For an ecommerce store, every social share of a product page is free word-of-mouth advertising; a missing og:image wastes that exposure and directly costs you traffic and sales. Pinterest in particular uses og:image as the default pin image, so missing it can suppress organic Pinterest discovery entirely. Although og:image is not a direct Google ranking factor, stronger social engagement drives more referral traffic and branded searches, both of which can improve your organic SEO footprint over time.

See the complete Missing og image guide for every platform and the full background.

Not sure if your Shopify store has this?

Run a free SEOLZ audit — we’ll find missing og image and every other issue across your whole site.

Scan my site free

Fix missing og image on another platform