🖼️ Open Graph Checker
Validate Open Graph and Twitter Card tags to improve social sharing previews.
What Is Open Graph?
Open Graph (OG) is a set of <meta> tags you add to a page's
<head> that tell social platforms — Facebook, LinkedIn, Slack, WhatsApp, Discord and more —
how to display a link. When someone shares your URL, those platforms read the OG tags to build the preview card:
the title, description, and image people actually see. Get them wrong and your link shows up as a bare URL or a
random image; get them right and it looks intentional and clickable. X (Twitter) reads its own
Twitter Card tags, but falls back to Open Graph when they're absent.
The Tags That Matter
| Tag | What it does | Required? |
|---|---|---|
og:title | The headline shown on the card | Yes |
og:description | The one- or two-line summary under the title | Recommended |
og:image | The preview image — the single biggest factor in click-through | Yes |
og:url | The canonical URL of the page | Recommended |
og:type | Content type, e.g. website or article | Recommended |
og:site_name | Your site's name | Optional |
twitter:card | Card style for X, usually summary_large_image | For X |
Use a 1200 × 630 px image (1.91:1) for og:image — the size platforms crop to for a large card. Keep it under ~5 MB, use an absolute https:// URL, and add og:image:alt for accessibility.
Why Your Preview Isn't Updating
- The platform cached it. Facebook, LinkedIn and X cache previews aggressively. Re-share after using their official debuggers to refresh the cache.
- The image URL is relative or blocked.
og:imagemust be an absolutehttps://URL that isn't blocked by robots or auth. - Tags are set by JavaScript. Most crawlers read the initial HTML only — render OG tags server-side, not client-side.
- Missing tags. If OG tags are absent, platforms guess from the page — often badly. This checker shows exactly what they'll find.
Frequently Asked Questions
What is an Open Graph checker?
It's a tool that fetches a page and shows the Open Graph and Twitter Card tags a social platform would read — so you can see (and fix) the preview before you share the link.
Which Open Graph tags do I need?
At minimum og:title and og:image; add og:description, og:url, and og:type for a complete card. For X, add twitter:card set to summary_large_image.
What is the ideal og:image size?
1200 × 630 pixels (a 1.91:1 ratio) is the sweet spot for large preview cards across Facebook, LinkedIn, and X. Use an absolute HTTPS URL and keep the file reasonably small.
Why isn't my social preview showing correctly?
Usually a cached preview, a relative or blocked image URL, or tags injected by JavaScript that crawlers don't run. Fix the tags server-side, then refresh the platform's cache with its debugger and re-share.
Do I need Twitter Card tags if I already have Open Graph?
Not strictly — X falls back to Open Graph. But adding twitter:card (and optionally twitter:image/twitter:title) gives you explicit control over how the card looks on X.