How to Fix Missing OG Image Tags on Shopify & WooCommerce

errorThe Problem

Your pages are missing the og:image meta tag, which tells social media platforms which image to show when someone shares your link. Without it, platforms either show no image or pick a random one from your page — often the wrong one.

trending_upWhy It Matters for SEO

Social media posts with images get 2-3x more engagement than text-only posts. When a customer shares your product on Facebook, Instagram, or LinkedIn, the og:image controls what they and their friends see. A missing or wrong image means lost clicks and a less professional appearance.

buildHow to Fix It

{%- if template contains 'product' -%}
  <meta property="og:image" content="{{ product.featured_image | image_url: width: 1200 }}" />
  <meta property="og:image:width" content="1200" />
  <meta property="og:image:height" content="630" />
{%- elsif template contains 'collection' -%}
  <meta property="og:image" content="{{ collection.image | image_url: width: 1200 | default: settings.share_image | image_url: width: 1200 }}" />
{%- else -%}
  <meta property="og:image" content="{{ settings.share_image | image_url: width: 1200 }}" />
{%- endif -%}

Related Fix Guides