OpenGraph Checker

Check Open Graph and Twitter Card meta tags for any URL. Free OG checker with social media previews for Facebook, X/Twitter, LinkedIn, Discord, WhatsApp, and Slack.

How to use this OpenGraph checker

Enter a URL and click Check OG Tags. That is the entire workflow.

  1. Paste a URL into the input field above. Any publicly accessible page works: your homepage, a blog post, a product page, or a landing page you are about to share on social media.
  2. Click Check OG Tags. This checker fetches the page, extracts all Open Graph and Twitter Card meta tags, validates the og:image, and scores the results.
  3. Review the OG Score at the top. A score of 80% or higher means your page is well-configured for social sharing. Below that, the validation checklist tells you exactly what to fix.
  4. Preview how your link appears on Facebook, X/Twitter, LinkedIn, Discord, WhatsApp, and Slack using the tabbed social media previews.
  5. Copy the meta tags as HTML using the "Copy All HTML" button if you need to replicate the tags on another page or share them with a teammate.

The checker validates your og:title, og:description, og:image (including file size and accessibility), og:url, og:type, og:site_name, og:locale, and all Twitter Card properties. Results include a pass/warn/fail status for each tag with specific recommendations.

What are Open Graph tags?

Open Graph tags are HTML meta tags that control how a URL appears when shared on social media platforms. Facebook introduced the Open Graph protocol in 2010, and it has since become the universal standard adopted by LinkedIn, Discord, WhatsApp, Slack, Telegram, and most messaging apps.

Without Open Graph tags, platforms scrape whatever they can find, usually the page title and a random image or no image at all. The result is an unappealing link preview that gets fewer clicks. With properly configured OG tags, you control the exact title, description, and image that appear in every social share.

Open Graph tags live in the <head> section of your HTML and use the property attribute instead of the name attribute:

<meta property="og:title" content="Your Page Title" />
<meta property="og:description" content="A short summary of the page content." />
<meta property="og:image" content="https://example.com/image.jpg" />
<meta property="og:url" content="https://example.com/page" />
<meta property="og:type" content="website" />

Essential OG tags every page needs

Not every OG property carries equal weight. Here are the five tags that matter most and what each one controls:

Tag Required? What it does
og:title Yes The headline shown in the link preview. Keep it under 88 characters to avoid truncation on Facebook. This is the single most important tag. It determines whether someone clicks.
og:description Recommended A one or two sentence summary shown below the title. Keep it under 200 characters. If missing, platforms may auto-generate one from the page content, which rarely looks good.
og:image Yes The image displayed in the preview card. This is what makes or breaks engagement. Posts with images get 2-3x more interaction. Must be an absolute URL.
og:url Recommended The canonical URL for the page. This tells platforms which URL to associate with the content, preventing duplicate entries when the same page is accessible at multiple URLs.
og:type Recommended The content type. Use website for homepages and general pages, article for blog posts and news. Defaults to website if not set.

Two additional properties are worth setting: og:site_name (your brand name, shown on Discord and Slack) and og:locale (the language of the content, defaults to en_US). This checker validates all seven and flags anything missing or misconfigured.

Twitter Card tags and how they work with OG tags

X/Twitter uses its own meta tag system called Twitter Cards. The good news: if you have Open Graph tags, X/Twitter falls back to them automatically. The bad news: the fallback behavior is not always ideal, and you lose control over the card format.

The most important Twitter-specific tag is twitter:card, which controls the card layout:

  • summary -- a small square image on the left with title and description on the right. Good for articles and general content.
  • summary_large_image -- a large image above the title and description. Best for visual content, product pages, and anything where the image tells the story.

Other useful Twitter Card tags include twitter:title (overrides og:title on X/Twitter only), twitter:description, twitter:image, and twitter:site (your @username). This OpenGraph checker validates all of them and shows whether X/Twitter will use your dedicated tag or fall back to OG.

<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:site" content="@yourbrand" />
<meta name="twitter:title" content="Your Page Title" />
<meta name="twitter:description" content="A concise summary." />
<meta name="twitter:image" content="https://example.com/twitter-image.jpg" />

Social media preview requirements by platform

Each platform has its own quirks for rendering link previews. Here is what you need to know:

Platform Image aspect ratio Max title length Notes
Facebook 1.91:1 ~88 chars Caches aggressively. Use the Facebook Sharing Debugger to force a re-scrape after updating tags.
X / Twitter 2:1 (large) or 1:1 (summary) ~70 chars Requires twitter:card for the best layout. Falls back to OG tags if Twitter-specific tags are missing.
LinkedIn 1.91:1 ~150 chars Reads OG tags directly. Uses og:image, og:title, og:description. Caches previews and can take hours to update.
Discord Flexible ~256 chars Shows og:site_name as a label above the title. Displays the image below the description in an embed card with a colored left border.
WhatsApp 1.91:1 ~60 chars Previews appear inside the message bubble. Truncates aggressively on mobile. Caches hard. May need 24-48 hours to refresh.
Slack Flexible ~100 chars Unfurls links using OG tags. Shows og:site_name, title, description, and image in an indented card with a left border.

The safest approach: design for Facebook's 1.91:1 aspect ratio at 1200×630 pixels. Every other platform handles this size well. This OpenGraph checker shows you a live preview for all six platforms so you can see exactly how your link will render before sharing it.

Common OG tag mistakes and how to fix them

After checking thousands of URLs, these are the issues that come up most often:

  • Missing og:image. The single biggest mistake. A link shared without an image gets 2-3x fewer clicks. Always set an og:image, even if it is a generic branded fallback image for pages without a specific visual.
  • Relative image URLs. OG images must be absolute URLs (starting with https://). A relative path like /images/og.jpg will not resolve when platforms fetch the page.
  • Image too small. Facebook requires a minimum of 200×200 pixels and recommends 1200×630. Images below the minimum may not display at all.
  • Image too large. Facebook rejects images over 8MB. Compress your OG images. PNG or JPEG under 1MB is ideal. This OG checker reports the exact file size.
  • Title too long. Facebook truncates og:title after about 88 characters. LinkedIn and WhatsApp truncate earlier. Write concise titles that communicate value in the first 60 characters.
  • Stale cache. Updated your OG tags but the old preview still shows? Facebook, LinkedIn, and WhatsApp cache aggressively. Use the Facebook Sharing Debugger to force a re-scrape, or wait 24-48 hours for WhatsApp.
  • Using name instead of property. OG tags use <meta property="og:...">, not <meta name="og:...">. Some platforms tolerate the wrong attribute, but others silently ignore it.
  • Duplicate or conflicting tags. Multiple og:title or og:image tags on the same page can cause platforms to pick the wrong one. Ensure each OG property appears exactly once.

OG image best practices

The og:image is the most visually impactful tag. Getting it right is worth the effort:

Property Recommendation
Dimensions 1200×630 pixels (1.91:1 aspect ratio). Works on every platform.
Minimum size 600×315 pixels. Below this, Facebook may not display the image.
File size Under 1MB for fast loading. Maximum 8MB (Facebook's hard limit).
Format JPEG or PNG. WebP support varies by platform, so stick with JPEG/PNG for universal compatibility.
Content Include your headline text on the image itself. Many users see the image before reading the title, especially on mobile feeds.
Safe zone Keep important content away from edges. Some platforms crop the image slightly depending on the card type and device.

This OG checker validates your image by fetching it and reporting the content type, file size, and HTTP status. If the image returns a non-200 status or is not a recognized image format, it flags the issue immediately.

Frequently Asked Questions

Is my URL data stored when I use this checker?

No. The URL is sent to our server so we can fetch the page on your behalf (since browsers cannot make cross-origin requests to arbitrary URLs), but we do not store the URL or the results. The analysis happens in real-time and is discarded after the response is returned.

What does the OG Score mean?

The OG Score is the percentage of validation checks that passed. It evaluates og:title, og:description, og:image (including accessibility and file size), og:url, og:type, og:site_name, og:locale, and all Twitter Card properties. A score of 80% or higher means your page is well-configured for social sharing. Below 50% means you are missing critical tags.

Why does my page show the wrong image on Facebook?

Facebook caches OG tags aggressively. If you recently updated your og:image, the old image may still appear. Use the Facebook Sharing Debugger to force a re-scrape. Also check that you do not have multiple og:image tags. Facebook may pick an unintended one.

Do I need both Open Graph tags and Twitter Card tags?

Not strictly, but it is recommended. X/Twitter falls back to OG tags when Twitter Card tags are missing, so your content will still display. However, setting twitter:card at minimum gives you control over the card layout (summary vs. summary_large_image), which OG tags alone cannot specify.

What is the difference between og:title and the HTML title tag?

The HTML <title> tag appears in the browser tab and search engine results. The og:title tag is used exclusively for social media previews. They can (and often should) be different. Your SEO title might include your brand name, while your og:title should focus on the content being shared. This checker compares both in the "Page Meta vs OG Tags" table.

Can I check pages that require authentication?

This checker fetches the page as an anonymous visitor, the same way social media platforms would. If your page requires login, the checker will see whatever an unauthenticated user sees, which is exactly what Facebook, X/Twitter, and other platforms will see when someone shares the link. If the page redirects to a login screen, the OG tags from that login page will be analyzed instead.

How often should I check my OG tags?

Check after every deployment that changes page templates, CMS updates that modify metadata, or before any major social media campaign. It is also worth running this checker on your most-shared pages periodically. Template changes or CMS migrations can silently break OG tags.

What image format should I use for og:image?

Use JPEG for photographs and complex images, PNG for graphics with text or transparency. Avoid WebP. While browser support is universal, some social media crawlers still have inconsistent WebP handling. Keep the file under 1MB for fast loading.

Related Free Tools

If you are debugging how your pages appear to crawlers, bots, and social media platforms, these tools handle related tasks:

  • Bulk HTTP Status Checker -- verify that the URLs you are sharing return 200 status codes and are not redirecting unexpectedly. A 301 redirect can cause social platforms to cache the wrong OG tags.
  • Robots.txt Tester & Validator -- confirm that social media crawlers are not blocked from fetching your pages. If Facebookbot or Twitterbot are disallowed in robots.txt, your OG tags will never be read.
  • HTML Formatter & Beautifier -- format and inspect the raw HTML of a page to find where OG tags are placed and whether they are inside the <head> section where they belong.
  • Curl Command Generator -- fetch a page's HTML programmatically to inspect OG tags in the raw source, then convert the curl command to Python, JavaScript, or Ruby for automated checking in your CI pipeline.

Give your AI agent a faster, leaner browser

Structured page data instead of raw HTML. Your agent processes less, decides faster, and costs less to run.

Stability detection built in
Fraction of the payload size
Diffs after every action
No credit card required. 1 hour of free runtime included.