How to Use Meta Sharing Debugger to Audit OG Tags
Step-by-step guide to audit Open Graph tags using Meta Sharing Debugger. Fix broken OG tags, preview social shares, and boost click-through rates.
Prerequisites: What You Need Before Starting
Before you dive into the Meta Sharing Debugger, make sure you have the basics in place. You'll need a website with pages you want to audit—doesn't matter if it's a landing page, blog post, or product page. You'll also need a Facebook account (or ability to create one) to access the debugger tool itself. No credit card required, no agency fees, no waiting.
If you haven't set up Open Graph tags yet, don't panic. This guide will show you exactly what they are, why they matter, and how to fix them when they break. If you're already running a site and wondering why your links look broken when people share them on social—blurry images, missing descriptions, wrong titles—this is the diagnosis tool you need.
One more thing: bookmark the Facebook Sharing Debugger right now. You'll be using it repeatedly, and having it in your toolbar saves time.
What Are Open Graph Tags and Why They Matter
Open Graph (OG) tags are snippets of code in your page's HTML that tell social platforms—Facebook, LinkedIn, WhatsApp, Slack, and others—how to display your content when someone shares a link. Without them, social platforms guess. With them, you control the narrative.
Think of OG tags as metadata instructions. When someone copies your URL and pastes it into a social post, the platform's crawler reads these tags and pulls specific information: your page title, description, image, and URL. Get them right, and your shared link looks professional, clickable, and trustworthy. Get them wrong, and you're leaving organic traffic on the table.
The main OG tags you'll audit are:
og:title— The headline that appears when your link is sharedog:description— The snippet of text below the titleog:image— The thumbnail image (critical for click-through)og:url— The canonical URL of the pageog:type— The content type (usuallywebsiteorarticle)
These tags live in the <head> section of your HTML. They're invisible to visitors but essential to search engines and social platforms. If you're optimizing for AI search engines like ChatGPT and Perplexity, understanding how to set up Open Graph tags for better click-through from AI search becomes even more critical for founder visibility.
Step 1: Access the Meta Sharing Debugger
Navigate to the Facebook Sharing Debugger. You'll see a clean interface with a URL input field at the top.
If you're not logged into Facebook, you'll be prompted to sign in. Use your Facebook account credentials. If you don't have one, you'll need to create one—it's free and takes two minutes.
Once logged in, you're looking at the main debugger interface. This is your command center for auditing OG tags. The tool does three things: it fetches your page, parses the OG tags, shows you exactly what Facebook sees, and displays how your link will look when shared.
Don't overthink this step. It's just a login and a URL input. The real work happens next.
Step 2: Enter Your URL and Run the Debugger
Paste the full URL of the page you want to audit into the input field. Include the protocol (https://). For example: https://yoursite.com/blog/your-post-title
Hit Enter or click the Debug button. The tool will crawl your page, fetch the HTML, and parse every meta tag it finds.
This takes a few seconds. You'll see a loading state, then the results populate below.
The debugger shows two critical sections:
Scraped URL Information — This is what Facebook actually found on your page. It lists every meta tag it detected, the values assigned to each, and any warnings or errors.
Social Preview — This shows a live mockup of how your link will appear when shared on Facebook, Instagram, Messenger, and other Meta platforms.
If your OG tags are correct, the preview looks great: clean image, accurate title, compelling description. If they're broken, you'll see placeholders, missing images, or truncated text. That's your signal that something needs fixing.
Step 3: Analyze the Scraped URL Information Section
This is where you diagnose problems. The debugger lists every tag it found, organized by type. Look for these signals:
Green checkmarks mean the tag is present and valid. No action needed.
Yellow warnings mean the tag exists but might have issues—maybe the image is too small, the description is too long, or the URL format is unusual.
Red errors mean the tag is missing or critically broken. Your social preview will suffer.
Common errors you'll see:
Missing og:image — The most frequent culprit. If you don't have an image tag, social platforms will try to find one on the page automatically. Often they pick the wrong image, or none at all. Your shared link looks broken and gets fewer clicks.
og:image too small — Meta recommends at least 1200x630 pixels. Smaller images may display blurry or get cropped. The debugger will warn you if your image is undersized.
Missing og:description — If you don't have this tag, the platform falls back to the meta description or first paragraph of text. This is sometimes fine, but often results in awkward, truncated copy.
Malformed og:url — If the URL in the tag doesn't match the page's actual URL, caching issues and duplicate content problems emerge. Keep this clean.
og:type missing or wrong — If you don't specify the type, Facebook assumes website. For articles, use article. For products, use product. For video, use video.other. Correct typing helps with ranking in social feeds.
Take a screenshot of the Scraped URL Information section. You'll reference this when making fixes.
Step 4: Review the Social Preview
Scroll down to see the preview. This is what your link looks like when someone shares it. Pretend you're seeing this in your Facebook feed. Does it grab your attention? Does the image load? Is the copy clear?
If the preview looks weak—missing image, vague title, no description—people won't click. This directly impacts your organic traffic.
Compare the preview to your actual page. Does the title match? Is the image the one you intended? If not, your OG tags need updating.
The debugger shows previews for multiple platforms: Facebook, Instagram, Messenger, and Slack. Each platform has slightly different dimensions and display rules. Your image might look perfect on Facebook but get cropped on Instagram. Check all of them.
Step 5: Identify and Prioritize Fixes
Not all OG tag errors are equally damaging. Prioritize your fixes:
Critical (fix immediately):
- Missing
og:image— Directly impacts click-through - Missing
og:title— Makes your link look incomplete - Broken or incorrect
og:url— Causes caching and redirect issues
Important (fix soon):
- Image too small or wrong dimensions — Looks unprofessional when shared
- Missing or weak
og:description— Reduces click incentive - Incorrect
og:type— Affects social ranking and categorization
Nice-to-have (fix if time permits):
- Missing Twitter Card tags (not OG, but related) — Improves Twitter/X sharing
- Missing
og:locale— Helps with international targeting
For most founders shipping fast, focus on the critical three. Get those right, and your social shares will improve immediately.
Step 6: Fix OG Tags in Your HTML
Now you know what's broken. Time to fix it.
If you're comfortable editing HTML directly, open your page's source code and locate the <head> section. Add or update your OG tags like this:
<meta property="og:title" content="Your Page Title Here" />
<meta property="og:description" content="A compelling description that makes people want to click." />
<meta property="og:image" content="https://yoursite.com/image.jpg" />
<meta property="og:url" content="https://yoursite.com/page-url" />
<meta property="og:type" content="website" />
Make sure:
- The image URL is absolute (includes
https://and full domain) - The image is at least 1200x630 pixels
- The title is under 60 characters (gets truncated otherwise)
- The description is under 160 characters
- The og:url matches the page's actual URL exactly
If you're using WordPress, install an SEO plugin like Yoast or Rank Math. These plugins have UI fields for OG tags—no coding required. If you're using a page builder like Webflow, Framer, or Wix, each has native OG tag fields. Check your platform's documentation.
If you're building on a modern framework like Next.js or Vue, use the appropriate meta tag library. For Next.js, use next/head or the next-seo package. For Vue, use vue-meta. The syntax varies, but the principle is the same.
After you update the tags, save and deploy your changes. Wait a few minutes for your server to reflect the update.
Step 7: Clear the Cache and Re-Debug
Here's the gotcha most founders miss: social platforms cache OG tags. Even after you fix them, the old version might persist in Facebook's cache for hours or days.
The Meta Sharing Debugger has a built-in cache-clearing function. After you update your tags, go back to the debugger, paste your URL again, and click the "Scrape Again" button (it's near the URL input field).
This forces Facebook to re-fetch your page, parse the new tags, and update its cache. It usually takes 10-30 seconds.
After scraping again, compare the new Scraped URL Information to your previous screenshot. The errors should be gone. The Social Preview should look better.
If the preview still looks wrong, your tags might not have deployed correctly. Check your HTML again. Make sure the changes were actually saved and pushed to production. Use your browser's developer tools (right-click > Inspect) to view the page source and verify the tags are there.
Step 8: Test Across Platforms
The Meta Sharing Debugger is Facebook-focused, but your links will be shared across multiple platforms. Each has slightly different requirements.
For a comprehensive audit, use the OG Tag Test tool to validate your tags and see how they'll appear across Facebook, LinkedIn, Twitter/X, and other platforms. This gives you a broader view of how your link performs in the wild.
You can also use Microlink's sharing debugger for a free, multi-platform preview. It shows how your link looks on Facebook, WhatsApp, Slack, LinkedIn, and more in a single interface.
Test a few variations:
- Your homepage
- A recent blog post
- Your product page
- Any page you expect people to share
If any look broken, add them to your fix list.
Common OG Tag Errors and How to Fix Them
Error: "Insufficient Image Size"
Your image is smaller than Facebook's recommended 1200x630 pixels. It will display blurry or get cropped.
Fix: Replace the image with a larger one. Use a tool like Figma, Canva, or even simple image editing software to resize. If you're generating images programmatically, ensure your image generation pipeline outputs the correct dimensions. For blogs, create a dedicated social share image that's different from your featured image—optimize it specifically for the 1.91:1 aspect ratio that works best on Facebook.
Error: "Image Not Accessible"
Facebook tried to fetch your image but couldn't. Usually means the image URL is broken, the image is behind authentication, or the server is blocking the crawler.
Fix: Check the image URL. Make sure it's absolute (includes https:// and your full domain). Test the URL directly in your browser—does it load? If the image is hosted on a CDN, make sure the CDN is publicly accessible. If you're using a relative URL like /images/photo.jpg, convert it to absolute: https://yoursite.com/images/photo.jpg.
Error: "Missing or Invalid og:description"
You either didn't include the tag, or it's formatted incorrectly.
Fix: Add the tag to your <head> section. Make sure the content is wrapped in quotes and doesn't contain unescaped special characters. If your description contains quotes or apostrophes, escape them: " for quotes, ' for apostrophes. Keep descriptions under 160 characters so they don't get truncated.
Error: "og:url Does Not Match Canonical URL"
The URL in your OG tag doesn't match the page's actual URL. This confuses social platforms and can create caching issues.
Fix: Make sure the og:url value exactly matches the page's URL. If your page is at https://yoursite.com/blog/my-post, your og:url should be exactly that—no trailing slashes if you don't use them, no query parameters unless they're part of the canonical URL. Use your browser's address bar as the source of truth.
Error: "og:type Not Specified"
You didn't include the og:type tag. Facebook defaults to website, which is fine for most pages but not optimal for articles or products.
Fix: Add the tag. For blog posts, use og:type: article. For product pages, use og:type: product. For everything else, website is fine. The difference matters for ranking in social feeds and for how the platform categorizes your content.
Pro Tips for OG Tag Auditing
Tip 1: Automate OG tag generation for dynamic pages. If you're running a blog or product catalog, don't manually create OG tags for each page. Use your CMS or framework to generate them dynamically. Pull the page title into og:title, the excerpt into og:description, and the featured image into og:image. This scales and reduces errors.
Tip 2: Use consistent image dimensions. Pick one set of dimensions (1200x630 is standard) and stick with it for all pages. Create a template in Figma or Canva. This ensures consistency across your site and makes batch updates easier.
Tip 3: Test before publishing. Before you ship a new page, run it through the Meta Sharing Debugger while it's in staging. Fix issues before they go live. This prevents broken social shares from reaching your audience.
Tip 4: Monitor shared links. If you're running ads or expecting shares, periodically check how your links appear in the wild. Screenshot shared links from your Facebook or LinkedIn page. If they look broken, audit the OG tags immediately.
Tip 5: Include brand elements in images. Your OG image is a micro-branding opportunity. Include your logo, brand colors, or a recognizable visual element. This makes your link stand out in feeds and builds brand recall.
Integrating OG Audits Into Your SEO Workflow
OG tag optimization isn't a one-time task. It's part of your ongoing SEO foundation. If you're already running Google Search Console and Google Analytics 4, add OG audits to your monthly checklist.
When you publish new content, audit the OG tags before promoting. When you redesign your site, audit all critical pages. When you notice a page isn't getting clicks despite good rankings, check the OG tags—they're often the culprit.
For founders building with code, consider adding OG tag validation to your CI/CD pipeline. Tools like og-image-validator can check images automatically before deployment. This catches errors before they reach production.
If you're optimizing for multiple platforms, don't just focus on Facebook. Twitter/X uses different meta tags (Twitter Card tags). LinkedIn has its own rules. WhatsApp pulls from OG tags but has specific requirements. For a complete audit strategy, check how your links appear across all platforms where your audience hangs out.
For deeper technical SEO work, consider setting up the SEO Pro extension for on-page audits to catch OG tag issues alongside other on-page problems. This gives you a comprehensive view of your page's health.
Understanding How OG Tags Impact AI Search Visibility
Traditional SEO focuses on Google. But if you're shipping a product and need visibility fast, AI search engines like ChatGPT, Perplexity, and Claude are increasingly important. These engines don't crawl the web in real-time the way Google does. Instead, they're trained on snapshots of the web and indexed by their own mechanisms.
OG tags matter here too. When AI engines summarize your content or pull quotes, they often reference the og:title and og:description. A well-optimized OG tag ensures your brand voice comes through in AI-generated summaries.
For more on this, read about setting up Open Graph tags for better click-through from AI search. It covers specific strategies for optimizing OG tags with AI search engines in mind.
Using Additional Tools for Comprehensive OG Audits
While the Meta Sharing Debugger is the official tool, other options provide different perspectives. The OG tag validation guide compares three essential tools. Each has strengths:
- Meta Sharing Debugger — Official, most authoritative, best for Facebook/Instagram
- OG Tag Test — Shows multiple platforms, includes detailed troubleshooting
- Microlink — Free, fast, multi-platform, great for quick checks
For a complete audit, use the Meta Sharing Debugger as your primary tool, then spot-check with one of the others to ensure consistency across platforms.
If you're serious about social sharing, consider tools like Semrush or Ahrefs that include OG tag audits as part of their broader SEO analysis. These tools scan your entire site and flag OG tag issues at scale—useful if you have hundreds of pages.
Troubleshooting: When the Debugger Shows Errors But Your Tags Look Correct
You've updated your OG tags, they look right in your HTML, but the debugger still shows errors. Here's what's usually happening:
Issue 1: Cache not cleared. Facebook cached the old version. Solution: Click "Scrape Again" in the debugger. Wait 30 seconds. Try again.
Issue 2: Changes not deployed. You edited the file locally but didn't push to production. Solution: Verify the changes are live. Open your page in an incognito browser window. Right-click > View Page Source. Search for the OG tag. Is it there? If not, your deployment didn't work.
Issue 3: Wrong syntax. You used single quotes instead of double quotes, or forgot the property= attribute. Solution: Check the syntax against the examples in this guide. HTML meta tags use property= for OG tags, not name=.
Issue 4: Encoding issues. Special characters in your content (é, ñ, emoji) are breaking the tag. Solution: Use HTML entity encoding. Instead of café, use café. Instead of emoji, remove them or use Unicode escapes.
Issue 5: Server issues. Your server is returning a 404 or 500 error for the page. Facebook can't fetch it, so it can't parse the tags. Solution: Verify the page loads correctly in your browser. Check your server logs. Make sure the page isn't behind authentication or a paywall.
Building a Sustainable OG Tag Strategy
OG tag optimization is a leverage point. A 30-minute audit can improve click-through rates by 20-40%, directly boosting organic traffic. But it only works if you maintain it.
Here's a sustainable approach:
Week 1: Audit your top 10 pages. Fix critical errors. Implement OG tags if they're missing.
Week 2-4: Audit the rest of your site. Prioritize high-traffic pages. Fix errors.
Ongoing: Before publishing new content, run it through the debugger. Before major redesigns, audit all pages. Monthly, spot-check 5-10 random pages to catch regressions.
If you're using a CMS that supports templating, create a standard OG tag template. This ensures consistency and reduces manual work. For WordPress, plugins like Yoast handle this automatically.
For custom-built sites, use your framework's meta tag library. For Next.js, use next-seo. For Vue, use vue-meta. For static sites, consider a build-time tool that generates OG tags from your content.
The goal: OG tags should be set once, generated automatically, and require minimal maintenance. Treat them like you treat your canonical URLs or meta descriptions—part of your SEO foundation, not an afterthought.
Measuring the Impact of OG Tag Fixes
After you fix your OG tags, how do you know if it worked? Track these metrics:
Click-through rate from social. If people are sharing your content on Facebook, LinkedIn, or other platforms, monitor clicks from those sources. Use Google Analytics 4 to track traffic by source. After fixing OG tags, you should see an uptick in clicks from social platforms.
Impressions and engagement on social posts. If you're posting links to your own content, monitor impressions and engagement. Better-looking links (thanks to proper OG tags) get more clicks and shares.
Share volume. If you have access to Facebook Page Insights or LinkedIn Analytics, check whether your shared links are getting more shares after the fix.
Referral traffic. Use Google Search Console to track referral traffic. Social shares that drive clicks will show up here.
You won't see dramatic changes overnight. But over a month, you should notice an improvement. If you don't, check whether people are actually sharing your content. OG tags only matter if your content is being shared.
The Bigger Picture: OG Tags as Part of Your SEO Foundation
OG tags are one piece of a larger SEO puzzle. They don't directly impact Google rankings. But they improve click-through rates from social sharing, which drives traffic, which signals value to search engines.
For a complete SEO foundation, pair OG tag optimization with:
- Organization schema — Tells search engines who you are
- Proper canonical URLs — Prevents duplicate content issues
- Meta descriptions — Improves CTR from search results
- Structured data — Helps search engines understand your content
Think of your SEO stack like a house. Google rankings are the foundation. OG tags are the paint job. Both matter, but you need the foundation first.
If you're a founder who's shipped but lacks organic visibility, start with the free SEO tool stack to establish your foundation. Then audit your OG tags. Then optimize your on-page SEO with Chrome extensions that help you spot issues in real-time.
For a faster path, consider using an all-in-one platform like Seoable that handles domain audits, brand positioning, keyword research, and AI-generated content in one shot. But whether you DIY or use tools, OG tag optimization should be on your list.
Key Takeaways: What You Now Know
You've learned how to use the Meta Sharing Debugger to audit Open Graph tags. Here's what matters:
OG tags control how your links look when shared. They're metadata instructions for social platforms. Without them, your shared links look broken and get fewer clicks.
The Meta Sharing Debugger is your diagnostic tool. It shows you exactly what Facebook sees, displays errors, and previews how your link will appear. Use it before publishing and after making changes.
Focus on the critical three: og:title, og:description, og:image. These directly impact click-through. Get them right, and your social sharing improves immediately.
Fix errors in your HTML, then scrape again to clear the cache. The debugger has a built-in cache-clear function. Use it after every update.
Test across multiple platforms. Facebook, LinkedIn, Twitter/X, WhatsApp, and Slack all have different requirements. Use multiple tools to ensure consistency.
Automate OG tag generation for scale. Don't manually create tags for each page. Use your CMS or framework to generate them dynamically. This scales and reduces errors.
Monitor the impact. Track click-through rates from social, referral traffic, and share volume. OG tag fixes should improve these metrics over time.
Make it part of your workflow. Audit OG tags before publishing, after redesigns, and monthly for maintenance. Treat them like any other SEO foundational element.
The Meta Sharing Debugger is free, fast, and powerful. A 30-minute audit can improve your social sharing by 20-40%. For founders shipping fast, that's a high-leverage use of time. Start with your top 10 pages. Fix the errors. Watch your click-through rates improve. Then scale to the rest of your site.
You now have the knowledge to own your OG tag optimization. No agency required. No guessing. Just data, fixes, and better-looking shared links.
Get the next one on Sunday.
One short email a week. What is working in SEO right now. Unsubscribe in one click.
Subscribe on Substack →