See what your page looks like when somebody shares the link
See the card six platforms build when somebody shares a link to your page.
Share a link and the platform does not simply print the address. It fetches the page, reads a few tags out of the head, and builds a card: one image, one headline, one line of text. Which tags it reads depends on where the link was posted. X looks for its own tags before falling back to the Open Graph ones, while Facebook and LinkedIn read Open Graph and nothing else. Leave a tag out and you do not get a gap; the platform picks something off the page instead, and what it picks is often the first text it finds. Enter an address below to read the tags from a page, or write them yourself, and the card is drawn the way each of the six platforms builds it.
Which tags a platform reads
X checks its own tags first and falls back to Open Graph when they are absent. Facebook and LinkedIn read Open Graph only, so an X tag does nothing for them at all. Slack and Discord take either. One page can therefore produce six cards that do not match each other, and a headline you are sure you set can be missing on half of them. Each preview here follows the order that platform actually uses.
Facebook and LinkedIn remember what they read
Both keep a copy of what they found the first time they fetched your page, and they hold it for a long time. Fix the tags and the card does not change, which is the most common reason a correct fix looks like it failed. You have to ask the platform to read the page again, and both provide a tool for it: the Sharing Debugger at Facebook, the Post Inspector at LinkedIn. No tool can clear those caches for you, this one included. What you see here is what the tags say now, not what Facebook is still showing.
A missing tag is not a blank space
Platforms substitute rather than leave a hole. With no description tag they take a line from the page, usually the first text they come across, and on a lot of sites the first text is a menu label or a cookie notice. With no image the card collapses to a line of text beside a favicon. The previews follow those substitutions.
Size, and where the crop lands
Below roughly 600px wide, most platforms stop showing the large image card and drop to a small thumbnail beside the text, which is a far weaker card. 1200 by 630 is the size most people target. Crops are taken from the middle, so anything sitting near the top, bottom or edges can vanish: a phone number along the bottom of a photograph, a name across the top of a poster. The image is loaded in your browser and measured here, so the size you see is the real one rather than whatever the width tag claims.
One set of tags, six cards, because the platforms do not read them the same way.
- Drawn to each layout
- In the tag order each one uses
- Side by side
- Measured in your browser
- Real pixels, not the tag
- Cropped the way it will crop
- Headline and description
- Where each one is cut
- Which tag each came from
- Whatever tags are there
- Every fallback followed
- Nothing kept