Missing og image
Moderate effortFound on 41% of audited stores.
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.
What it is
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.
Why it matters
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.
How to fix it
- Decide on an image for each page type: use the main product photo for product pages, a representative category image for collection/category pages, the featured image for blog posts, and a branded banner for your homepage and other static pages.
- Size the image to at least 1200 × 630 pixels (1.91:1 aspect ratio). Facebook, LinkedIn, and most platforms render this size as a large card. Keep the file size under 1 MB and use JPEG or PNG format.
- Add (or update) the og:image meta tag inside the <head> of each page, using an absolute URL (including https://): <meta property="og:image" content="https://yourdomain.com/path/to/image.jpg" />
- Add complementary Open Graph tags on the same page if they are also missing — at minimum: og:title, og:description, og:url, and og:type — so the full social card renders correctly.
- Validate the result using the Meta (Facebook) Sharing Debugger or LinkedIn Post Inspector by entering the page URL; confirm the correct image appears in the preview and that no warnings are shown.
- For product and collection pages generated from templates, update the template file or theme settings so every new page automatically inherits the correct og:image (typically the featured/product image), rather than fixing pages one by one.
<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" />Fix it on your platform
Pick your platform for the exact steps.
How to fix missing og image on Shopify
- From your Shopify Admin, go to Online Store → Themes → click 'Customize' on your active theme.
- 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.
- 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.
- For collection pages: Shopify uses the collection image as og:image. Set it under Products → Collections → [Collection] → Collection image.
- For blog posts: Shopify uses the post's featured image. Set it in Online Store → Blog Posts → [Post] → 'Featured image'.
- 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.
How to fix missing og image on Shopify Plus
- Follow the same steps as standard Shopify above.
- For headless or custom storefronts built on the Storefront API, ensure your frontend framework outputs the og:image meta tag in the <head> for each page, pulling the image URL from the Storefront API's product/collection/article image fields.
- Use Shopify Scripts or theme customizations in the Shopify Plus admin to apply global og:image logic consistently across all templates.
How to fix missing og image on WooCommerce
- 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.
- 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.
- 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'.
- For Rank Math: edit a product, scroll to the 'Rank Math SEO' panel → Social Media tab → set the 'Facebook Thumbnail' image.
- 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.
- After making changes, validate using the Meta Sharing Debugger to confirm the og:image is rendering correctly for each page type.
How to fix missing og image on BigCommerce
- 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.
- 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.
- 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.
- For category pages, BigCommerce uses the category image if set. Add category images under Products → Product Categories → [Category] → Category Image.
- Validate changes using the Meta Sharing Debugger after publishing.
How to fix missing og image on Wix
- In the Wix Editor, click on the page you want to edit in the Pages & Menu panel, then click the three-dot menu (···) next to the page name → SEO Basics (or 'SEO Settings').
- Scroll to the 'Social Share' section. Click 'Edit Image' and upload a 1200×630 px image specifically for social sharing — this sets the og:image for that page.
- For product pages in Wix Stores: the og:image is typically pulled from the product's main image. Ensure each product in Wix Stores has a high-quality main photo uploaded.
- For a site-wide default, go to Dashboard → Marketing & SEO → SEO Tools → SEO Settings and upload a default social image used as the fallback when no page-specific image is set.
- After updating, use the Meta Sharing Debugger to verify the correct image appears.
How to fix missing og image on Wix Studio
- In Wix Studio, open the site editor and select the page in the Pages panel.
- Click the page settings (gear icon or three-dot menu) → SEO → scroll to the Social Share / Open Graph section → upload or select your 1200×630 px og:image.
- For dynamic product pages, map the og:image field to the product's main image field via the CMS dataset / dynamic page settings so every product page automatically uses its own image.
- Set a site-wide fallback in the Wix Studio dashboard under SEO Settings → Default Social Image.
How to fix missing og image on Squarespace
- For a site-wide social sharing image (used as the og:image fallback): go to Settings → Social Links → scroll down to 'SEO' or 'Social Sharing' → upload a 'Social Sharing Logo' or 'Default Social Image' (1200×630 px recommended).
- For individual pages: open the Pages panel, hover over the page → click the gear icon (Page Settings) → Social Image tab → upload a custom image for that specific page.
- For product pages in Squarespace Commerce: the product's main image is used automatically as the og:image. Ensure every product has a clear, high-resolution primary image uploaded.
- For blog posts: set a Thumbnail Image in the post settings (click the post → Settings → Thumbnail) — Squarespace uses this as the og:image for the post.
- Validate with the Meta Sharing Debugger to confirm images appear correctly.
How to fix missing og image on Webflow
- In the Webflow Designer, open the Pages panel (left sidebar) → hover over the page → click the Settings gear icon.
- Scroll to the 'Open Graph Settings' section → click the OG Image field → upload or select a 1200×630 px image from your Assets panel. This sets the og:image for that static page.
- For CMS Collection pages (e.g., products, blog posts): open the Collection settings in the CMS panel → go to the Collection page template in the Designer → open Page Settings → in the OG Image field, bind it to a CMS image field (e.g., 'Main Image' or 'Featured Image') so every item automatically uses its own image.
- For a site-wide fallback, set the OG image on your homepage and key landing pages individually, as Webflow does not have a single global OG fallback outside of per-page settings.
- Publish the site and validate with the Meta Sharing Debugger.
How to fix missing og image on Adobe Commerce (Magento)
- In the Admin panel, go to Stores → Configuration → General → Design → HTML Head.
- Adobe Commerce does not output og:image tags by default in older versions. Install a dedicated extension such as 'MagePal Open Graph' (free) or a comprehensive SEO extension like 'Mageplaza SEO' or 'Amasty SEO Toolkit' to add og:image support.
- Once the extension is installed, configure it under Stores → Configuration → [Extension Name] → Social / Open Graph section. Set the product image as the og:image source for product pages (usually mapped to the product's base image) and configure fallback images for category and CMS pages.
- For custom theme implementations, edit your theme's 'default_head_blocks.xml' or the relevant layout XML to add the og:image meta tag, and use a block/helper to pull the product or category image URL dynamically.
- Ensure product images are properly uploaded and assigned as the product's 'Base Image' role in Catalog → Products → [Product] → Images and Videos.
- Clear the Magento cache (System → Cache Management → Flush Magento Cache) and validate with the Meta Sharing Debugger.
How to fix missing og image on Magento Open Source
- Follow the same steps as Adobe Commerce (Magento) above — the admin path, layout XML approach, and recommended extensions are identical for Magento Open Source.
How to fix missing og image on PrestaShop
- Go to Modules → Module Catalog and search for an SEO module such as 'SEO Expert' or 'Open Graph Tags' — install and configure it.
- In the module settings, map the og:image field to the product's cover/main image for product pages, and set a static fallback image URL for other page types.
- Alternatively, edit your theme's header.tpl file (located in themes/[your-theme]/templates/_partials/head.tpl) to manually add og:image meta tags using Smarty variables like {$product.cover.bySize.large_default.url}.
- Clear the PrestaShop cache (Advanced Parameters → Performance → Clear cache) and validate with the Meta Sharing Debugger.
How to fix missing og image on Ghost
- Ghost automatically generates og:image tags for posts and pages that have a Feature Image set.
- For each post or page, open the editor → click the Settings panel (gear icon) → set a 'Feature Image' (1200×630 px recommended) — Ghost uses this as the og:image.
- For the site-wide default (used when no feature image is set), go to Settings → General → Publication icon / cover image — Ghost uses the publication cover as the fallback og:image.
- Validate with the Meta Sharing Debugger to confirm images are rendering.
How to fix missing og image on HubSpot CMS
- In HubSpot, navigate to Marketing → Website → Landing Pages (or Website Pages / Blog) and open the page editor.
- Click Settings → Advanced → scroll to 'Featured Image' or 'Social Sharing Image'. Upload a 1200×630 px image — HubSpot uses this as the og:image when the page is shared.
- For the site-wide default, go to Settings → Website → Pages → Templates and set a default social sharing image.
- For blog posts, set the 'Featured Image' in the blog post editor (right-hand panel) — HubSpot automatically uses this as the og:image.
- Validate with the Meta Sharing Debugger.
Does your site have this issue?
Run a free SEOLZ audit to find missing og image — and every other issue — across your whole site in minutes.
Scan my site freeFrequently asked questions
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.
Why does missing og image matter?
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.
How do I fix missing og image?
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.
Authoritative references
- SEO Starter Guide — Google Search Central