🔗 Open Graph Preview

Preview how your web page looks when shared on Facebook, Twitter, LinkedIn, and WhatsApp. Check Open Graph and Twitter Card tags. Free online OG preview tool.

Title

27/95

Description

57/200

Image URL Site Name Page URL

Facebook / Open Graph

No image

ONHTML.COM

My Awesome Page — onHTML.com

Free online tools for developers: HTML, CSS, JSON and more.

Twitter / X Card

No image

My Awesome Page — onHTML.com

Free online tools for developers: HTML, CSS, JSON and more.

onhtml.com

How to Use

Enter your metadata

Fill in the title, description, image URL, and site name. These map to og:title, og:description, og:image, and og:site_name.

See the live preview

Watch the Facebook and Twitter card previews update in real time as you type.

Copy the meta tags

Click Copy Meta Tags to get the full Open Graph <meta> block ready to paste in your <head>.

Frequently Asked Questions

What are Open Graph meta tags? +

Open Graph (OG) meta tags control how your page appears when shared on social media. They define the title, description, image, and URL that Facebook, LinkedIn, Twitter, and other platforms display in link previews.

Why does my Facebook preview look wrong? +

Facebook caches OG data. After adding or updating OG tags, use the Facebook Sharing Debugger to clear the cache and re-scrape your URL. It may take a few minutes to update.

What is the ideal OG image size? +

The recommended OG image size is 1200×630 pixels (1.91:1 ratio). Minimum is 600×315px. Twitter large card uses 1200×628px. PNG or JPG format, under 8MB.

What is the difference between og:title and the page title tag? +

og:title is specifically for social media sharing and can differ from the HTML <title> tag. You might use a shorter, more engaging title for social sharing while keeping a keyword-optimized title for SEO.

Do all social platforms support Open Graph? +

Facebook, LinkedIn, Pinterest, and most messaging apps use the Open Graph protocol. Twitter has its own Twitter Card system (twitter:card tags) but also falls back to OG tags if Twitter Cards are not defined.

संपूर्ण गाइड: Open Graph Preview Tool

OG Preview Tool क्या है?

Open Graph Preview Tool दिखाता है कि आपका webpage Facebook, Twitter/X, LinkedIn, और WhatsApp पर share होने पर कैसा दिखेगा। OG tags social platforms को title, description, image, और URL tell करते हैं। गलत या missing OG tags से ugly, generic previews बनते हैं।

यह tool real social card preview simulate करता है, image aspect ratio issues highlight करता है, और missing tags point out करता है।

कैसे उपयोग करें

URL enter करें जिसे preview करना है।
Platform select करें: Facebook, Twitter, LinkedIn।
Preview देखें — यही appearance होगी share करने पर।
Issues fix करें OG tags update करके।

Pro Tips

OG image minimum 1200x630px होनी चाहिए; 600x314px minimum acceptable है।
Twitter पर twitter:card tag summary_large_image set करें large image cards के लिए।
Changes के बाद Facebook Sharing Debugger से cache clear करें।