Open Graph Debugger
Client-sideNewInspect Open Graph and Twitter Card tags from pasted HTML — find missing fields locally, no URL fetch.
Open Graph Debugger parses og:* and twitter:* tags from pasted HTML in your browser on Toolverse by RS — flags missing fields and common preview issues without fetching a URL.
Examples
Key takeaways
- Paste <head> or full HTML — no remote fetch
- Lists found og:* / twitter:* tags and missing recommendations
- Warns on relative og:image and missing twitter:card
- Shows a simple link-preview card from parsed fields
What is an Open Graph debugger?
It reads social meta tags from HTML so you can see which og: and twitter: fields are present before a platform crawler caches a bad preview.
This tool extracts tags with a pure HTML parse (no DOM required), reports missing recommended fields (title, description, url, image, type), and warns about relative image URLs and missing twitter:card. It does not scrape live pages — paste view-source output to keep private staging sites offline.
Features
Tag inventory
Lists parsed og:* and twitter:* keys from pasted HTML.
Missing-field checklist
Flags absent title, description, url, image, and type.
Preview card
Simple link-unfurl mock from the parsed values.
No remote crawl
Paste source — private staging sites stay private.
How it works
Copy page source
View-source or DevTools → copy the <head> or full HTML.
Paste and analyze
The parser extracts social meta tags and builds a report.
Fix and re-check
Update tags, redeploy, then purge social caches if needed.
Example walkthroughs
Complete OG set
Report shows all recommended fields present.
<meta property="og:title" content="Tools" /><meta property="og:description" content="Private utilities" /><meta property="og:url" content="https://example.com/" /><meta property="og:image" content="https://example.com/og.png" /><meta property="og:type" content="website" />
Relative image warning
Warns that og:image should be an absolute https URL.
<meta property="og:title" content="Hi" /><meta property="og:image" content="/og.png" />
Use cases
Staging preview QA
Inspect head tags before the URL is publicly crawlable.
Fix bad unfurls
Find missing og:image or og:description after a redesign.
Code snippets
Recommended OG minimum
htmlThe checklist this debugger expects for a healthy preview.
<meta property="og:title" content="Page title" /> <meta property="og:description" content="One sentence." /> <meta property="og:url" content="https://example.com/page" /> <meta property="og:type" content="website" /> <meta property="og:image" content="https://example.com/og.png" /> <meta name="twitter:card" content="summary_large_image" />
Common errors
No tags found
Cause: Pasted body HTML without <meta> tags, or a client-rendered head.
Fix: Paste view-source HTML after SSR, or the framework’s emitted head.
Image still missing on Slack
Cause: Relative og:image or platform cache.
Fix: Use an absolute https image URL, then force a recrawl in the platform debugger.
About Open Graph Debugger
Open Graph Debugger is a private inspection workspace for social meta tags. Paste a page’s HTML (or just the <head>), and the tool lists every og:* and twitter:* tag it finds, highlights missing recommended fields, and renders a simple preview card from title, description, and image URL. Parsing runs locally so staging HTML never hits a third-party scraper.
Searches for “open graph debugger” usually follow a broken Slack/iMessage/LinkedIn preview: wrong title, missing image, or a cached old description. Platform debuggers require a public URL. When the page is behind auth or not deployed, pasting source into a local checker is the only honest option — that is this tool’s niche.
It will not re-scrape Facebook or X for you, and it will not download og:image to verify dimensions. Absolute https image URLs are still strongly recommended; the report warns when paths look relative. After you fix tags, use Meta Tag Generator to rebuild a clean snippet and SERP Preview for search snippet length.
Twitter fields are included because many stacks emit both og:* and twitter:*. If an image exists without twitter:card, the report suggests summary_large_image — a common omission that yields a small summary card instead of a large preview.
Best practice: keep og:title aligned with the page title, ship a dedicated 1200×630 OG image, use absolute URLs, and purge platform caches after deploy.
Frequently asked questions
Can I paste a URL instead of HTML?
Not in this version — by design. Paste HTML so private/staging pages are never fetched through our servers.
Does Open Graph Debugger upload my HTML?
No. Parsing runs in your browser on Toolverse by RS. Source stays on your device.
Do you validate image dimensions?
No. We warn about relative URLs and missing fields. Confirm ~1200×630 assets in your image pipeline or a network inspector.
Are Twitter tags required?
Not strictly — many platforms fall back to og:*. A twitter:card still improves X/Twitter previews when you ship an image.
Related tools
Meta Tag Generator
Generate title, description, canonical, Open Graph, and Twitter meta tags as paste-ready HTML.
Robots.txt Tester
Test whether a path is allowed by robots.txt for a user-agent — local Allow/Disallow matching.
SERP Preview
Preview title, URL, and meta description as a search snippet with character budgets — private and local.
Popular tools
JSON Formatter
Format, beautify, and minify JSON in your browser. Free, private, and instant — no upload to a server.
JSON Validator
Validate JSON instantly in your browser. See type, size, and node counts — or exact parse errors with line and column.
JSON Viewer
Explore JSON as an interactive tree with paths, types, and expandable nodes — all processed locally in your browser.
Base64 Encode / Decode
Encode UTF-8 text to Base64 or decode Base64 back to text — instantly in your browser.
Newest tools
Case Converter
Convert text between UPPERCASE, lowercase, Title Case, camelCase, snake_case, and more.
Word Counter
Count words, characters, sentences, and paragraphs with reading time — live and private.
Text Diff
Compare two texts line by line — see added and removed lines with a unified-style diff.
Slug Generator
Turn titles into clean, SEO-friendly URL slugs — lowercase, hyphenated, accents stripped.
Explore more
Guides & articles
SEO checklist before launch: meta, robots, SERP, OG
Generate meta tags, test robots.txt, preview SERP snippets, and debug Open Graph HTML locally before a page goes public.
Open Graph and social cards notes on the RS Roshi blog
Practical write-ups around open graph and social cards.
Platform documentation
Shortcuts, limits, and how client-side tools work.