Open Graph Debugger & Preview
See exactly how your page looks when shared on Facebook, X/Twitter, LinkedIn, Discord, and Slack. Debug OG tags, find missing metadata, and fix social sharing issues.
How It Works
Enter Your URL
Paste any URL and we fetch the page server-side to extract all Open Graph, Twitter Card, and meta tags.
Preview Social Cards
See pixel-accurate previews of how your link appears on Facebook, X/Twitter, LinkedIn, Discord, and Slack.
Fix Issues
Get a prioritized list of missing or misconfigured tags with clear instructions on how to fix each one.
Why Open Graph Tags Matter for AI Search
Social Sharing Drives Traffic
Posts with proper OG images get 2-3x more engagement on social media. Without og:image, your links appear as plain text with no visual appeal, drastically reducing clicks and shares.
AI Models Parse OG Tags
AI search engines like ChatGPT, Perplexity, and Claude use OG metadata as structured signals when crawling your site. Your og:title and og:description help AI understand and summarize your page.
Brand Consistency Across Platforms
Each platform renders link previews differently. OG tags let you control your title, description, and image so your brand looks professional whether shared on LinkedIn, Discord, or Slack.
OG Tags Complement Schema Markup
While Schema.org JSON-LD helps search engines understand page structure, OG tags handle the visual presentation layer. Together, they create a complete picture of your content for both humans and AI.
Essential Open Graph Tags
| Tag | Required | Description |
|---|---|---|
| og:title | Required | The title displayed when shared. Should be concise (under 60 characters) and match or complement your page title. |
| og:description | Required | A brief summary of the page content (50-200 characters). This appears below the title in social previews. |
| og:image | Required | The image shown in the social preview. Recommended size: 1200x630px. Use JPEG or PNG format for best compatibility. |
| og:url | Required | The canonical URL for the content. Helps prevent duplicate shares and ensures engagement metrics are consolidated. |
| og:type | Optional | Content type (e.g., 'website', 'article', 'product'). Defaults to 'website' if not specified. |
| og:site_name | Optional | Your website or brand name. Displayed above the title on some platforms. |
| twitter:card | Optional | Card type for X/Twitter: 'summary', 'summary_large_image', 'app', or 'player'. Use 'summary_large_image' for maximum impact. |
| twitter:image | Optional | Image for Twitter cards. Falls back to og:image if not set. Recommended: 1200x675px for large image cards. |
Frequently Asked Questions
What are Open Graph tags?
Open Graph (OG) tags are HTML meta tags in your page's <head> section that control how your URL appears when shared on social media platforms. Created by Facebook in 2010, they've become the standard for social sharing metadata. The most important tags are og:title, og:description, og:image, and og:url.
What is the recommended og:image size?
The recommended og:image size is 1200x630 pixels (1.91:1 ratio). This works well across Facebook, LinkedIn, and most platforms. For Twitter summary_large_image cards, 1200x675px (16:9) is ideal. Always use images over 200x200px minimum, and keep file size under 5MB.
Do I need separate Twitter Card tags if I have OG tags?
Not necessarily. Twitter falls back to OG tags automatically: twitter:title falls back to og:title, twitter:description to og:description, and twitter:image to og:image. However, you should always set twitter:card (e.g., 'summary_large_image') since there's no OG equivalent. Set separate Twitter tags only if you want different content on Twitter vs. other platforms.
How do OG tags affect AI search visibility?
AI search engines (ChatGPT, Perplexity, Google AI Overviews) crawl and parse OG tags as structured metadata about your page. Your og:title helps AI categorize content, og:description provides a pre-written summary for citation, and og:image can appear in visual AI responses. Well-structured OG tags make your content more likely to be cited accurately by AI models.
Why does my social preview look different from what this tool shows?
Social platforms cache OG data after the first share. If you've updated your tags, Facebook may still show the old version. Use Facebook's Sharing Debugger to force a re-scrape, or add a query parameter (?v=2) to the URL to bypass cache. LinkedIn and Twitter also have their own cache-clearing tools.
What happens if I don't set any OG tags?
Without OG tags, social platforms will try to guess your title and description from the page content, often with poor results. Most critically, there will be no preview image, which reduces click-through rates by 50-80%. AI search engines will have less structured context about your page, potentially reducing citation quality.