TECHNICAL SEO

Open Graph Tags: Why Your Link Looks Broken When Shared on Facebook or LinkedIn

Ben Foord, author
Ben Foord
· 3 min read

Paste a link into Facebook, LinkedIn, Slack, or WhatsApp and most people expect a preview card to appear: an image, a title, a short description. When that card is missing, shows the wrong image, or pulls a random paragraph instead of the actual page summary, the platform isn't broken, the page is missing Open Graph tags. Meta created the protocol in 2010; it's since become the de facto standard every major platform reads from, including ones with no connection to Facebook.

What Open Graph Actually Is

Open Graph is a set of <meta property="og:..."> tags in a page's <head> that explicitly define what should appear in a share preview, rather than leaving platforms to guess by scraping the page. The four that matter most:

  • og:title - the headline shown in the preview card. Can differ from the page's <title> tag if you want a more share-friendly phrasing.
  • og:description - the preview text. Without it, platforms fall back to grabbing the first paragraph of body text, however awkward the result.
  • og:image - the preview image. Without one, most platforms show no image at all, a plain text card is far less likely to get clicked.
  • og:url - the canonical URL for the share, useful when the same content is reachable at more than one address.

Why This Isn't Just a Cosmetic Problem

A missing or broken preview card measurably suppresses click-through on shared links, people scroll past a blank box faster than a card with a real image and headline. For a business relying on social sharing, referral links from partners, or team members posting company content on LinkedIn, this is lost traffic with no error message anywhere to flag it, the share still "works," it just looks worse than a competitor's.

The Mistake That Actually Costs You

One og:image set sitewide, on every page, via a template default. This is the most common failure: a developer sets a fallback image once during launch, it works fine for the homepage, and every other page (blog posts, product pages, service pages) quietly inherits the same generic image forever because no one thought to make it dynamic per page. The site "has" Open Graph tags technically, but every shared link looks identical regardless of what was actually shared.

How to Check What You're Actually Showing

  1. Use a platform's own debugger, not just view-source. Facebook's Sharing Debugger and LinkedIn's Post Inspector show exactly what each platform will render, and both cache aggressively, so a fixed tag often needs a manual re-scrape to show up.
  2. Check a page other than the homepage. The homepage is the one page most likely to have been configured correctly at launch; a genuinely representative check means testing a blog post or product page too.
  3. Confirm og:image is an absolute URL (https://yoursite.com/image.jpg, not /image.jpg), a relative path is a common cause of a card rendering with no image at all.

The Fast Way to Check Yours

Checking share previews page by page across every platform doesn't scale. AuditCrow's free scan checks for missing Open Graph tags as part of its technical SEO review, alongside the rest of the fundamentals in our technical SEO checklist.

Get notified when scans reopen
Join the waitlist and we'll tell you when they're back.
Join Waitlist
Filed under: Technical Seo · On Page
Like reading AuditCrow?
Add us as a preferred source so more of our posts show up in your Google results.
Join the waitlist

Be first when scans reopen

Scans are paused for a moment. Join the waitlist and we'll tell you when they're back.

We'll email you when free scans are back