OPEN GRAPH & TWITTER CARD CHECKER
Paste any public URL to preview how it looks when shared on Facebook, X (Twitter) and LinkedIn and Review the meta tags that were found.
Paste a URL above and see the results here
Checked: — previews below are approximate renderings based on the page’s meta tags.
Social media previews
Warnings & tips
All metadata found
| Tag | Value |
|---|
Copy the source snippet
Paste this into your page’s <head> and re-check the URL.
Most important tags
og:titleThe main headline on Facebook and LinkedIn. Keep it clear, specific and close to your page title.
og:descriptionThe summary that helps people decide whether to click. One concise, value-focused sentence works best.
og:imageThe most visual part of a shared card. Use a high-quality 1.91:1 image with an absolute HTTPS URL.
og:urlThe canonical share URL. Set it to your preferred URL so platforms consolidate preview data.
twitter:cardTells X which card format to render. Use summary_large_image for most content pages.
Image sizes by platform
| Platform | Recommended size | Notes |
|---|---|---|
| 1200 × 630 | Uses og:image. Keep important text centred to avoid cropping. | |
| X (Twitter) | 1200 × 630 | Works well with summary_large_image cards. |
| 1200 × 627 / 630 | Reads Open Graph metadata, so og:image quality matters most. |
Common issues and quick fixes
- Preview shows the wrong title — make sure
og:titleis present and unique for the page. - Image is missing — confirm
og:imageis an absolute HTTPS URL that is publicly reachable. - Old preview keeps showing — platform caches are stale; trigger a re-scrape in each platform’s sharing tool.
- Wrong page URL appears — set
og:urlandrel="canonical"to your preferred URL.
Frequently asked questions
og:title, og:description, og:image and
og:url. og:type is also useful, and most sites should add
twitter:card plus Twitter title/image tags for stronger X previews.
twitter:*, while Facebook and LinkedIn rely on og:*.
Privacy: the URL you enter is fetched by our server so it can read the page’s
meta tags, and the page content is never stored. If the site’s API endpoint
(/api/og) is not available, the tool falls back to a public relay service and
shows a note when that happens — run the site with npm start to keep all
checks on this server.