An OG preview tester shows you exactly how your webpage link will appear when shared on social media — the title, description, and image that Twitter/X, Facebook, LinkedIn, and WhatsApp display. If your OG tags are missing or misconfigured, your links look broken, generic, or unprofessional.
This guide explains what Open Graph tags are, the essential tags you must include, how to debug common issues, and how to optimize your previews for maximum click-through rates.
Preview Your Social Media Cards
Enter your OG tags and see exactly how your link will appear on Twitter, Facebook, LinkedIn, and WhatsApp.
OG Image Specifications
The OG image is the most visible element of your social share. Get it right:
| Platform | Recommended Size | Min Size | Aspect Ratio | Max File Size |
|---|---|---|---|---|
| 1200 x 630 px | 600 x 315 px | 1.91:1 | 8 MB | |
| Twitter/X | 1200 x 628 px | 300 x 157 px | 1.91:1 | 5 MB |
| 1200 x 627 px | 200 x 200 px | 1.91:1 | 5 MB | |
| 1200 x 630 px | 300 x 200 px | 1.91:1 | 5 MB |
Best practice: Use 1200 x 630 pixels for all platforms. This single size works across Facebook, Twitter, LinkedIn, and WhatsApp.
- Use JPEG for photos (smaller file size) and PNG for graphics/text
- Keep important content in the center — platforms may crop edges
- Include your brand logo or domain name on the image
- Use high-contrast text if adding text overlay to the image
Common OG Tag Issues and Fixes
These are the most frequent problems developers face with OG tags:
| Issue | Cause | Fix |
|---|---|---|
| No image showing | og:image missing or relative URL | Use absolute URL (https://...) |
| Wrong image | Social platform cached old image | Purge cache (see below) |
| Image cropped badly | Wrong aspect ratio | Use 1200x630px, center content |
| Title too long, truncated | og:title exceeds 70 chars | Keep under 60-65 characters |
| Description missing | og:description not set | Add meta tag with 155 chars |
| WhatsApp not updating | Aggressive caching | Change og:image URL (add ?v=2) |
Facebook: developers.facebook.com/tools/debug (click "Scrape Again"). Twitter: cards-dev.twitter.com/validator. LinkedIn: linkedin.com/post-inspector. WhatsApp: no official tool — change the image URL to force refresh.
Complete OG Tag Checklist
Use this checklist before publishing any page:
- og:title — Under 65 chars, compelling, includes primary keyword
- og:description — Under 155 chars, summarizes the page value, includes CTA verb
- og:image — 1200x630px, absolute URL, under 5MB, descriptive alt text
- og:url — Canonical URL of the page
- og:type — "website" for homepages, "article" for blog posts
- twitter:card — "summary_large_image" for most pages
- twitter:title — Can differ from og:title for Twitter-specific messaging
- twitter:image — Can differ from og:image if needed
Run the OG Preview Tester after setting these tags to verify everything renders correctly across all platforms.
How to Use the Tool (Step by Step)
- 1
Enter Your OG Tags
Paste your og:title, og:description, og:image URL, and other meta tag values into the tool.
- 2
Preview Across Platforms
See how your link will appear on Twitter/X, Facebook, LinkedIn, and WhatsApp — all at once.
- 3
Identify Issues
Check for truncated titles, missing images, wrong aspect ratios, or blank descriptions.
- 4
Fix and Re-Test
Update your OG tags in your HTML, then re-test to confirm the fix.
Frequently Asked Questions
What are Open Graph tags?+−
HTML meta tags that control how your link appears when shared on social media. They define the title, description, and image shown on the social card.
What is the ideal OG image size?+−
1200 x 630 pixels with a 1.91:1 aspect ratio. This size works across Facebook, Twitter, LinkedIn, and WhatsApp. Keep the file under 5MB.
Why is my OG image not showing?+−
Most common causes: (1) og:image URL is relative instead of absolute, (2) image URL returns a 404, (3) social platform cached an old version. Use absolute URLs and purge the platform cache.
How do I update a cached OG image on Facebook?+−
Go to developers.facebook.com/tools/debug, enter your URL, and click "Scrape Again". For WhatsApp, append a version query parameter to the image URL (e.g., ?v=2).
Do I need both OG tags and Twitter cards?+−
Twitter falls back to OG tags if twitter: tags are missing. But for best results, include both — Twitter card tags let you customize the Twitter preview independently.
What is the difference between og:type website and article?+−
Use "website" for homepages and landing pages. Use "article" for blog posts and news articles — it enables additional tags like article:published_time and article:author.
How long should og:title and og:description be?+−
og:title: under 65 characters. og:description: under 155 characters. Both get truncated beyond these limits on most platforms.
Is this OG preview tester free and private?+−
Yes. All preview rendering happens in your browser. Your URLs and meta tag data are not sent to any server.
Preview Your Social Media Cards
Enter your OG tags and see exactly how your link will appear on Twitter, Facebook, LinkedIn, and WhatsApp.
Open OG Preview Tester ->Related Guides
Meta Tag Generator Guide
Master title tags, meta descriptions, Open Graph, Twitter Cards, and canonical tags — with exact character limits and 2026 Google best practices.
Headline Analyzer Guide
Learn the science behind high-performing headlines — word count, power words, emotion triggers, and proven formulas that boost CTR.
Image Compression Guide
Everything web developers, bloggers, and designers need to know about compressing images for fast, beautiful websites.