How to Fix Your Social Share Preview (Open Graph)

You share your link and it shows up with no image, the wrong title, or a blank card. That is almost always missing or incorrect Open Graph tags. A few lines in your page head control exactly how the link looks everywhere it is shared.

The tags that matter

In the page <head>:

og:title the headline of the card.
og:description the supporting line.
og:image the preview image (the big one).
og:url the canonical URL of the page.
twitter:card set to summary_large_image for the large image layout on X.

Facebook, LinkedIn, WhatsApp, Slack, and Discord all read Open Graph. X reads its own twitter: tags but falls back to Open Graph.

Preview before you post

Open the Social Media Preview.
Paste your page HTML, or fill the fields, to see Facebook, X, and LinkedIn cards rendered.
Fix any tag the tool flags as missing.

Get the image right

The image is what makes a card stand out. Use roughly 1200 by 630 pixels for the large card. Smaller images get cropped or rejected, and a missing image leaves a plain text card that gets far fewer clicks.

Why your change is not showing

Each network caches share data. After you fix the tags, the old preview can stick around. Facebook and LinkedIn both have a “sharing debugger” that forces a re-fetch. X updates on its own schedule. The tags are right once the preview tool shows them correctly; the network just needs to re-scrape.

Checking the title and description for search too? Use the Google SERP Snippet Preview.
Confirming the page is indexable? Try the Indexability Checker.
Need the right image size? Use the Image Resizer.

Set og:title, og:description, og:image, and og:url, preview the cards, and re-scrape on each network. Your links will look right everywhere.