Open Graph
Open Graph is meta tags in a page's head that control the title, description, and image shown when a link is shared on social and messaging apps.
What is Open Graph?
Open Graph is a protocol Facebook introduced in 2010 that uses meta tags in a page’s <head> to control how a link looks when it is shared. Tags like og:title, og:description, og:image, og:url, and og:type tell platforms such as Facebook, LinkedIn, Messenger, WhatsApp, and Slack which title, text, and image to show in the preview. Without them the platform guesses on its own — often with a random image or the wrong text.
Why does Open Graph matter?
For an online store, shared links are free exposure, and the preview decides whether people click. A crisp og:image and a clear og:title on product and collection pages produce a professional, clickable card in feeds and chats. Open Graph is not a direct Google ranking signal, but it strongly affects click-through from social channels. Note that X (Twitter) uses its own Twitter Card tags but falls back to Open Graph when they are missing.
Common use cases
- Product pages, where
og:imageshould show the product photo, not the store logo. - Campaign and landing pages shared in newsletters, ads, and posts.
- Blog posts and guides, where an editorial share image lifts CTR.
- Debugging a wrong preview with Facebook’s Sharing Debugger or LinkedIn Post Inspector.
- Getting the size right: an
og:imageof 1200×630 px avoids cropping.
Shopify perspective
Most Shopify themes automatically populate Open Graph tags in theme.liquid and pull og:image from the product’s featured image. Problems arise when apps inject duplicate tags or when pages lack a dedicated share image. Check the rendered source on real URLs and validate with a sharing debugger rather than assuming the theme gets it right. Open Graph complements your meta description and structured data, but does not replace them.