PrivyBoxBrowser-side first
Home/Developer/Open Graph Preview
Developer

Open Graph Preview

Preview how a social share card may look before you publish a page, campaign or landing page.

Tune the title, description and image fields before you publish a page.

✓ Tool inputs are processed in your browser✓ No account
Preview how an Open Graph card may appear.

When to use this tool

Use it when you want to check the visual shape of a share card and the metadata that powers it before a page goes live.

  1. Check title length and description balance before publishing a landing page.
  2. Compare how the card reads with and without a share image.
  3. Copy ready-to-paste Open Graph tags for a CMS, template or codebase.
Related tools

Related tools

DeveloperURL Inspector

Inspect URL parts and query parameters locally.

DeveloperJSON Formatter and Validator

Format, minify, validate and sort JSON.

RandomURL Query Cleaner

Remove tracking parameters from URLs locally.

FAQ

Questions

Questions

Does this preview fetch metadata from a live page?

No. The preview is built locally from the values you enter.

Can I preview different card themes?

Yes. Switch between light and dark preview themes to compare the layout.

What do I copy from this tool?

The copy button exports ready-to-paste Open Graph and Twitter card meta tags.