🖼️ 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.
og:image checker: does your preview image work?
The image is the part of the card people actually notice, and it's the tag that breaks most often. When you run an Open Graph check here, look at the og:image row and confirm each of these:
- Absolute HTTPS URL.
https://example.com/og.png, never/og.png. Platforms don't resolve relative paths, and most refuse plainhttp://images. - Publicly fetchable. No login, no robots block, no hotlink protection. If this checker can't download it, neither can Facebook or LinkedIn.
- 1200 × 630 px (1.91:1). Smaller images fall back to a small thumbnail card; very different ratios get cropped.
- Under 8 MB, ideally under 1 MB, as JPEG or PNG. WebP and SVG are not reliably supported for previews.
- Declare the size with
og:image:widthandog:image:heightso the very first share renders the large card instead of waiting for a re-crawl. - Add
og:image:altfor screen readers and as a fallback caption.
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.
How do I test my og:image?
Paste the page URL into the checker above. The results list the og:image URL the page declares and whether it could be fetched; open the URL directly to confirm it loads over HTTPS, then compare its dimensions with the 1200 × 630 recommendation. Re-run the check after every change — platforms only re-crawl when you ask them to.
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.