Open Graph Preview
Preview links on social and chat apps.
Checked from our server. One location, so results show reachability from there only.
What the Open Graph preview does
When someone pastes your link into a social post or a chat, the app builds a small card from tags in the page’s HTML: a title, a short description, an image and the site name. Those tags come from the Open Graph standard, plus a few twitter: tags that X reads. This tool fetches the page, reads those tags and draws three sample cards: a Facebook and LinkedIn style card, an X card, and a Slack and Discord style card.
Use it before you publish an article, launch a product page or send a campaign, so you catch a missing image or a wrong headline before it goes out. It also helps explain why a shared link shows up as a bare address.
How to use the Open Graph preview
- Paste the page URL.
- Press Preview. We read its Open Graph and Twitter card tags and check the image from our server.
- Fix any missing tags listed at the top, then share the link again.
Reading the results
The notice at the top names any of the main tags that are missing: og:title, og:description, og:image, og:url, og:type and twitter:card. Where a tag is absent, the cards fall back the way many apps do, using the page’s <title> and meta description instead. If twitter:card is set to summary_large_image, the X sample is labelled as a large card.
The image gets its own check. Our server requests the image address and reports the HTTP status, the content type and, when the site sends it, the file size. You’ll see a problem flagged if the address returns an error, returns something that isn’t an image, or reports a file over 8 MB. The picture in each card is loaded by your browser straight from the site, so we don’t copy it. Below the cards, a table lists the Open Graph, Twitter and article: tag we found.
Questions
Why does the app still show the old preview?
Apps cache previews. Facebook, LinkedIn and others offer their own tools to refresh a cached link.
What image size works best?
1200 × 630 pixels (a 1.91:1 ratio) suits most apps. Keep it under a few megabytes and use JPG or PNG.
Are the previews exact?
No. Each app crops and truncates differently and changes its design over time; these are close approximations.
The image passes the check but doesn’t show in a card. Why?
Your browser loads the card image directly from the site, so a hotlink block or a blocked domain on your network can stop it showing even when our server could fetch it. The card then says the image didn’t load in your browser.
Should the image address be absolute?
Yes. We resolve a relative path against the page address so we can test it, but some apps expect a full URL starting with https://.