How to fix missing og image on BigCommerce

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 BigCommerce

  1. BigCommerce automatically uses the product's primary image as og:image for product pages. Ensure every product has a high-resolution main image uploaded under Products → [Product] → Images & Videos.
  2. For global/default og:image settings, go to Storefront → Script Manager or edit your theme directly. In Stencil themes, open the file 'templates/layout/base.html' in the Theme Editor (Storefront → My Themes → Advanced → Edit Theme Files) and locate the og:image meta tag to customize the fallback.
  3. To set a branded default for non-product pages (homepage, category pages), add or edit the og:image meta tag in 'templates/layout/base.html', using Handlebars context variables like {{page.featured_image}} where available or a hardcoded absolute URL for the fallback image.
  4. For category pages, BigCommerce uses the category image if set. Add category images under Products → Product Categories → [Category] → Category Image.
  5. Validate changes using the Meta Sharing Debugger after publishing.
Official BigCommerce 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 BigCommerce 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