Fix guide · Shopify

How to Add Open Graph Tags in Shopify (2026)

Open Graph tags control how your Shopify products and pages look when shared on Facebook, LinkedIn, Slack, and WhatsApp. Most Shopify themes output them through a snippet — commonly named social-meta-tags.liquid — but it's sometimes missing, incomplete, or stripped out during a custom theme build. This guide shows you where to find it, what to add, and how to set a default sharing image.

Run a free check to confirm this is affecting your site

Why it matters

What this issue costs you

When a shopper shares a product link in a group chat or on social media, Open Graph tags determine the title, description, and image shown in the preview card. A missing og:image typically means the link preview shows no image at all, which measurably reduces click-through compared to a preview with a clear product photo.

Step-by-step

How to fix: Missing Open Graph tags

Shopify

1
Check for existing Open Graph tags
Go to Online Store → Themes → Actions → Edit code. Use the code search to look for "og:" across snippets/ and layout/theme.liquid. Most themes keep these in a dedicated snippets/social-meta-tags.liquid file, included from theme.liquid.

Add or fix the snippet

If the snippet is missing or incomplete, create (or edit) snippets/social-meta-tags.liquid with the core tags, then make sure theme.liquid includes it inside <head> with {% render 'social-meta-tags' %}:

snippets/social-meta-tags.liquid

<meta property="og:site_name" content="{{ shop.name }}">
<meta property="og:url" content="{{ canonical_url }}">
<meta property="og:title" content="{{ page_title }}">
<meta property="og:description" content="{{ page_description | default: shop.description }}">
<meta property="og:type" content="{% if template == 'product' %}product{% else %}website{% endif %}">
{% if page_image %}
  <meta property="og:image" content="https:{{ page_image | image_url: width: 1200 }}">
  <meta property="og:image:width" content="1200">
  <meta property="og:image:height" content="630">
{% endif %}

3
Product-specific image fallback
Shopify's page_image variable usually resolves to the product's featured image automatically on product templates. If your theme doesn't set page_image, reference the product image directly in the product template:
sections/main-product.liquid
```
{{ product.featured_image | image_url: width: 1200 }}
```
4
Set a default sharing image for pages without one
For pages and collections with no featured image (so page_image is blank), set a store-wide fallback. Depending on your theme, this lives under Online Store → Preferences → "Social sharing image", or you can hardcode a fallback URL in the {% if page_image %} / {% else %} branch of the snippet above.

Verify the fix

Run the checker to confirm the issue is resolved

After applying the steps above, paste your URL below. Our checker will re-run every applicable check and show whether missing open graph tags still shows as a failing check.

FAQ

Common questions about missing open graph tags

What image size should I use for og:image on Shopify?

Use 1200×630px (1.91:1 ratio) for the best display across Facebook, LinkedIn and Slack. Shopify's image_url filter with width: 1200 will resize your existing product image on the fly — you don't need to upload a separate asset.

Does Shopify add Open Graph tags automatically?

Most official and premium themes include a social-meta-tags snippet out of the box. Heavily customized or older themes sometimes have it stripped out during a rebuild — that's the most common cause of this issue on Shopify stores.

How do I test my Open Graph tags after adding them?

Use the Facebook Sharing Debugger (developers.facebook.com/tools/debug) to force a re-scrape, or the LinkedIn Post Inspector. Both platforms cache old previews, so re-scrape after any change before assuming it didn't work.

Do Open Graph tags affect my Shopify store's Google ranking?

No — they have no direct ranking effect. Their impact is on click-through and trust when links are shared on social platforms and messaging apps, which indirectly drives traffic.

While you're here

Related fix guides for Shopify

Missing Open Graph tagsWordPress→Missing meta descriptionShopify→Missing or incomplete JSON-LD schemaShopify→

Need a full audit?

This checker spots individual issues instantly. deepseoanalysis.com crawls your whole site and tracks changes weekly, from $24/mo.

Deep audit →

See all WordPress fix guides, or run a free check now.