Why Your Link Preview Looks Wrong on Social Media, and How to Fix It

You share a link to your new page in a group chat or on a social network, and the preview is embarrassing. It pulls a random image, or your logo instead of the article's picture, or a headline you changed three edits ago, or it shows nothing but a bare URL. The page itself is fine. The preview is broken. Understanding why turns this from a mystery into a five-minute fix.

How previews are actually built

When you paste a link, the platform does not read your page the way a person does. It fetches the raw code and looks for a specific set of hidden tags that tell it what to show. These are mostly Open Graph tags, a small convention originally from one social network that everyone now uses, plus a handful of Twitter-specific ones.

The important tags are few:

• A title tag for the preview headline.
• A description for the line beneath it.
• An image tag pointing at the picture to display.
• A URL and a type.

If these tags are present and correct, the preview looks great. If they are missing, the platform guesses, and its guesses are often bad. That is the entire mechanism.

The usual reasons it breaks

A handful of problems account for almost every broken preview.

The tags are missing entirely, so the platform grabs whatever image it can find and truncates some text for the title. The image tag points at a file that is the wrong size or shape, so it gets cropped strangely or refused. The image URL is relative rather than a full web address, which many platforms will not follow. Or the tags are correct now, but the platform is showing you a cached version from before you fixed them, which feels like the fix did nothing.

That last one causes real frustration, so it deserves its own note: platforms remember previews aggressively. After you correct your tags, the old preview can linger until the cache expires or you force a refresh.

Diagnosing it in one place

Rather than guess which tag is wrong, inspect the page. The Social Share Inspector fetches your page, shows exactly what each platform will display, flags missing or malformed tags, checks whether your preview image is a usable size, and explains the caching behaviour so you know whether you are looking at a real problem or a stale copy. It is the fastest way to see your link the way the platforms see it.

For a focused look at just the Open Graph side, the Open Graph Preview renders how the card will appear, and the Meta Tag Analyzer gives you the full inventory of what tags the page currently carries.

Fixing the tags

Once you know what is missing, generate correct tags and add them to your page. The Open Graph Generator builds the full set from a simple form, and the Meta Tag Generator covers the broader title and description tags at the same time.

Pay special attention to the image. Preview images have a preferred shape, roughly a wide rectangle, and a minimum size below which platforms refuse to show them large. If your intended image is the wrong dimensions, fix it with the Image Resizer before you reference it, and always point the tag at a full, absolute web address, not a relative path.

After you fix it, force a refresh

Because of caching, changing the tags is only half the job. Most major platforms provide a debugging tool that re-fetches your page and updates the stored preview on demand. Use it after every change, then test the link in a real message to yourself. If the preview updates there, you are done.

Make it a launch checklist item

The reason previews are so often wrong is that nobody checks them until the link is already shared and the damage is public. Move the check earlier. Before you announce anything, paste the link into an inspector, confirm the title, image, and description are what you intended, force a refresh, and only then share it widely.

One image, cropped a dozen ways

The preview image is where most of the remaining surprises live, because every platform crops it differently. A chat app might show a small square, a social feed a wide rectangle, a professional network something in between. If you place the important part of the image, a face, a headline, a logo, right at an edge, some platform will slice it off. Keep the meaningful content comfortably inside the centre, and treat the outer margins as expendable.

Aim for a wide image at the recommended size and avoid burning critical text into the picture itself, since text that survives one crop gets guillotined by another. When you resize the image to hit the preferred dimensions with the Image Resizer, compose for the centre. Then confirm the real crops with the Social Share Inspector rather than assuming every platform frames it the way your design tool did.

A good link preview is quiet infrastructure. Nobody praises you for it, but a broken one undercuts an otherwise perfect page in the exact moment you most want it to shine. Ten minutes with the right tags, the right image, and a cache refresh, and your links will always show up looking the way you meant them to.