How to fix missing og image on Adobe Commerce (Magento)
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 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.
<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 Adobe Commerce (Magento) 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