Guide

Fix broken link previews.

When a shared link shows the wrong image, a blank card, or outdated text, the problem is almost always missing or incorrect Open Graph tags — or a stale platform cache. This guide covers the most common issues and how to fix them.

No preview card appears

If sharing a link shows only the raw URL with no image or title, your page is missing essential meta tags. Add these to your <head>: 

<meta property="og:title" content="Your Page Title" />
<meta property="og:description" content="A brief description." />
<meta property="og:image" content="https://example.com/og-image.jpg" />
<meta property="og:url" content="https://example.com/page" />

If your site is a React, Vue, or Angular SPA, crawlers may not see tags injected by JavaScript. Use server-side rendering or prerendering for share pages.

Wrong or outdated image

Social platforms cache link previews for days or weeks. After updating og:image, force a refresh:

Image is blurry or cropped

Use 1200 × 630 pixels at a 1.91:1 aspect ratio. Images smaller than 600 × 315 px look blurry on retina displays. Non-standard aspect ratios get auto-cropped by Facebook and LinkedIn.

Title or description truncated

Each platform has different character limits. Facebook truncates titles around 60 characters; Google search snippets use ~160 for descriptions. Use our free validator to see per-platform limits and warnings.

Preview works on one platform but not another

X (Twitter) prefers twitter:card, twitter:title, and twitter:image tags. Without them, X falls back to Open Graph — but explicit Twitter tags give better control. Pinterest prefers vertical images (1000 × 1500).

HTTP image on HTTPS page

If your page is served over HTTPS but og:image uses HTTP, some platforms block the image. Always use HTTPS URLs for all meta tag values.

Validate before you share

Use our Open Graph validator to audit all 13 meta tags, see a health score, and get fix instructions — then preview across 11 platforms before publishing.