Open Graph Preview
Enter any URL to see how it looks when shared on Facebook, X, LinkedIn, WhatsApp, Discord, and Slack, with a scored report of every Open Graph issue and the exact fix.
What is an Open Graph Preview tool?
When someone shares a link on social media or in a chat app, the platform builds a preview card from the page's Open Graph tags. These are small meta tags in the page's <head> that set the title, description, and image. If the tags are missing or wrong, the card shows a random image, a cut-off title, or no preview at all, and far fewer people click. This tool reads your tags and shows the card each major platform would build, so you can fix problems before you share.
It's built for marketers checking a campaign page before launch, developers testing a new template, bloggers who want every post to share well, and anyone who has shared a link and wondered why the preview looked wrong. Each platform has its own layout and fallback rules, so seeing them side by side shows problems a single preview would miss.
GuideHow to use it
The Open Graph tags that matter
Four tags do most of the work. og:title is the headline on the card. og:description is the line of text under it. og:image is the picture, and it has the biggest effect on clicks. og:url is the page's canonical address, so shares of the same page are counted together. og:site_name, og:type, and og:image:alt add polish and accessibility. The twitter:card tag tells X whether to show a large image or a small thumbnail. X reads its own twitter:* tags first and falls back to Open Graph, so you usually only need twitter:card.
Why it helpsFeatures & benefits
Choosing the right og:image
Use an image of 1200×630 pixels, a 1.91:1 ratio. Every major platform can show it as a large card without awkward cropping. Keep important text and logos away from the edges, because some apps crop the image to a square or a narrower shape. Use JPG or PNG for the widest support, keep the file under about 5 MB, and always give a full https:// URL. A relative path like /images/share.jpg is ignored by most crawlers, which is one of the most common reasons a preview shows no image.
Why a preview can still look out of date
Platforms cache previews, often for days, so fixing your tags doesn't always change a link that was already shared. After you update the page, use Facebook's Sharing Debugger or LinkedIn's Post Inspector to make them fetch it again. X and most chat apps refresh on their own over time. This tool fetches your page fresh on every check, so it always shows the result of your latest changes.
Frequently asked questions
Common questions about Open Graph tags and link previews.
Every page starts at 100. Errors, like a missing or broken og:image, cost the most because they stop a proper preview appearing. Warnings, like missing image dimensions, cost less, and tips like og:locale cost a point or two. Fix errors first for the biggest gain.
Use 1200×630 pixels, a 1.91:1 aspect ratio, for the best results everywhere. Images smaller than 600×315 often show as a small thumbnail instead of a large card. Keep the file under about 5 MB, use JPG or PNG, and link it with a full https:// URL so every crawler can fetch it.
Usually not. X reads twitter:title, twitter:description, and twitter:image first, but falls back to the matching Open Graph tags when they're missing. The one tag worth adding is twitter:card set to summary_large_image, which tells X to show your image as a large card.
Social platforms cache link previews, sometimes for days. After fixing your tags, run the URL through Facebook's Sharing Debugger or LinkedIn's Post Inspector to force a fresh fetch. X and chat apps like WhatsApp and Slack update on their own once their cached copy expires.
No. The page is fetched once, the way a social crawler would fetch it, and only its head section is sent back to your browser for analysis. Nothing is logged or saved. For pages that aren't public yet, paste the HTML instead and it never leaves your device at all.