Savebase · Free Tool

Free OG Inspector &
Open Graph Checker

Inspect Open Graph tags, Twitter Cards, meta descriptions & favicons. See exactly how your link preview looks on X, Slack, LinkedIn, and Facebook.

Enter URL to inspect
Try:

What are Open Graph tags and why do they matter?

Open Graph (OG) tags are snippets of HTML meta code placed in a page's <head> section. They control how your content appears when shared on social platforms like Twitter/X, LinkedIn, Slack, iMessage, and Facebook. Without them, platforms guess what to display — usually with poor results.

The four tags every page needs

  • og:title — The headline shown in the link preview (keep under 60 characters)
  • og:description — A supporting summary (150–160 characters is ideal)
  • og:image — The thumbnail image (1200×630px, JPEG or PNG)
  • twitter:card — Set to summary_large_image for the best Twitter layout

Why do bookmarks lose their previews?

OG tags change when sites redesign, change CMS, or update their codebase. A link you saved six months ago with a beautiful preview may now show a blank image — because the site removed or renamed its OG image path. Tools like Savebase let you archive the original preview thumbnail at the time of saving, so your collection stays visually consistent forever.

How this tool works

This inspector fetches the target URL server-side (bypassing browser CORS restrictions), reads up to the end of the HTML<head> section, and extracts all OG, Twitter Card, and standard meta tags. Results are scored out of 100 based on the presence and quality of the six most important tags.

Use it as an OG validator and debugger

A social preview can fail even when the page looks correct in a browser. Use the diagnostics to find missing tags, empty values, titles or descriptions that may be truncated, inaccessible images, and mismatches between Open Graph and Twitter Card metadata. Fix the source HTML, inspect the URL again, and then ask the social network to refresh its cached preview if it still shows an older version.

Open Graph checker use cases

  • Preview a blog post before publishing it on LinkedIn, Facebook, X, or Slack.
  • Confirm that an og:image is public, correctly sized, and tied to the right page.
  • Compare Open Graph tags with Twitter Card fields when platforms show different previews.
  • Audit landing pages after a CMS migration, redesign, or domain change.

What does an OG inspector check?

Enter any public URL to check its og:title, og:description,og:image, canonical URL, Twitter Card, favicon, and the other metadata that affect a social link preview. The diagnostics call out missing fields and title or description lengths that may be truncated when shared.

How do I check an Open Graph image?

Paste the page URL above and select Inspect. If the page provides anog:image, the inspector shows it in the X, Slack/iMessage, and LinkedIn previews. If it is missing, add a public 1200×630px image URL to your page's Open Graph metadata.

OG inspector FAQ

What is an OG inspector?

It reads a public page's Open Graph, Twitter Card, and standard meta tags, then turns them into platform-style previews and a list of issues to fix.

What tags should every page have?

Start with og:title, og:description, og:image,og:url, and og:type. Add a Twitter Card tag for X previews.

Why does my link preview show the wrong image or description?

The page may have missing or conflicting metadata, an inaccessible image, or the social network may be using a cached preview. Validate the current tags, fix them, and then refresh the cache.

Can I test a private or local URL?

The page and preview image must be reachable from the public internet. Login-only pages, localhost addresses, and resources blocked from crawlers may not return complete metadata.