Why Your Website Looks Wrong When Someone Shares It on Facebook

Have you ever pasted a link to your website into Facebook, LinkedIn, or a chat thread and watched it preview as something embarrassing? Wrong image. No description. A weirdly truncated title. Or worse — just the URL, with no preview at all.

That's not random. It's controlled by a small bit of invisible code on your website called meta tags, and getting them right takes about ten minutes once you know what to look for.

What meta tags actually are

Meta tags are small lines of code in the head of every webpage that aren't shown to visitors but are read by other software. They're how Google, Facebook, LinkedIn, Slack, and every other platform decide what to show when your link gets shared.

The three that matter for most small business websites:

• Title tag — The headline for the page. Shows up as the clickable blue link in Google search results and as the bold heading on shared previews.
• Meta description — A one or two sentence description that appears below the title in search results and (sometimes) on social media previews.
• Open Graph image (og:image) — The image that gets pulled when your link is shared anywhere — Facebook, LinkedIn, Slack, WhatsApp, the lot.

If those three are missing, the platforms guess. Which is why you sometimes see your homepage shared with a tiny logo, no description, and a generic title.

What goes wrong

The most common issues I see when I audit a small business website:

• No og:image set. Result: when someone shares the link there's no preview image, or the platform pulls a random one from the page (rarely the one you'd choose).
• Same title and description on every page. Result: Google sees every page as more or less the same, which hurts SEO.
• Truncated descriptions. Search engines cut titles around 60 characters and descriptions around 160. Anything longer is silently chopped, often mid-sentence.
• WordPress sites with three SEO plugins fighting each other. Result: duplicate or contradictory meta tags. Common, easily fixed.

How to check (and fix) yours

The fastest way to see what your site is currently sending out is metatags.io. Paste any URL from your site and it shows you:

• What Google will display in search results
• What Facebook, LinkedIn, and Twitter will pull when your link is shared
• The current title, description, and image — pulled live from the page

If something looks wrong (or is missing), the tool also generates corrected meta tag code that your developer can drop into the page.

For a quick sanity check on your own:

1. Open metatags.io
2. Type in your homepage URL
3. Look at the Facebook, Twitter, and Google previews
4. If anything looks broken, that's what visitors and customers see when your link gets shared

What it looks like when it's right

A properly set up page has:

• A clear, specific title tag (under 60 characters)
• A description that genuinely describes the page (under 160 characters, written like a sentence rather than keyword soup)
• A proper image set as the og:image (ideally 1200×630 pixels)
• All three different on each page — homepage, services pages, contact, blog posts

If your CMS is set up well, you fill those fields out once when creating the page and the meta tags handle themselves. If it isn't, every share is a missed opportunity.

The bottom line

Meta tags are invisible until you share a link, at which point they're the entire impression people get of your site before they've even clicked. Worth ten minutes to get right.

Get in touch if you'd like a hand auditing your current site's meta tags or fixing the share previews on your most important pages.