ARTICLE
How to Fix Broken Social Share Previews (OG Tags)
Why social shares render blank or wrong, and how to fix open graph tags so every link preview looks right.
Jun 16, 20266 min read
Understanding Your Auditopen-graphmeta-tagssocial-sharingtechnical-seo
A prospect shares a client's homepage on LinkedIn and the preview is a blank rectangle with a garbled title. The page itself is fine. The brand looks amateur. This is an OG tag failure, and it happens on a surprising number of agency-managed sites.
Open Graph (OG) tags are the <meta> properties that control what LinkedIn, Facebook, Slack, WhatsApp, and iMessage display when someone pastes a URL. Getting them wrong is cheap to fix and expensive to ignore — every shared link is a micro ad impression, and a broken one destroys it.
Why Shares Render Blank or Wrong
Three failure modes account for almost every bad preview:
- Missing tags entirely. No
og:imagemeans the platform picks an arbitrary image or shows nothing. - Relative image URLs.
og:imagemust be an absolute URL (https://example.com/og.jpg). A relative path (/og.jpg) breaks every crawler that doesn't know the domain. - Wrong image dimensions. The canonical size is 1200 × 630 px. LinkedIn crops to 1.91:1; Twitter/X uses the same ratio for
summary_large_image. An image that's too small gets rejected or pixelated.
Keep reading
The 5 Failures the Mobile-Friendly Tester Catches Most
The five most common mobile failures: bad viewport meta, small tap targets, illegible fonts, horizontal overflow, and interstitials — with fixes for each.
How to Read a Security Headers Report
What each security header in your audit report actually does, what pass/warn/fail means, and the exact header values to deploy for each one.
How to Read the AI Visibility Grader
Break down every signal in the AI Visibility Grader score—what each grade means, what's dragging it down, and exactly how to fix it.
Try the tool
Run the og preview tool