Image Tools
Free Image Compressor & Converter: 100% Browser-BasedImage CropperImage WatermarkImage Resizer Coming SoonBackground RemoverImage Upscaler Coming SoonImage Converter Coming SoonImage Editor
PDF Tools
PDF Compressor Coming SoonPDF to Word Coming SoonWord to PDF Coming SoonPDF Merger Coming SoonPDF Splitter Coming SoonPDF to Image Coming Soon
Video Tools
Free Video CompressorVideo Converter Coming SoonVideo Trimmer Coming SoonGIF Maker
Audio Tools
Audio Compressor Coming SoonAudio Converter Coming SoonAudio Trimmer Coming Soon
Dev Tools
QR Code GeneratorColor PickerJSON FormatterBase64 Encoder Coming SoonURL Encoder Coming Soon

Open Graph Preview

Preview how your page looks when shared on Facebook, X/Twitter, LinkedIn, WhatsApp, Telegram, Discord, Slack & Google. OG health score & code generator. Free.
Recommended Image Sizes
Facebook1200 × 630
X / Twitter1200 × 628
LinkedIn1200 × 627
WhatsApp1200 × 630
Telegram1200 × 630
Discord1200 × 630
Universal best1200 × 630
OG Health Score
0
Live Preview
1200 × 630
example.com
Your Page Title
Your description will appear here.
1200 × 628
Your Page Title
Your description will appear here.
example.com
1200 × 627
Your Page Title
example.com
https://example.com
Example
Your Page Title
Your description will appear here.
Example
Your Page Title
Your description will appear here.
https://example.com
Your Page Title
Your description will appear here. Write a compelling description that encourages users to click through to your page.
Generated OG Tags
Everything runs in your browser — no data sent to any server

How to Use the Open Graph Preview Tool

  1. Enter your page details: Fill in the title, description, URL, site name, and image URL
  2. Preview across 8 platforms — switch tabs to see Facebook, X/Twitter, LinkedIn, WhatsApp, Telegram, Discord, Slack, and Google previews update in real time
  3. Check your OG Health Score and fix any missing tags
  4. Copy the generated code and paste it into your page's <head> section. Tooltips next to each field explain what it does and how to optimize it

Why Open Graph Tags Matter for Social Sharing

When someone shares your URL, the platform fetches your OG tags to build a preview card. Without them, the result is often a blank box or wrong content — which dramatically reduces clicks. Pages with properly configured OG tags get up to 2-3x more engagement on social media compared to pages without them.

Supported Platforms

This tool shows accurate previews for 8 platforms:

  • Facebook — the original Open Graph platform
  • X / Twitter — supports both Summary and Large Image cards
  • LinkedIn — professional network sharing
  • WhatsApp — the world's most popular messaging app
  • Telegram — instant preview cards in chats
  • Discord — embed-style previews with accent colors
  • Slack — unfurled link previews in channels
  • Google — search result (SERP) appearance

Open Graph Best Practices

Follow these guidelines for maximum social sharing impact:

  • Use 1200×630px images — this is the universal sweet spot for all platforms
  • Keep titles under 60 characters — longer titles get truncated
  • Write descriptions of 120-160 characters — be concise but informative
  • Always set og:url — this defines the canonical URL for your content
  • Include og:site_name — it appears on Discord, Telegram, and Slack
  • Set og:locale — especially important for non-English content

Frequently Asked Questions

Open Graph (OG) is a protocol created by Facebook that controls how your page appears when shared on social media. Without proper OG tags, platforms guess what to show — often with a missing image or wrong text. Setting OG tags ensures every share of your page looks professional and clickable.
Facebook, LinkedIn, WhatsApp, Telegram, Discord, Slack, Pinterest, and many more platforms read OG tags. X/Twitter uses its own Twitter Card format but falls back to OG tags when Twitter-specific tags are absent. Google also uses OG data for rich results in some cases.
The universal best size is 1200×630 pixels. This works well on Facebook, LinkedIn, WhatsApp, Telegram, Discord, and Slack. X/Twitter recommends 1200×628px. Our tool includes a size guide showing the recommended dimensions for each platform.
The OG Health Score is a 0-100 rating that measures how complete and optimized your Open Graph tags are. It checks for essential tags like og:title, og:description, og:image, og:url, and more. A score of 100 means your page is fully optimized for social sharing across all platforms.
X/Twitter falls back to OG tags when Twitter Card tags are absent, so OG alone often works. However, adding explicit twitter:card, twitter:title, and twitter:description gives you independent control over how your link appears on X specifically.
Yes, 100% free with no signup, no limits, and no ads. Everything runs in your browser — your data is never sent to any server. Preview and generate OG tags as many times as you need.

Unlock the Full Potential

Get unlimited access to all tools, priority processing, and premium features.

Starting at$9/month
View PlansCancel anytime. No hidden fees.