AIWebPageSEO › Social Preview Fixes › Fix Social Previews in Shopify (Facebook, Twitter, LinkedIn)

How to Fix Social Previews in Shopify (Facebook, Twitter, LinkedIn)

When Shopify URLs are shared on Facebook, LinkedIn, WhatsApp, the preview should be product/branded image, title and description. When it isn't, click-through suffers. This guide covers Shopify-specific social preview debugging. Pair with social preview guide and OG fixes.

Step-by-step: How to fix Shopify social previews

  1. Test current preview per platform. Facebook Sharing Debugger, Twitter Card Validator, LinkedIn Post Inspector, WhatsApp (paste into a draft). Note differences per platform — usually indicate platform-specific issues.
  2. Fix common: missing OG image. Product or page has no featured image — OG falls back to default or none. Audit: every active product needs a featured image. Set theme default OG image for non-product pages.
  3. Fix common: wrong dimensions. 1200x630 ideal. Smaller (e.g., 600x600 square crop) gets cropped or rejected. Shopify CDN handles resizing if you upload large enough — upload 2400x1260 originals, CDN serves 1200x630.
  4. Force refresh cached previews. Facebook: Sharing Debugger → Scrape Again. Twitter: re-paste in Card Validator. LinkedIn: Post Inspector → Inspect. WhatsApp: hardest — caches 30 days, sometimes requires URL parameter to bypass (?v=2).
  5. Fix Twitter card type. Should be summary_large_image. Default Shopify themes output this. If 'summary' (small thumbnail) by mistake, override in theme.liquid.
  6. Fix WhatsApp preview-not-showing. WhatsApp needs OG in first 4KB of HTML, image under 300KB. Shopify with many apps loads heavy head; move OG tags earlier in theme.liquid head.
  7. Monitor. Monthly re-test 3-5 critical URLs in each platform's debugger. After theme/app updates, re-test immediately.
Tip. Document your Shopify configuration choices in a single internal doc (theme version, installed apps, custom code edits). When something breaks after a theme or app update, you have a baseline to compare against.

🔗 Audit Shopify social previews

See how URLs render on Facebook, Twitter, LinkedIn.

Run Social Preview Audit →

Frequently Asked Questions

Why does Facebook show old Shopify preview after update?

Facebook caches OG ~30 days. Sharing Debugger → Scrape Again. May need 2-3 scrapes. Confirm og:image absolute URL, publicly accessible, meets size requirements (200x200 min, 1200x630 ideal).

LinkedIn shows wrong preview for Shopify URL — fix?

LinkedIn caches up to 7 days. Use linkedin.com/post-inspector to force refresh. Verify og:title, og:description, og:image in source. LinkedIn ignores some Twitter-specific tags but uses OG.

Do I need separate OG images for Facebook and Twitter on Shopify?

No. Same 1200x630 works for both. Twitter inherits og:image. Shopify outputs identical og:image and twitter:image by default. Override only for specific use cases (rare).

Why don't WhatsApp previews show for Shopify products?

WhatsApp is strictest: OG in first 4KB, image under 300KB, 1.91:1 aspect. Shopify with many apps in head sometimes fails this. Audit head bloat; move OG tags to top of theme.liquid head.

Can I have different OG images for desktop vs mobile sharing on Shopify?

No standard device-specific OG tags. Use one image rendering well at both 1200x630 and the 16:9 cropped version mobile platforms show. Test across devices.

Related Guides

Got a problem?