Open Graph Debugger
Paste HTML to extract and preview Open Graph, Twitter Card, and meta tags. Check for missing required tags.
Full Tag Extraction
Extracts Open Graph, Twitter Card, standard meta tags, canonical URLs, and JSON-LD structured data.
Social Preview
See how your page will appear when shared on Facebook, Twitter/X, LinkedIn, and other platforms.
Tag Checklist
Instantly check if required and recommended tags are present. Fix missing tags before publishing.
How to Debug Open Graph Tags
- 1. View source of your page (Ctrl+U or right-click and View Page Source) and copy the HTML.
- 2. Paste the HTML into the input area above.
- 3. Click Analyze Tags to extract all OG, Twitter, and meta tags.
- 4. Review the social media previews to see how your page will look when shared.
- 5. Check the tag checklist for any missing required or recommended tags.
Frequently Asked Questions
What are Open Graph tags?
Open Graph (OG) tags are meta tags in HTML that control how your page appears when shared on social media platforms like Facebook, LinkedIn, and Slack. Key tags include og:title, og:description, og:image, and og:url.
What is the difference between OG tags and Twitter Cards?
Open Graph tags are the standard used by Facebook, LinkedIn, and most platforms. Twitter Cards use their own twitter: prefixed tags but will fall back to OG tags if Twitter-specific tags are missing. For best coverage, include both.
Which OG tags are required?
The essential OG tags are: og:title, og:description, og:image, og:url, and og:type. Without these, social platforms may display incorrect or generic previews when your page is shared.
Is my HTML sent to a server?
No. All parsing and analysis happens locally in your browser using the DOMParser API. Your HTML is never sent to any server.