Open Graph Previewer
Preview social cards and debug Open Graph, Twitter Card, and HTML metadata
Preview social cards before you share.
Enter a URL to parse Open Graph, X Card, Schema.org, and HTML metadata, then compare link previews across common platforms.
What is Open Graph Previewer?
Open Graph Previewer helps developers inspect the metadata that platforms read when a URL is shared. It fetches the static HTML response, parses Open Graph, X Card, Schema.org, canonical, title, and meta description data, then renders platform-style previews for quick debugging.
How to use
- 1.Enter a URL such as example.com or https://example.com/page.
- 2.Click Preview to fetch the server-rendered HTML through the protected API route.
- 3.Review the score, platform previews, metadata issues, raw tag table, and generated meta tags.
- 4.Copy the JSON report or generated HTML tags into your implementation notes.
What it checks
The tool validates the four core Open Graph properties, image alt text and dimensions, X Card metadata, valid arrays versus conflicting tags, redirects, canonical mismatches, Schema.org fallbacks, and image reachability when the server can verify it.
Limitations
The fetcher reads static HTML only and never executes remote JavaScript, so client-rendered metadata that appears after hydration will not be detected. Platform previews are close approximations; each network can crop images, cache URLs, or apply private crawler rules differently.
