HTML Metadata Playground

Quickly try out metadata without having to update and republish your pages.

Google Preview

https://opengraphpreview.com
My Website Title | opengraphpreview.com
opengraphpreview.com lets you preview how the web sees your site

What is this?

The Open Graph Preview Playground helps you generate and test different Open Graph, Twitter Card, and HTML metadata for use in your site.

Testing metadata usually involves finding a site with the metadata you're looking for, or publishing your own pages with the metadata then sharing them manually. This tool lets you simulate any metadata your want, then get a unique link to view see how it looks when shared.

Think of it as a REPL for your metadata.

How Can I Preview Metadata?

We also have a tool that lets you preview how your metadata will be interpreted across platforms like Facebook, Twitter, and Slack.

Some platform also provide ways of previewing your metadata, for example: