Why Does My Website Look Broken When I Share It on Facebook or LinkedIn? Open Graph Tags Explained
A customer likes a business, so they do the thing that's supposed to be free advertising - they paste the website link into a Facebook post, a LinkedIn message, or a group text. And the preview that shows up is a blank gray box, a random sentence pulled from the footer, or nothing at all. It looks like a broken link even though the page loads perfectly fine when clicked. That's not bad luck. It's a missing piece of code called an Open Graph tag, and most small-business sites have never had one set up.
What's actually happening when a link gets shared
When someone pastes a URL into Facebook, LinkedIn, iMessage, Slack, or almost any other modern app, that platform quietly visits the page in the background before the message even sends, looking for a specific set of instructions in the page's own code. Those instructions - the Open Graph tags - tell it exactly which headline, which short description, and which image to show in the preview card. If the tags are there, the platform uses them directly, every time, on every device. If they're missing, the platform falls back to guessing: grabbing whatever text or image it can find on the page and hoping it looks reasonable. The guess is often wrong.
1og:title controls the headline in the preview
Without it, the platform usually falls back to the page's own title tag, which is fine - but if that's also missing or generic ("Home"), the preview headline ends up just as generic or blank.
2og:description controls the short text underneath it
Without it, the platform scrapes a snippet of whatever text happens to sit near the top of the page - a cookie notice, a navigation label, or a half sentence cut off mid-word are all common results.
3og:image controls the picture
This is the one that fails loudest. No og:image tag, or one pointing at a broken or missing file, usually means no picture at all - just a plain gray box where a customer expected to see the business. Facebook and LinkedIn both also want the image at a minimum size, so a tiny logo icon often gets rejected outright.
A link shared into a Facebook post or text message shows an empty gray box, no headline, and a random line of footer text as the description - a stranger scrolling past has no way to tell it's a real, professional business.
The same link shows a clean headline, a one-sentence description of the business, and a real image - the preview looks intentional and trustworthy before anyone even clicks.
Why this actually costs a small business
A lot of a local business's best free advertising happens exactly this way - a happy customer shares the link with a friend, posts it in a neighborhood Facebook group, or drops it into a group chat recommending a plumber or a dentist. That's a warm referral arriving at the exact moment someone is deciding whether to trust a business they've never heard of. A blank or broken-looking preview undercuts that trust right at the moment it matters most - it reads as an abandoned or sketchy site, even though the real page behind it is perfectly fine. It's a five-minute fix losing free word-of-mouth advertising for no reason.
This has nothing to do with Google ranking
It's worth being clear about what this does and doesn't affect. Open Graph tags control how a link looks when shared on social platforms and messaging apps - they have no effect on where a page ranks in Google search results. That job belongs to the title tag and meta description instead, covered in our title tags and meta descriptions guide. A site can rank well and still look broken every single time a customer shares it, because these are two separate, unrelated systems that just happen to sit in the same part of the page's code.
A plain-English checklist for what to check
1Check what your homepage actually shows today
Paste your website into Facebook's Sharing Debugger or LinkedIn's Post Inspector, both free tools, and see exactly what each platform currently pulls.
2Confirm og:title and og:description exist and read well
They don't need to be fancy - a clear business name and a one-sentence description of what the business does is enough.
3Confirm og:image points at a real, working image
At least 1200 by 630 pixels is the safe size most platforms expect. One good image reused across the whole site is perfectly fine - a unique photo per page is a nice extra, not a requirement.
4Check your other important pages too, not just the homepage
A contact page, a services page, or a blog post can each be shared on its own and each needs its own working tags - a site-wide fix usually covers this in one template change.
5Re-check after any redesign or platform switch
Moving to a new website builder or theme has been known to quietly drop these tags entirely - it's worth a quick re-check any time the site itself changes.
Where this fits with a website audit
This one is honest to say plainly: our free audit checks speed, SEO foundations, accessibility, and security - it doesn't currently check social-share preview tags, so it's not something a report from us will flag today. It's a genuinely separate, easy-to-miss issue worth checking by hand using the free debugger tools above, especially for a business that relies on referrals and word of mouth.
Frequently asked questions
What is an Open Graph tag?
A small piece of code in a page's head section that tells Facebook, LinkedIn, iMessage, Slack, and similar platforms exactly what title, description, and image to show when that page's link gets shared. Without it, each platform has to guess using whatever it can scrape from the page, and the guess is often wrong, blank, or ugly.
Why does my link show no picture at all when I share it?
Usually one of two things: the page has no og:image tag at all, so there's nothing to show, or it has one but the image file is missing, too small, or blocked from loading. Facebook and LinkedIn both require a real, reachable image of a minimum size before they'll display a preview picture - if the tag points at a broken link, they just leave the space blank.
Does this affect my Google ranking?
No. Open Graph tags control how a link looks when it's shared on social platforms and messaging apps - they have nothing to do with how Google ranks a page. That's a separate job handled by the title tag and meta description, covered in our title tags and meta descriptions guide. A site can rank perfectly and still look broken every time someone shares it.
How do I check what my own site currently shows?
Paste your URL into Facebook's Sharing Debugger or LinkedIn's Post Inspector - both are free and show exactly what that platform sees right now, including any missing or broken tags. Pasting the link straight into a real Messenger or LinkedIn message box works too, though the debugger tools are faster to re-check after a fix.
Do I need a different image for every single page?
No. One good, on-brand image reused across the whole site is a perfectly normal setup and far better than nothing - plenty of established websites do exactly that. A unique image per page (the blog post's own photo, a specific service's photo) is a nice upgrade once the basics are covered, not a requirement to fix first.
Find out where your site actually stands - free
Broken share previews aren't something our audit checks today, but the fundamentals that make a site look trustworthy and load fast for everyone who does click through are. Enter your address below and we'll email you a plain-English report within the hour. If something's fixable on our end, it's a flat $149 for your fixable speed/image/SEO/broken-link issue, or $299 for everything, with before-and-after proof once it's done.