Open Graph Previewer

Preview social cards before you share.

Enter a URL to fetch static HTML, parse Open Graph and Twitter Card tags, and compare previews across common platforms.

What is Open Graph Previewer?

Open Graph Previewer helps developers inspect the metadata that social platforms read when a URL is shared. It fetches the static HTML response, parses Open Graph, Twitter Card, canonical, title, and meta description tags, 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 title, description, og:image, og:url, og:type, twitter:card, duplicate or conflicting tags, redirects, canonical mismatches, and image reachability when the server can verify it. It also applies common fallbacks such as og:title before twitter:title before the HTML title.

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.