What Is og:image? Why Your Website Looks Good (or Bad) When Shared
Share your website link in a WhatsApp group or on Facebook and watch what appears. Sometimes you get a neat little card — a nice image, your title, a line of text. Other times you get a broken thumbnail, a random logo crop, or nothing but a bare link. The thing quietly deciding which one you get is called og:image.
og:image is part of something called Open Graph — a small set of hidden tags in your website’s code that tell social platforms how to display your link when it’s shared. og:image specifically sets the preview picture. Get it right and your links look professional everywhere; ignore it and you leave that first impression to chance.
Why It Matters More Than It Sounds
When your link is shared, that preview image is usually the first — sometimes the only — thing people notice in a busy feed or chat. A clear, on-brand image makes them stop and click. A broken or random one makes the link look dodgy or unfinished, and people scroll straight past. In short, og:image quietly affects how many people actually visit from every share.
There’s a knock-on effect too. When you post your own links, or when a happy customer shares them, a good preview makes your whole brand look polished and intentional — exactly the impression you want doing the rounds.
How to Add One
Technically, og:image is a meta tag placed in the <head> of your page, alongside og:title, og:description and og:url. You don’t usually need to touch code, though. On WordPress, an SEO plugin like Yoast or Rank Math lets you set a default share image for the whole site and a custom one per page or post — no HTML required.
The key details: use an image around 1200 x 630 pixels (the ratio social platforms prefer), keep important text away from the edges, and set one for each key page so every share looks deliberate rather than accidental.
A Quick Tip: Test Before You Trust It
Platforms cache these previews, so changes don’t always show instantly. After setting your og:image, paste your link into a preview checker (Facebook’s Sharing Debugger is the common one) to see exactly how it’ll appear and to refresh an old preview. Two minutes now saves an embarrassing broken card later.
Where ELF Digital Studio Comes In
When we build sites, we set up Open Graph properly — a solid default share image plus the option to customise key pages — so your links always look sharp wherever they’re posted. It’s a small detail most people miss, and exactly the kind we don’t.
Not sure how your website looks when it’s shared? Talk to us — we’ll check your og:image and get it looking right, honestly.
