Metatag Debugger

About

Metatag Debugger is a developer tool that lets you instantly inspect and preview the Open Graph, Twitter Card, and SEO metadata of any webpage — right from your browser's side panel.

Why you need it
When you share a link on Facebook, X (Twitter), LinkedIn, or Discord, platforms read your page's metadata to generate a preview card — the title, description, and thumbnail image. If that metadata is missing, wrong, or malformed, your link previews look broken, hurting engagement and credibility.

Metatag Debugger gives you a live, accurate view of exactly what each platform will see, so you can catch and fix issues before they go live.

Features
• Automatically detects the active tab's URL — no copy-pasting needed
• Displays Open Graph tags (og:title, og:description, og:image, og:url, and more)
• Displays Twitter Card tags (twitter:card, twitter:title, twitter:image, etc.)
• Displays general SEO tags (title, meta description, canonical URL, robots)
• Refreshes automatically when you navigate to a new page
• Manual URL input to analyse any URL without navigating to it
• Results cached locally for 5 minutes for instant re-inspection
• Dark and light mode support

Who is it for?
• Web developers verifying metadata before shipping
• SEO specialists auditing pages for search and social optimisation
• Content creators and marketers ensuring link previews look perfect
• QA engineers testing Open Graph and Twitter Card implementations

How it works
Click the toolbar icon to open the side panel. Navigate to any page and your metadata is fetched and displayed immediately, organised by category. Switch tabs and the panel updates automatically.

No account required. No data stored on external servers.