Open Graph Preview
Preview how your URL looks when shared on Facebook, Twitter/X, LinkedIn and WhatsApp. This free social share preview tool and Facebook link preview checker lets you enter Open Graph tags manually to test before publishing — or paste a URL. Includes missing tag warnings, character limit checks and Google SERP preview.
Social Share Preview & Open Graph Checker
Enter your Open Graph tags manually to preview exactly how your page will look before publishing — no URL needed. Or paste a URL to fetch live tags (CORS-permitted sites only). See Facebook, Twitter/X, LinkedIn, WhatsApp and Google SERP previews instantly.
Rate this tool
What Are Open Graph Tags and Why Do They Matter?
Open Graph (OG) meta tags are HTML elements in your page's <head> section that control how your page appears when shared on social media platforms. Originally created by Facebook in 2010, Open Graph tags are now the standard used by Facebook, LinkedIn, WhatsApp, Slack, Discord, iMessage, and many other platforms to generate link previews.
Without proper OG tags, platforms will guess at your content — often choosing the wrong image, pulling a generic site title, or showing no preview image at all. A well-crafted Open Graph setup increases click-through rates significantly because rich previews with compelling images draw far more attention than plain text links.
The four essential Open Graph tags
| Tag | Purpose | Recommended length |
|---|---|---|
| og:title | The headline shown in the preview card | 60–90 characters |
| og:description | Preview text below the title | 150–200 characters |
| og:image | The image shown in the preview | 1200x630px, under 1MB |
| og:url | Canonical URL of the page | Full URL with https:// |
How to add Open Graph tags to your page
Open Graph Image Size and Character Limits by Platform
Each platform displays your Open Graph tags with different image dimensions and text truncation rules. Optimising for the most-used platform for your audience makes a measurable difference in click-through rate.
| Platform | Image size | Title limit | Description limit | Notes |
|---|---|---|---|---|
| 1200x630px | ~88 chars | ~200 chars | Most forgiving on length | |
| Twitter/X | 1200x628px | ~70 chars | ~200 chars | summary_large_image recommended |
| 1200x627px | ~120 chars | ~120 chars | Displays more of description | |
| 300x200px | ~80 chars | ~80 chars | Crops og:image to square/thumbnail | |
| Google SERP | N/A | ~60 chars | ~155 chars | Uses title tag + meta description |
Open Graph image size: the safe universal choice
1200x630 pixels is the recommended og:image size that works well across all platforms. It meets the aspect ratio requirements of Facebook (1.91:1), Twitter/X (1.91:1) and LinkedIn (1.91:1) without cropping. For WhatsApp, which may crop to a square thumbnail, ensure the key visual element is centred in the image. Keep the file under 1MB — JPEGs between 200–500KB load fastest and are accepted by all platforms.
WhatsApp link preview — the most-missed platform
WhatsApp is the most widely used messaging app in many markets, yet most OG preview tools don't show the WhatsApp preview. WhatsApp reads the standard og:title, og:description and og:image tags. It caches previews aggressively — unlike Facebook, WhatsApp has no cache-clearing tool, so getting the OG tags right before the link is first shared is especially important.
Twitter Card vs Open Graph — What Is the Difference?
Twitter Card is Twitter's own meta tag system, separate from Open Graph. You can preview your Twitter card preview in the Twitter/X tab above., using twitter: prefixed tags. If Twitter-specific tags are absent, Twitter falls back to the og: equivalents. The key tag that has no OG equivalent is twitter:card, which determines the card format.
| twitter:card value | Appearance | Best for |
|---|---|---|
| summary_large_image | Large banner image above title | Articles, products, landing pages |
| summary | Small square thumbnail beside text | Short posts, news snippets |
Use summary_large_image for almost all commercial and content pages — the large image dramatically increases click-through rate in Twitter/X feeds. The summary card is typically only used for short-form content where no image is available.
How to Test and Debug Open Graph Tags
Social media link preview checker tools by platform
After publishing or updating OG tags, use each platform's official tools to force a cache refresh and verify the tags are being read correctly. Cached previews can persist for days or weeks without forcing a re-scrape.
| Platform | Debug tool | Cache duration |
|---|---|---|
| Sharing Debugger (developers.facebook.com/tools/debug) | 24–72 hours | |
| Twitter/X | Card Validator (cards-dev.twitter.com/validator) | 24–48 hours |
| Post Inspector (linkedin.com/post-inspector) | 7 days | |
| No official tool — first share is cached | Indefinite | |
| Rich Results Test, Search Console URL Inspect | Google crawl cycle |
Testing Open Graph tags before publishing
Use the Manual Input mode in the tool above to preview your Open Graph tags before publishing the page. Enter the og:title, og:description, og:image URL (can be an existing image) and og:url you intend to use — the tool will show you exactly how each platform will render the link preview. This lets you catch truncation issues, missing images and character limit problems before the page goes live and before links are shared (especially important for WhatsApp where there is no cache-clearing tool).