Social Media Preview
What somebody sees when your address lands in a chat, a feed or a message. A link with no picture is a grey box, and a grey box is the difference between a share that gets clicked and one that scrolls past — usually caused by one tag nobody knew to add.
What this checks
- The Open Graph and Twitter card tags on the page, and which one each platform would actually use.
- What falls back to something else — a page with no og:title is not a page with no title, and that distinction decides whether anything needs fixing.
- Image problems that stop a preview rendering at all: a relative address no platform will resolve, an insecure one, or none at all.
- Titles and descriptions long enough to be cut off, and missing alt text on the preview image.
What this cannot tell you
- The cards here are illustrations. Every platform renders differently and changes it without notice, so treat these as what the tags say rather than a photograph of the result.
- Platforms cache hard. A page you fixed this morning can keep showing yesterday's card for days, and most offer their own tool to clear it.
- We read the tags and show the image by address without fetching it, so we cannot tell you whether the image loads, what size it is, or whether it is cropped badly.
Questions people ask
Why does my link show no picture?
Almost always one of three things: no og:image tag at all, an image address written relative to the page rather than in full, or an image served over plain http on a secure page. The first is the commonest and the second is the most frustrating, because it looks correct in the markup and no platform will resolve it.
I fixed the tags and the preview has not changed.
That is caching, not a mistake. Facebook, LinkedIn and X each keep their own copy of what your page said when they last looked, sometimes for days. Each of them publishes a debugging tool that re-reads a page on demand, and that is the way to force the new card.
Do I need both Open Graph and Twitter tags?
Not usually. X falls back to Open Graph when its own tags are missing, so a complete set of og: tags covers almost everything. The one Twitter tag worth adding is twitter:card, which decides whether you get a small thumbnail or a large image.