$devtoolkit.sh/tools/open-graph-debugger

Open Graph Debugger

Paste raw HTML to extract OG tags, Twitter cards, canonical, and SEO meta tags.

$HTML source
0 chars1 lines

Paste raw HTML source code. URL fetching is not supported because all processing runs client-side with no proxy server.

Related Tools

FAQ

How is this different from an OG preview tool?
An OG preview tool takes form inputs (title, description, image URL) and simulates how a page would look when shared. This tool takes raw HTML source and extracts whatever tags are actually present — useful for auditing existing pages or debugging why a page shares incorrectly.
How do I get the raw HTML of a page?
In Chrome or Firefox, right-click the page and choose "View Page Source" (or press Ctrl+U / Cmd+U). Copy the full HTML and paste it here. For dynamically rendered pages, use the browser DevTools to copy the rendered DOM instead.
Which tags are flagged as missing?
The tool flags: og:title, og:description, og:image, og:url, og:type, twitter:card, meta description, and canonical link. These are the most important tags for social sharing and SEO. Other og: tags are displayed if present but not required.

Open Graph Debugger parses raw HTML and extracts all Open Graph meta tags (og:title, og:description, og:image, og:url, og:type, og:site_name), Twitter Card tags (twitter:card, twitter:title, twitter:description, twitter:image), SEO essentials (title, meta description, canonical link), and any other meta tags present. Missing recommended tags are flagged. All extracted values are displayed in a structured breakdown with copy buttons. Paste the full HTML source of any page to audit its social sharing metadata.

/tools/open-graph-debuggerv1.0.0