Developer SEO

Social share preview

Drop an image to see it here

example.com

Your shared link title

The description shown under it on most platforms.

Title 22 / 70 characters Description 49 / 158 characters Site or brand name Drop an image Optional. Nothing is uploaded.

Rendered in your browser · nothing is uploaded

Local · write to the shortest limit

A single preview checked against the tightest limits across Facebook, LinkedIn, X and Slack — around 70 characters of title and 158 of description.

How to use the social share preview

1 Type your title and description. The preview updates as you type.

2 Watch the character counts — they turn red past the limit, and the preview shows where the cut lands.

3 Drop an image in to see the whole card.

Writing to the tightest limit rather than to each platform separately is the practical approach, because the tags are shared: you set one og:title and every platform truncates it its own way. Fitting the shortest means nothing is cut anywhere. The other half of the job is the image, and the constraint there is that the platforms crop differently — 1.91:1 on Facebook and LinkedIn, closer to square in some chat apps — so a design whose text runs to the edges loses it somewhere. A centred composition inside a 1200 × 630 image survives all of them.

Questions

Which limit should I write to? −

The tightest: about 70 characters of title and 158 of description. Then nothing is cut anywhere.

Do all platforms use the same tags? +

Is the truncation exact? +

Why does my image get cropped differently? +

How do I force a preview to refresh? +

Sources

The Open Graph protocol

Was this tool any good?

INTERNAL SIGNAL ONLY · WE USE IT TO FIND TOOLS WORTH REBUILDING