# What Is an OG Image? A Plain Guide for Shopify Stores > What is an OG image? Learn what the og:image tag does, where it shows up, what happens without one, whether it helps SEO and how to set it on Shopify. Updated 2026-11-02 Canonical: https://yuhuapps.com/learn/what-is-og-image An OG image (og:image) is the picture that shows up when someone shares a link to your page on Facebook, WhatsApp, LinkedIn, X, Slack and similar apps. It comes from a small Open Graph tag in your page's code that tells those apps which image to use. On a Shopify store it decides whether a shared product link looks like a clear, clickable card or a random cropped photo. ## What is an OG image, in plain terms "OG" stands for **Open Graph**, a set of tags Facebook introduced so any web page could describe itself when shared. Other apps adopted the same tags, so today one set of Open Graph tags controls how your link looks almost everywhere. The **og:image** is one of those tags. It's a line in the `` of your page that points to an image file. When someone pastes your link into a chat or a post, the app visits the page, reads that tag and builds a preview card from it. Here's what it looks like in the code: ```html ``` Shoppers never see this code. They only see the result: a card with an image, a title and usually a short description. ### The tags that travel with it The og:image rarely works alone. A typical preview card is built from: | Tag | What it controls | | --- | --- | | `og:image` | The preview picture | | `og:title` | The bold headline on the card | | `og:description` | The short line of text under the title | | `og:url` | The link the card points to | | `og:site_name` | Your store name, shown on some platforms | | `twitter:card` / `twitter:image` | How X (Twitter) displays the card | X reads its own `twitter:` tags first and falls back to Open Graph tags if they're missing, so many stores set both. ## Where an og:image shows up Any time a link to your store gets shared, the og:image is likely in play. Common places: - **Facebook** posts, comments and Messenger - **WhatsApp** chats and groups - **LinkedIn** posts and messages - **X (Twitter)** posts - **Pinterest**, when someone saves a page that has no clear image of its own - **Slack, Discord, Telegram, iMessage and Reddit**, which all unfurl links into cards - Some **email apps and messaging tools** that show link previews Think about how often your links travel without you posting them: a customer sending a product to a friend, a creator dropping a link in their story, a shopper asking a group chat "should I buy this?". Each of those shares shows your og:image, and you aren't there to explain it. For a broader look at controlling every part of a shared card, see our guide to [link previews on Shopify](https://yuhuapps.com/learn/link-preview.md). ## How the og:image actually works The process is simple, and knowing it helps you fix problems later. 1. **Someone shares a link.** They paste a URL into Facebook, WhatsApp or another app. 2. **The app sends a crawler.** A small bot fetches your page, just like a browser would, but it only reads the head of the page. 3. **It reads the Open Graph tags.** It finds `og:image`, `og:title` and the rest. 4. **It downloads the image.** The image URL must be public and load quickly. 5. **It builds the card and caches it.** The platform stores the result for a while so it doesn't have to re-fetch the page each time. That last step matters. Because platforms cache previews, changing your og:image doesn't update links that were already shared. The new image appears once the platform fetches the page again, which can take a while. Some platforms offer a debugging tool that lets you ask for a fresh fetch. ## What happens if a page has no og:image When there's no og:image tag, or the image can't be loaded, platforms improvise. You might get: - **No image at all**, just a plain text link that's easy to scroll past - **A random image from the page**, such as a payment icon, a banner or your logo cropped awkwardly - **The wrong product**, pulled from a "you may also like" section - **A badly cropped photo**, where the product is cut off because the image shape didn't fit the card None of these break your store, but they make shared links look less trustworthy. A shopper deciding whether to tap a link from a friend gets much less to go on. ### What Shopify does by default Shopify themes already output Open Graph tags, so most stores aren't starting from nothing. Typically: - **Product pages** use the product's featured (first) image - **Collection pages** use the collection image, if you set one - **Blog articles** use the article's featured image - **The homepage and other pages** fall back to a default social sharing image, if your theme or store settings have one That's a decent baseline. The trouble is that the featured image was chosen for your product page, not for a small card in a chat. White-background shots can look washed out, tall photos get cropped, and pages without images may show nothing useful. Our guide to [choosing a Shopify OG image app](https://yuhuapps.com/learn/shopify-og-image-app.md) covers when the theme default is fine and when it's worth replacing. ## Does an og:image help SEO? Short answer: **not directly**. Google doesn't use the og:image tag as a ranking factor. Adding one won't move your product page up in search results on its own. It does help in indirect ways: - **More clicks from social shares.** A clear, branded preview is more likely to be tapped than a blank or confusing one, and that brings visitors. - **More shares.** People are happier to share links that look good, which spreads your pages further. - **Brand consistency.** Recognizable previews build familiarity, so shoppers who've seen your cards before are more likely to click. - **Better impressions in other tools.** Many chat and work apps rely on Open Graph tags, so good tags make your links look professional wherever they land. So treat og:image as part of your social and click-through work rather than a search ranking trick. It's one of those small, set-once details that quietly pays off every time a link is shared. ## OG image size and format basics There isn't one perfect size for every app, but these guidelines keep you safe: | Guideline | Why it matters | | --- | --- | | Use a large image, roughly 1200 px wide | Looks sharp on high-resolution screens | | A wide shape (about 1.91:1, e.g. 1200×630) is the classic Facebook and LinkedIn format | Fits the large horizontal card | | A square image (e.g. 1200×1200) works well in chat apps | WhatsApp, iMessage and others often show square or cropped thumbnails | | Keep the important part in the center | Platforms crop differently, and the center usually survives | | Use JPG or PNG | Widely supported everywhere | | Keep file size reasonable | Slow or huge images may be skipped by crawlers | | Use a public, absolute URL (starting with https://) | Crawlers can't read private or relative links | If you're unsure, a square or near-square image with the product centered is a forgiving choice, because it survives cropping on most platforms. ## Examples: good and weak og:images for a store Here's how the same products can come across very differently in a shared card. **Product page** - *Weak:* a single white-background photo where the product fills one corner and gets cropped. - *Better:* the product centered on a clean or colored background, with your logo small in a corner. **Sale item** - *Weak:* the regular product photo with no hint there's a discount. - *Better:* the photo plus a small "30% OFF" badge, so the offer is visible before anyone clicks. **Collection page** - *Weak:* no collection image set, so the card shows a random banner or nothing. - *Better:* a collage of three or four products from the collection, which shows variety at a glance. Our guide to [building a product share image collage](https://yuhuapps.com/learn/product-share-image-collage.md) walks through planning one. **Blog article or "About us" page** - *Weak:* no image, so the card is plain text. - *Better:* a branded fallback image with your logo, so even text-only pages look like they belong to your store. ## Tips for a great og:image on Shopify 1. **Make the product the hero.** Shoppers should recognize what's for sale from a thumbnail. 2. **Add your logo, but keep it small.** A subtle watermark builds recognition without covering the product. 3. **Use text sparingly.** A title or price can help, but small screens make long text unreadable. 4. **Show offers when they're real.** A discount badge helps on sale items. Remove it when the sale ends. 5. **Pick colorful photos over plain packshots.** Lifestyle or colorful angles stand out more in a busy feed than a white-on-white shot. 6. **Cover every page type.** Products, collections, blog posts and regular pages should all have a sensible image. 7. **Stay consistent.** Same logo position, similar style, so your links look like a set. 8. **Test before you promote.** Check the preview before a launch, campaign or influencer post. ## How to check your og:image You don't need to read code to see what your og:image is. - **Use a preview checker.** Yuhu's free [Social Share Preview Checker](https://yuhuapps.com/tools/social-preview) needs no signup and works on any store URL. It reads the page's live Open Graph and Twitter tags, grades them, flags problems like a missing og:image and shows preview cards for Facebook, X, WhatsApp, LinkedIn, Discord, Slack, iMessage, Telegram and Reddit. - **Paste the link into a private chat.** Send it to yourself on WhatsApp or Slack and see what unfurls. - **View the page source.** In your browser, view source and search for `og:image` to see the exact image URL. If you've just changed the image and a platform still shows the old one, that's usually caching rather than a broken tag. Try a fresh, never-shared URL variation or the platform's own debugging tool, and give it time. ## Common og:image mistakes - **Duplicate og:image tags.** If your theme and an app both output one, platforms may pick the wrong image. - **Images that are too small.** Tiny images look blurry or get shown as a small thumbnail instead of a large card. - **Important details at the edges.** Logos and prices near the border are often cropped off. - **Forgetting non-product pages.** Collections, the homepage and blog posts get shared too. - **Expecting instant updates.** Old shares keep their cached image until the platform re-fetches the page. - **Outdated sale badges.** A "50% OFF" image after the sale ends confuses shoppers. ## How Yuhu helps Social Media Share Image by Yuhu generates a branded 1200×1200 og:image for your products, collections, blog articles and, if you switch it on, pages. You turn on the theme app embed once, with no coding, and the app serves the Open Graph and Twitter tags while hiding the theme's duplicate image tags. You can add a logo watermark, title and price text, a discount badge or a 1 to 4 photo layout, and choose from six style presets. The [setup guide](https://yuhuapps.com/docs/shopify-social-share-image.md) walks through it. Plans start at $19.99/month with a 7-day free trial. [See it on the Shopify App Store](https://apps.shopify.com/social-media-share-image). ## FAQ ### What is an og image in SEO? An og:image is the Open Graph tag that sets the preview picture when a page is shared on social and chat apps. It isn't a Google ranking factor, but a clear preview can bring more clicks and shares from social, which sends more visitors to your store. ### What is an og image used for? It's used to choose the image shown in link preview cards on Facebook, WhatsApp, LinkedIn, X, Slack and other apps. Without it, platforms guess, and you may get no image or an awkward crop. ### What size should an og image be? Aim for about 1200 pixels wide. A 1.91:1 shape like 1200×630 is the classic wide format, while a square image survives cropping well in chat apps. Keep the important part of the image in the center. ### Does Shopify add an og image automatically? Yes, most Shopify themes output Open Graph tags and use the featured product, collection or article image. Pages without an image may fall back to a default sharing image if one is set, or show nothing useful. ### Why does my shared link still show the old image? Platforms cache link previews, so links shared earlier keep the old card until the platform fetches the page again. Some platforms have a debugging tool that lets you request a fresh fetch. ## Related docs - [Shopify Social Share Image Setup](https://yuhuapps.com/docs/shopify-social-share-image.md) - [Link Preview Checker (Free Tool)](https://yuhuapps.com/docs/test-shopify-link-preview-checker.md) - [Turn On Share Images (Theme Embed)](https://yuhuapps.com/docs/enable-share-images-theme-embed.md)