Search EverydayTab Tools

Type a tool name, tag, or category to quickly open any tool instantly.

EverydayTab
EverydayTab

Open Graph Debugger

Social media link preview simulator

How it works

This tool fetches the og:title, og:description, and og:image tags from your site's header to simulate social card rendering.

No URL Parsed

Enter a website URL on the left to see how it will be presented when shared on social networks.

About the Open Graph Debugger

Enter any public URL and see the Open Graph metadata that social networks and chat apps will read from it — og:title, og:description, og:image, og:url and Twitter Card tags — rendered as the preview card users will actually see. Catch missing images, truncated titles and wrong descriptions before you hit publish, without having to post a test link anywhere.

What Open Graph tags do

When you paste a link into Facebook, LinkedIn, Slack, Discord, WhatsApp, iMessage or X, the platform fetches the page and looks for <meta property="og:…"> tags in the <head>. Those tags — introduced by Facebook in 2010 and now universal — tell the platform which title, description and image to show in the link preview. Without them the platform guesses, often picking the wrong image or the first paragraph of navigation text. X additionally reads twitter:card tags, falling back to Open Graph when they are absent.

The tags that matter

  • og:title — 60 characters or fewer to avoid truncation; can differ from the HTML <title>.
  • og:description — 1–2 sentences, about 155 characters; shown under the title on most platforms.
  • og:image — an absolute URL to a 1200×630 px image (1.91:1). Under 8 MB; PNG or JPG. Also set og:image:width and og:image:height so the first share renders correctly.
  • og:url — the canonical URL, so shares of tracking-parameter variants are counted together.
  • og:type — usually website or article.
  • twitter:card — summary_large_image for a big image, summary for a small square one; twitter:site for your handle.

Common preview problems

  • No image — og:image is missing, relative, blocked by robots.txt, or served only after JavaScript runs.
  • Old image or title still showing — the platform cached the page; use Facebook's Sharing Debugger or LinkedIn's Post Inspector to force a re-scrape after fixing the tags.
  • Wrong image — several og:image tags present; the first one wins on most platforms.
  • Blurry image — smaller than 600×315; use 1200×630.
  • Tags not found — the page returns different HTML to bots, requires login, or the tags sit in the <body> instead of the <head>.

How to use the Open Graph Debugger

  1. 1Enter a URL. Paste the full public URL including https://.
  2. 2Fetch. Click Debug. The page's metadata is retrieved and parsed.
  3. 3Review the preview. Check the title, description and image as they will appear in a share card, and the raw tag values below.
  4. 4Fix and re-test. Update the tags on your page, redeploy and run the check again.

Frequently asked questions

Why does the preview here differ from what Facebook shows?
Facebook, LinkedIn and others cache previews, sometimes for days. If you recently changed your tags, use the platform's own debugger to request a re-scrape. This tool always fetches the live page.
Does this work for pages behind a login or on localhost?
No. The URL must be publicly reachable, exactly as it would be for a social network's crawler.
How is the page fetched?
Browsers cannot fetch arbitrary third-party pages directly because of CORS, so the metadata is retrieved through a public link-preview API. Only the URL you enter is sent; no personal data is included.
How do I generate Open Graph tags for my site?
Use the Open Graph Generator or Meta Tag Generator on EverydayTab to produce a complete, correctly formatted tag block to paste into your <head>.

Related tools

All Developer Tools