How to fix missing og image on WooCommerce

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 WooCommerce

  1. Install and activate the free 'Yoast SEO' plugin (or 'Rank Math SEO') from Plugins → Add New — these are the standard tools for managing og:image in WordPress/WooCommerce.
  2. For Yoast SEO: go to each Product edit screen, scroll to the 'Yoast SEO' meta box → click the 'Social' tab → upload or select a Facebook image (og:image). If left blank, Yoast falls back to the product's featured image automatically.
  3. To set a site-wide fallback og:image in Yoast: go to SEO (Yoast) → Social → Facebook tab → upload a default image under 'Default image for Facebook sharing'.
  4. For Rank Math: edit a product, scroll to the 'Rank Math SEO' panel → Social Media tab → set the 'Facebook Thumbnail' image.
  5. Ensure every WooCommerce product has a featured image set (Product → Product image, top-right of the edit screen), as this is the automatic fallback for both plugins.
  6. After making changes, validate using the Meta Sharing Debugger to confirm the og:image is rendering correctly for each page type.
Official WooCommerce 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 WooCommerce 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