Social Media Preview
See how your pages will look when shared on Facebook, Twitter, and LinkedIn. Test your Open Graph tags before publishing.
Page Details
Recommended: 60 characters
Recommended: 155 characters
Recommended: 1200x630px for Facebook, 1200x600px for Twitter
Facebook Preview
Twitter / X Preview
LinkedIn Preview
Required Meta Tags
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website">
<meta property="og:url" content="https://yourstore.com/page">
<meta property="og:title" content="Your Page Title">
<meta property="og:description" content="Your page description">
<meta property="og:image" content="https://yourstore.com/image.jpg">
<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image">
<meta property="twitter:url" content="https://yourstore.com/page">
<meta property="twitter:title" content="Your Page Title">
<meta property="twitter:description" content="Your page description">
<meta property="twitter:image" content="https://yourstore.com/image.jpg">Frequently Asked Questions
What are Open Graph tags?
Open Graph (OG) tags are HTML meta tags that control how your content appears when shared on social media. Key tags include og:title, og:description, og:image, and og:url. Without them, platforms guess what to show, often with poor results.
What size should my Open Graph image be?
Recommended OG image size is 1200x630 pixels (1.91:1 ratio). Minimum 600x315 pixels. Keep important content in the center 800x418 area for cropping safety. File size under 8MB. Facebook and LinkedIn prefer this ratio; Twitter cards use 2:1 (800x418).
Why is my social preview showing the wrong image?
Social platforms cache OG data. Use Facebook's Sharing Debugger (developers.facebook.com/tools/debug) to clear cache. For Twitter, use the Card Validator. LinkedIn: Post Inspector. After fixing your OG tags, you must clear each platform's cache for updates to show.
What are Twitter Cards?
Twitter Cards are Twitter-specific meta tags (twitter:card, twitter:title, etc.) that control how tweets with your links appear. Types include Summary (small image), Summary Large Image (big image), and Player (video). Twitter falls back to OG tags if Twitter tags are missing.
How do I add Open Graph tags in Shopify?
Shopify automatically generates OG tags from product/page titles, descriptions, and featured images. To customize, edit theme.liquid and add meta tags in the head section. Or use SEO apps like SEO Manager or JSON-LD for SEO for more control.
