PureDevTools

Open Graph Preview

Preview how your page looks when shared on social media

All processing happens in your browser. No data is sent to any server.

Preview

example.com

Page Title

Page description will appear here.

HTML Meta Tags
<meta property="og:type" content="website" />

Fill in the Open Graph meta tags above to see a live preview of how your link will appear on social media platforms.

Why This Tool

When you share a URL on Facebook, LinkedIn, Slack, or Discord, the platform reads your Open Graph meta tags to generate a preview card. Getting the title, description, and image right before sharing saves you from embarrassing broken previews. This tool shows you exactly how your OG tags will render.

How It Works

Enter your OG meta tag values (title, description, image URL, type, site name) or paste your page’s HTML. The tool renders preview cards showing how your link will appear on Facebook, LinkedIn, Twitter, and Slack. Adjust your tags until the preview looks right, then copy the meta tag code.

Related Tools

More SEO & Web Tools