How to set Open Graph images for a WooCommerce store in India

How do I set Open Graph images for a WooCommerce store in India? Set the product’s featured image in WooCommerce, then use your SEO plugin’s social settings to choose a different image for sharing when needed. Configure a default social image for pages without a specific choice, and inspect the page’s emitted og:image tag after saving. The setup described here is general WordPress and WooCommerce behavior; the reviewed documentation does not establish a separate India-specific procedure.

Open Graph images come from metadata in a page’s HTML head. An SEO plugin can generate that metadata from a product’s image, an explicit social-image override, or configured fallbacks. A product’s store image and its social-sharing image are related, but they need not be the same.

1. Find which plugin controls your Open Graph tags

Before changing settings, identify the active plugin that emits social metadata. If more than one plugin generates Open Graph tags, the page may contain competing values. Configure one source of these tags and check the public page’s HTML after saving.

The steps below use Yoast because its documentation describes the product social controls and image fallback order. If your site uses another SEO plugin, follow that plugin’s current documentation and installed-version interface; do not assume its controls or fallback order match Yoast’s.

2. Set the WooCommerce product’s featured image

1. In WordPress, open Products and edit the product.
2. Set the intended main product photo as the Product image (the featured image).
3. Add other useful views under the product gallery, then save or update the product.

WooCommerce describes the featured image as the large image shown on an individual product page. Catalog images are used in product loops such as shop and category views. This image is a sensible starting point for a share preview, but a separate social image can work better when the product photo’s crop or composition does not suit a link preview.

WooCommerce: Managing Products

3. Set a product-specific social image in Yoast

1. Edit the product and find Yoast’s Social tab or social appearance controls.
2. Choose a custom image for the social preview. Set a social title and description too if the default product text is not suitable for sharing.
3. Save or update the product.

Yoast documents social controls for products, categories, and tags. Use the product-specific override when you want a different image for sharing while keeping the WooCommerce featured image for the store. The reviewed documentation does not prescribe one image dimension that works identically across every service, so use an image that suits your composition and check the result on the services your customers use.

Yoast: Social media settings

4. Understand which image wins when there is no override

Yoast documents this og:image fallback order:

1. A user-defined Facebook or social image.
2. A featured image for supported post content.
3. A prominent image in the content.
4. The first image in the WooCommerce product gallery, when Yoast WooCommerce SEO is active.
5. The template’s social default image.
6. The site’s default social image.

The product-gallery fallback is specific to Yoast WooCommerce SEO; it is not an unconditional WooCommerce core rule. A default image is a fallback, so it does not override an explicit social image or earlier image source in this documented hierarchy.

Yoast Open Graph functional specification

5. Set a default social image and configure the homepage

Set a site or template default in your SEO plugin’s social settings. This gives pages without a more specific image a fallback. Check the settings in the version installed on your site, since labels and navigation can change.

Yoast’s homepage controls depend on how the homepage is configured:

• Static homepage: edit the page selected as the homepage and set its social appearance there.
• Latest posts homepage: use Yoast’s homepage content settings for its social metadata.

Review the homepage separately from products. A site-wide default does not necessarily replace a page-specific image.

6. Check the image on the public product page

1. Open the public product URL after saving changes.
2. Inspect the HTML document’s <head> and find the og:image property.
3. Confirm it appears once with the intended image URL. Also review related Open Graph title and description tags if you customized them.
4. Share the URL in the destination service or use a preview tool provided by that service, then compare its displayed image with the metadata.

Open Graph is consumed by services including WhatsApp, Facebook, Pinterest, LinkedIn, and Google, but the metadata does not guarantee identical crops, previews, or cache behavior. A page tag can be correct while a service still displays an older or differently rendered preview. The reviewed sources do not establish a universal refresh interval or cache-clearing method.

Choosing the right image workflow

Choice	Use it when	Scope
WooCommerce featured image	The main product photo also makes a suitable share image.	Product presentation and a possible metadata fallback.
Product-specific social image	You want a different crop, composition, or image for a particular product share.	The social metadata for that product, as configured by the SEO plugin.
Template or site default	A page needs a fallback and has no more specific image.	Fallback metadata; earlier choices in the plugin’s hierarchy can take precedence.
Meta for WooCommerce image setting	You are configuring the image used for a Facebook product catalog.	Meta catalog synchronization; this is not a universal Open Graph setting for every sharing service.

Meta for WooCommerce documents a Facebook product-image choice between using the WooCommerce image and supplying a custom image URL. Treat that as a catalog control, not as the general setting for WhatsApp or all other social previews.

WooCommerce: Meta for WooCommerce

Common problems and fixes

What you see	Likely cause	What to check
The old image still appears in a share preview.	The service may be showing a cached preview, or the public page still emits the old tag.	First inspect the current page’s og:image. If it is correct, check the destination service’s available preview or refresh tools; no single refresh timing applies to every service.
The featured image appears instead of your custom image.	The social override may not have been saved, or another metadata source may be supplying a different tag.	Reopen the product’s social settings, save the override, and inspect the public page head for duplicate or unexpected og:image tags.
A generic site image appears for a product.	No earlier image source in the active plugin’s fallback order was available.	Set the product featured image or an explicit social image, then verify the emitted tag.
The preview crop differs between services.	Services can render and crop the same source differently.	Check the actual preview in the target service. Adjust the image composition or use a product-specific social image if needed.
The product gallery image is not selected as expected.	The documented Yoast gallery fallback requires Yoast WooCommerce SEO; another plugin may use a different order.	Confirm the active extension and consult documentation for the installed plugin version.
Meta catalog image differs from a shared link image.	Catalog image controls and Open Graph page metadata have different scopes.	Check the Meta catalog setting separately from the page’s og:image tag.

Performance, reliability, and maintenance

• Use a product-specific override only where it improves the share composition; keep the featured image maintained for the storefront.
• Set a useful default so pages without product-specific imagery have a fallback, then periodically inspect important product and category pages.
• After changing plugins or social settings, check the public HTML head. This verifies what your site emits, though it cannot guarantee how a third-party service will display or cache it.
• Keep the SEO metadata source clear. Multiple active emitters can make it harder to determine which tag a service reads.

The documented setup does not require a special India-only image setting. Image rendering and cache timing may vary by destination service and current plugin version, so verify the particular product URL and share destination you care about.

Or skip the browser setup

To capture a product page for review or documentation, ScreenshotNeo can return a screenshot or PDF from one API request. See the ScreenshotNeo API documentation for options.

curl -G "https://api.screenshotneo.com/v1/shot" -d access_key=YOUR_API_KEY --data-urlencode url=https://stripe.com -o shot.webp

import requests
r = requests.get("https://api.screenshotneo.com/v1/shot", params={"access_key": "YOUR_API_KEY", "url": "https://stripe.com"}, timeout=90)
open("shot.webp", "wb").write(r.content)

const q = new URLSearchParams({ access_key: 'YOUR_API_KEY', url: 'https://stripe.com' });
const res = await fetch(`https://api.screenshotneo.com/v1/shot?${q}`);
if (!res.ok) throw new Error(`Screenshot request failed: ${res.status}`);
await Bun.write('shot.webp', new Uint8Array(await res.arrayBuffer()));

• Cookie banners, popups, and chat widgets are removed before the shot.
• Bot checks, blank pages, and failed loads are never billed.
• An MCP server lets AI agents take screenshots.
• 1,000 screenshots a month are free with no card; paid plans start at $5 for 3,000.

Learn about ScreenshotNeo, then sign up for 1,000 free screenshots a month with no card.

FAQ

How do I change the image that appears when I share a product link on WhatsApp?

Set a product-specific social image in your SEO plugin, save the product, and verify the page’s og:image. Then inspect the link preview in WhatsApp; its display may differ from the metadata or reflect a cached preview.

Does every WooCommerce product need a separate social image?

No. The featured image and configured defaults provide fallbacks. Add a separate social image when a product’s main image does not make a useful share preview.

Is there a special Open Graph setup for India?

The reviewed vendor documentation describes general WordPress and WooCommerce configuration and does not specify an India-only setup.

Does the Meta catalog image setting control every social preview?

No. It configures a Facebook product catalog image choice; check your SEO plugin’s page metadata for Open Graph sharing tags.