Open Graph Preview Tool

Preview how your page looks on Facebook, LinkedIn, and other social platforms. Check OG tags quality, get a score, and see exactly what your social cards will look like.

Preview Social Cards

Enter any URL to extract and analyze its Open Graph tags. The tool fetches the page and checks for all OG meta tags.
Quick test:

About the Open Graph Preview Tool

Open Graph tags control how your content appears when shared on Facebook, LinkedIn, Slack, Discord, X (Twitter), and many other platforms. Without proper OG tags, these platforms fall back to guessing — often showing the wrong image, a truncated title, or no description at all.

Real URL Fetching

Enter any URL and we fetch the page, extract all OG meta tags, and render realistic previews.

OG Tag Scoring

Get a score out of 100 based on presence, length, and quality of your Open Graph tags.

Dual Platform Previews

See how your card looks on Facebook (large image card) and LinkedIn (smaller card format).

Why Open Graph Tags Matter for Social Sharing

Open Graph tags are the difference between a professional-looking social share and an ugly, broken one. Here's why they matter:

  • Clearer social previews — A compelling og:title and og:image make shared links easier to understand and more visually prominent.
  • Brand consistency — Control exactly how your brand appears everywhere: the right logo, the right description, the right URL. No more platform-generated garbage.
  • Professional appearance — Missing OG tags make your site look unpolished and amateurish. First impressions matter when your link appears in someone's feed.
  • Share count consolidation — With og:url, all shares of different URL variations (with/without www, trailing slash, UTM parameters) consolidate to one canonical URL.
  • Platform-specific optimization — Each platform renders cards differently. Our tool shows you exactly how Facebook and LinkedIn will display your content.

Required OG Tags

At minimum, every page needs these four essential tags:

  • og:title — 40-60 characters, include primary keyword and brand name
  • og:description — 80-200 characters, compelling summary of page content
  • og:image — At least 1200×630px (1.91:1 ratio), under 8MB, use absolute HTTPS URL
  • og:url — The canonical URL of the page, exactly as search engines should index it

Bonus tags for better control: og:site_name (your brand), og:type (website, article, product, etc.), and twitter:card (summary_large_image for X/Twitter).

Frequently Asked Questions

Open Graph (OG) meta tags control how your page appears when shared on Facebook, LinkedIn, Slack, Discord, X (Twitter), and other platforms. They define the title, description, and image that display in the social card. OG tags are part of the Open Graph Protocol introduced by Facebook to standardize how web content is presented in social media shares. Without them, platforms fall back to guessing — often showing the wrong image, a truncated title, or no description at all.
Yes! This tool renders realistic Facebook and LinkedIn card previews using your actual OG tags (or manually entered values). See exactly what users will see before you publish. The previews simulate how each platform styles cards — Facebook shows a larger image with domain, title, and description below; LinkedIn shows a smaller image with title and URL. Previewing before sharing ensures your content looks professional everywhere.
The tool will show you what's missing and let you manually enter values to preview how a card would look. This helps you design proper OG tags before implementing them. You can also use the manual mode to experiment with different titles, descriptions, and images to find the combination that looks best before adding them to your site.
The recommended og:image size is 1200×630 pixels with a maximum file size of 8MB. Facebook prefers images with a 1.91:1 aspect ratio. Images smaller than 200×200 pixels may not render at all. This tool reports the og:image URL found but since we fetch from the client side we cannot detect actual image dimensions server-side. Use Facebook's Sharing Debugger for full image dimension validation after implementing your tags.
For og:title, aim for 40–60 characters. Facebook truncates titles after roughly 88 characters on desktop and 70 on mobile. For og:description, keep it under 200 characters — Facebook shows about 2-3 lines (\u2248155-200 characters) before truncating with "...". Longer descriptions are cut off and key information may be lost. This tool flags titles over 70 chars and descriptions over 200 chars as too long.
While og:title, og:description, and og:image are the most critical tags, the others serve important purposes: og:type (default: "website") helps platforms categorize your content; og:url specifies the canonical URL for the shared page and prevents multiple share counts if your page is accessible via multiple URLs; og:site_name establishes brand identity and displays below the title on some platforms. For articles, use og:type=article.
OG tags are not direct ranking factors for Google search, but they control how links appear on social platforms and messaging apps. Strong previews can help social users understand and choose your content; they should not be described as direct search ranking improvements.
The score is calculated out of 100 points: og:title presence (20 pts) + ideal length (10 pts); og:description presence (20 pts) + ideal length (10 pts); og:image presence (20 pts) + valid URL (10 pts); og:url presence (5 pts); og:site_name presence (5 pts). Each missing or problematic tag reduces the score. A score of 85+ is excellent (well-optimized for social sharing), 50-84 needs improvement, and below 50 has critical issues that will likely result in poor-looking social shares.
Add OG meta tags to the <head> section of your HTML pages. The four essential tags are: <meta property="og:title" content="Your Page Title" />, <meta property="og:description" content="A brief description of your page" />, <meta property="og:image" content="https://example.com/image.jpg" />, and <meta property="og:url" content="https://example.com/page/" />. For WordPress, plugins like Yoast SEO or Rank Math can add them automatically. For static sites, add them directly to your HTML template's <head> section.
Reviewed Jun 2026 · Sources and limitations

Review details: 2026-06-10 · Marc LaClear · v1.0

Reference sources:

Known limits:

  • Checks are based on publicly fetchable HTML, response headers, and browser-side input. They do not use private Google Search Console, analytics, or ranking data.
  • Scores and warnings are diagnostic aids, not guarantees of ranking improvement or Google indexation.
  • Pages blocked by robots.txt, login walls, bot protection, heavy JavaScript, or network timeouts may return incomplete results.
  • Validate critical fixes with official Google tools such as Search Console, Rich Results Test, Lighthouse, and your own crawl data.

Report an issue with this tool