Open Graph Previewer
Preview how your URL looks when shared on Twitter, Facebook, and LinkedIn. Instantly check Open Graph and Twitter Card tags.
Enter any URL to see how it looks when shared on social media. The page is fetched server-side and Open Graph / Twitter Card tags are extracted and rendered as a preview.
How to preview a link before you share it
Enter a URL to see approximate share cards for X, Facebook and LinkedIn, built from the page's tags.
- 01
Enter the page's URL
Use the exact address people will share, including the path. The tool reads the tags from the final page after any redirects.
- 02
Switch between X, Facebook and LinkedIn
Each tab draws an approximate card with the image, title and description that platform is likely to use. Missing pieces show as placeholders so gaps are obvious.
- 03
Fix the tags, then refresh the platform's cache
Update the og: and twitter: tags in your page's head, check again here, and then ask each platform to re-read the page, as described below.
Which tags each platform reads
Facebook, LinkedIn, WhatsApp and Slack all read the Open Graph tags: og:title, og:description, og:image and og:url. X reads its own twitter: tags first and falls back to Open Graph for anything missing, which is how this preview behaves too. So a page with a complete set of og: tags plus a single twitter:card tag works almost everywhere.
The twitter:card value decides the layout on X. summary shows a small square image beside the text; summary_large_image shows a wide image above it. For most articles and product pages, summary_large_image is the one you want.
Image sizes that display well
One 1200 × 630 px image covers almost every platform. Here's what each one expects:
| Platform | Recommended size | Tag used | Notes |
|---|---|---|---|
| 1200 × 630 px (1.91:1) | og:image | Smaller images may show as a small thumbnail | |
| 1200 × 627 px (1.91:1) | og:image | Caches previews for about a week | |
| X (summary_large_image) | 1200 × 600 px (2:1) | twitter:image, falling back to og:image | Crops wider images to 2:1 |
| WhatsApp, Slack, Discord | 1200 × 630 px works well | og:image | Show smaller previews; keep text off the edges |
Use an absolute URL starting with https:// for og:image. A relative path such as /images/share.png works in a browser but many platforms can't resolve it, and you get no image at all. Keep important text away from the edges, since X's 2:1 crop trims the top and bottom of a 1.91:1 image.
When a share preview helps
Checking a blog post before you share it
Make sure the featured image and excerpt come through, rather than your site's logo and a generic description.
Fixing a link with no image
If a shared link shows text only, the preview here tells you whether og:image is missing or present but unusable.
Testing a campaign landing page
Ads and organic posts use the same tags. Check the landing page's preview before the campaign goes live.
Refreshing a stale preview
Platforms cache link previews, so fixing your tags doesn't change a preview that's already been generated. Facebook's Sharing Debugger has a Scrape Again button, and LinkedIn's Post Inspector re-reads a URL when you inspect it. X refreshes its cache over time; adding a harmless query string such as ?v=2 to the shared link makes it treat the page as new.
- These previews are drawn by this site to approximate each platform's layout; exact fonts, truncation and cropping vary by device and change over time.
- The image itself isn't downloaded or measured, so check that its URL loads and that it's at least 1200 px wide.
- Tags added by JavaScript after the page loads aren't seen, and neither platforms nor this tool run your page's scripts.