Preview how your website links appear on Facebook, Twitter/X, LinkedIn, and WhatsApp. Test og:image, og:title, and og:description meta tags before publishing.
Enter your website URL in the input field.
Click "Preview" to fetch OpenGraph meta tags.
View previews for Facebook, Twitter, LinkedIn, and WhatsApp simultaneously.
Identify missing or incorrect tags and fix them in your HTML.
Re-test after updating your meta tags.
OpenGraph (OG) tags are HTML meta tags that control how your pages appear when shared on social media. The most important are og:title, og:description, og:image, and og:url.
Social platforms cache OG data aggressively. Use each platform's cache-clearing tool (Facebook Debugger, Twitter Card Validator) to force a fresh crawl after updating your tags.
Use 1200×630px for Facebook and LinkedIn (1.91:1 ratio). Twitter works best with 1200×675px (16:9). Use HTTPS URLs and keep file size under 5MB.
When you share a link on Facebook, Twitter, LinkedIn, Slack, or WhatsApp, those platforms don't just show a URL — they show a rich preview card with an image, title, and description. That preview is driven by OpenGraph meta tags in your page's <head>.
First introduced by Facebook in 2010, OpenGraph (OG) is now the de-facto standard for how websites communicate their identity to social platforms. Getting these tags right is the difference between:
<!-- The most important OG tags -->
<meta property="og:title" content="Your Page Title Here" />
<meta property="og:description" content="A compelling 155-character description." />
<meta property="og:image" content="https://yoursite.com/og-image.png" />
<meta property="og:url" content="https://yoursite.com/page" />
<meta property="og:type" content="website" />
<!-- Twitter-specific (Twitter Card) -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Your Page Title Here" />
<meta name="twitter:description" content="A compelling description for Twitter." />
<meta name="twitter:image" content="https://yoursite.com/og-image.png" />
| Platform | Recommended Image Size | Aspect Ratio | Min Size |
|---|---|---|---|
| 1200 × 630px | 1.91:1 | 600 × 315px | |
| 1200 × 675px | 16:9 (large card) | 300 × 157px | |
| 1200 × 627px | ~1.91:1 | 1200 × 627px | |
| 300 × 200px min | Any | 200 × 200px |
Image format: PNG or JPG. PNG is safer for graphics with text; JPG for photographs.
Image file size: Under 5MB for Facebook's scraper; under 1MB recommended for fast loading.
Title length: Keep under 60–70 characters to avoid truncation on most platforms.
Description length: 155 characters max is the sweet spot across all platforms.
Cached old data: Every social platform caches OG data aggressively. Even after you update your tags, the old preview may persist for hours. Use each platform's cache-clearing tool (Facebook Debugger, Twitter Card Validator) to force a fresh crawl.
og:image requires an absolute URL. A relative path like /images/og.png won't work — scrapers don't have context. Use `https://yourdomain.com/images/og.png...
Looking for a more detailed deep-dive and advanced tips?
Read Full Article on our BlogYour data never leaves this device. All processing is handled locally by JavaScript.
We are currently building this tool. Check back shortly!
