The Open Graph Preview Tool shows you how your web page will appear when shared on social media platforms like Facebook, LinkedIn, and Twitter. Open Graph meta tags control the title, description, image, and other information displayed in social media link previews.

When someone shares your URL on social media, the platform reads your Open Graph tags to generate a rich preview card. Without proper OG tags, platforms may display a generic or unappealing preview that gets fewer clicks. This tool helps you optimize your social cards before publishing.

The tool generates both a visual preview of your social card and the actual HTML meta tags you need to add to your page's head section. Simply enter your title, description, image URL, and page URL to see exactly how your shared link will look.

Everything runs in your browser. Your page data is never sent to any server.

Preview

Results

How to Use

  1. Enter your Open Graph title
  2. Enter your description
  3. Optionally add an image URL
  4. Enter your page URL and select the content type
  5. Click Calculate to preview and get meta tags

FAQ

Where do I add OG meta tags?

Add the generated meta tags inside the head section of your HTML page, before the closing head tag. Each tag uses the meta property format.

Is my data uploaded?

No. Everything runs in your browser. Your page data never leaves your device.

What image size works best?

Facebook recommends 1200x630 pixels for OG images. This size works well across most social platforms including LinkedIn and Twitter.

Part of These Collections

Curated tool sets for specific workflows