Why Nobody Makes OG Images at Scale (And What It's Actually Costing You)
You have hundreds of pages and one OG image. Here's why that keeps happening, why product photos don't cut it, and what it looks like when you fix it.
May 18, 2026
Want beautiful link previews automatically?
ShareMagic generates branded OG images from your page's metadata — no design work required.
Try ShareMagic free →A friend sends you a link to a jacket they just bought. You’re in iMessage, mid-scroll, half paying attention. The preview pops up: a tiny square photo of the jacket floating on a white background, cropped awkwardly into a rectangle. No brand name. No price. It looks like a broken thumbnail from 2014.
You keep scrolling.
That jacket was $220. The store spent months sourcing it, photographing it, writing copy for it. And the moment someone tried to tell a friend about it, the link looked like spam.
This happens thousands of times a day across every ecommerce store on the internet. Not because fixing it is hard — but because nobody thinks it’s their job.
The Math Doesn’t Work
Here’s the basic problem. A mid-size Shopify store might have 200 products, 15 collections, a blog with 40 posts, and a handful of landing pages. That’s 260+ pages, each of which can be shared and each of which renders a preview card when it is.
To make a custom OG image for each one, someone would need to design 260 individual cards. A designer spending five minutes per card — pick a layout, drop in the photo, set the text — is looking at over 20 hours of work. For link previews. That’s before you add a single new product.
Nobody’s going to do that. Design has a roadmap. They’re not spending a week on meta tags. So the OG image either gets skipped entirely or set once at the site level and never touched again.
New products ship with no preview. New blog posts inherit the homepage card. The store grows and the gap gets wider.
Nobody Owns It
The deeper problem isn’t the math. It’s that OG images live in a no-man’s-land between three teams.
Design thinks it’s a technical thing. It’s a meta tag in the <head>, right? That’s engineering.
Engineering thinks it’s a creative thing. “We can point the tag wherever you want — just give us the images.” They’re not going to open Figma for this.
Marketing doesn’t know it’s broken. They share links in social scheduling tools that strip the preview, or they paste URLs into tweets and never check what renders. The broken preview is invisible to the people who’d care most about fixing it.
So it just… doesn’t happen. The store launches with placeholder previews and nobody circles back. Three years later, every shared link still shows the same generic card — or nothing at all.
The Product Photo Trap
Some stores do try. The most common approach: use the product image as the OG image.
It seems reasonable. You already have the photo. It’s right there in your CMS. Just point the tag at it and move on.
Here’s why it doesn’t work.
Wrong shape. Product photos are typically square or portrait. OG images render at 1200×630 — a wide landscape rectangle. Your carefully composed product shot gets cropped, stretched, or letterboxed with ugly bars on either side. A centered shoe becomes a shoe missing its toe.
No context. A product photo shows you what the thing looks like. An OG image needs to tell you what the page is about. When someone shares a link to your “Summer Sale — 40% Off” collection page, they should see “Summer Sale — 40% Off” in the preview, not a random handbag on a white background.
No branding. Product photos from your supplier look identical to the same product photos on your competitor’s site. Strip away the page and the URL, and there’s nothing in the preview that says it’s your store.
Frozen in time. This is the one that really hurts. A product photo is static. But products aren’t. Prices change. Sales start. Stock runs low. The product photo says nothing about any of that. Someone shares your link during a flash sale and the preview shows a plain white-background photo at full price. The urgency is completely lost.
What It Looks Like When You Fix It
Picture the same jacket from before. But instead of a cropped product photo, the link preview shows a branded card: your store’s logo in the corner, the jacket photo properly composed for landscape, the product name in clean type, and “$154 — 30% OFF” in a badge because the sale is live right now.
That’s not a static image someone designed by hand. That’s a template — a layout that pulls live data from the page every time someone shares the link.
This is how ShareMagic works. You pick a template once and it applies to every page on your site. The template knows how to adapt. If a product is on sale, the card shows the sale price and a badge. If stock is running low, it can surface that. If the product has a collection name, it pulls it in. The OG image becomes a live snapshot of the page’s current state — not a photo that was accurate three months ago.
One template. Every product, every collection, every blog post. The cards stay current because they’re generated on demand, not designed in advance.
The Invisible Tax
Links with rich preview images get up to 98% more engagement on LinkedIn and 40% higher click-through on Twitter. The preview card is often the only thing someone sees before deciding to click or keep scrolling.
Now think about where your links actually get shared. Slack channels. iMessage threads. LinkedIn posts. Discord servers. Group chats. Email signatures. Every one of those renders an OG card. A single product link dropped into a 30-person group chat is 30 people seeing your preview — or 30 people seeing a cropped product photo on a white background and moving on.
You’ll never find this in your analytics. The click that didn’t happen doesn’t show up anywhere. It’s a silent tax on every link your store puts into the world.
It’s a Solved Problem
The reason OG images don’t get fixed isn’t that fixing them is technically impossible. It’s that the obvious solution — “design an image for every page” — doesn’t scale, and most people stop thinking about it there.
But the fix was never “make 500 images.” The fix is: define the pattern once and let it run.
A ShareMagic template is that pattern. It’s a smart layout that knows how to handle a product page, a collection page, a blog post. It pulls the right data, applies your brand, and generates a card on the fly when someone shares the link. No design queue. No engineering sprint. No one remembering to update the OG image when the price changes.
Setup takes about five minutes. Pick a template, connect your site, and you’re done. Every page on your store gets a branded, live preview card from that point forward — including products you haven’t added yet.
Your competitors are sharing the same white-background product photos as you. The bar is on the floor. Step over it.
Keep reading
Why Your Links Look Broken Without OG Images (And How to Fix It)
That grey box showing up when you share your site? It's costing you clicks. Here's what's happening and how to fix it in minutes.
OG Image Sizes, Specs, and the One Mistake That Breaks Every Preview
Get the dimensions wrong and your link preview will be cropped, stretched, or blank. Here are the exact specs for every major platform in 2026 — with visual guides.