Open Graph & Twitter Card Preview
Preview exactly how your link looks when shared on Facebook, Twitter/X, LinkedIn, Slack, Discord, and WhatsApp — fill manually or fetch from any URL.
Meta Tag Generator
Generate all your OG tags, then preview here
SERP Snippet Preview
Also preview how your page looks in Google
Content
0 chars
0 chars
og:image
Recommended: 1200×630px (1.91:1 ratio) — covers all platforms
Twitter / X
Discord Embed Color
Social Share Score
Across all platforms
Platform Validation
og:title is missing
og:image is missing — no image will show
⚠ og:description is missing — platform may pull page text
⚠ og:site_name is missing
og:title is missing
og:image is missing — no image will show
⚠ og:description is missing — platform may pull page text
⚠ og:site_name is missing
og:title is missing
og:image is missing — no image will show
⚠ og:description is missing — platform may pull page text
⚠ og:site_name is missing
og:title is missing
og:image is missing — no image will show
⚠ og:description is missing — platform may pull page text
⚠ og:site_name is missing
og:title is missing
og:image is missing — no image will show
⚠ og:description is missing — platform may pull page text
⚠ og:site_name is missing
example.com
Page Title
Your page description will appear here.
All Platforms at a Glance
example.com
Page Title
Your page description will appear here.
🐦 Twitter Large
Page Title
Description
example.com
🐦 Twitter Small
Page Title
Description
example.com
Article Title
example.com
Want the Full SEO Template System?
The Complete SEO Toolkit — 11 schema templates, a technical SEO playbook, and a priority-scored audit workbook. One-time download.
Support Our Free Tools
If you find this calculator helpful, please consider supporting our work. Your contribution helps us build and maintain these free tools for everyone.
Buy me a coffeeOpen Graph & Twitter Card Preview — See How Your Link Looks on Every Platform
When someone shares your URL on Facebook, Twitter/X, LinkedIn, Slack, or Discord, the platform reads the Open Graph meta tags in your page's <head> and renders a link preview card — title, description, and image. Without OG tags, each platform pulls random content from your page, often showing the wrong image, a truncated description, or no image at all.
This tool renders a faithful preview of your link card on all major platforms simultaneously, using each platform's exact card dimensions, font, and cropping behavior. Fill fields manually to preview before your page is live, or fetch OG tags directly from any public URL.
Use the Meta Tag Generator to generate your OG tags, then come back here to preview them. Check the SERP Snippet Preview to see how your page looks in Google search as well.
Platform Image Requirements
| Platform | Recommended Size | Minimum Size | Aspect Ratio | Title Limit |
|---|---|---|---|---|
| 1200×630px | 600×315px | 1.91:1 | 60 chars | |
| Twitter/X Large | 1200×628px | 300×157px | 2:1 | 70 chars |
| Twitter/X Small | 400×400px | 144×144px | 1:1 | 70 chars |
| 1200×627px | 200×200px | 1.91:1 | 100 chars | |
| Slack | Any | 80×80px | Any | 80 chars |
| Discord | 1200×628px | 400×209px | ~2:1 | 256 chars |
| 1200×630px | 300×200px | Any | 60 chars |
Essential Open Graph Tags
og:titleRequiredThe title of your page as it should appear in the card. Keep under 60 characters for Facebook.
og:descriptionRecommendedA 1–2 sentence description. Not used by all platforms but improves engagement when shown.
og:imageRequiredThe image that appears in the card. 1200×630px is the universal safe size. Must be an absolute URL.
og:urlRecommendedThe canonical URL of the page. Helps platforms deduplicate share counts.
og:typeRecommendedUsually "website". Use "article" for blog posts (enables article-specific tags like og:published_time).
og:site_nameRecommendedYour brand name. Shown in LinkedIn cards and some Facebook contexts.
twitter:cardRequired for Twittersummary_large_image for full-width card, summary for thumbnail. Without this, Twitter uses summary.
twitter:imageRecommendedSeparate image for Twitter. Falls back to og:image if absent.
Frequently Asked Questions
Why is Facebook showing the old image after I updated og:image?
Facebook aggressively caches OG data — sometimes for weeks. After updating your tags, visit the Facebook Sharing Debugger (developers.facebook.com/tools/debug), paste your URL, and click "Scrape Again" to force a cache refresh. Use this tool to verify the new tags look correct before submitting.
Do I need separate Twitter Card tags if I already have Open Graph tags?
Twitter falls back to og:title, og:description, and og:image if twitter:* tags are absent. However, you must add at least twitter:card to control whether Twitter shows a large or small card — there is no og:* equivalent for that. Adding twitter:image also lets you use a different (often square-cropped) image for Twitter.
Why does my image look cropped differently on each platform?
Each platform crops to its own aspect ratio: Facebook uses 1.91:1, Twitter uses 2:1 for large cards, LinkedIn uses 1.91:1, and Slack/Discord use varying sizes. Design your og:image with the most important content centered so it survives all crops. The previews in this tool show you each platform's exact crop.
What is the minimum og:image size to get a large card on Facebook?
Facebook requires at least 200×200px to show any image. To trigger the large full-width card (instead of a small thumbnail), the image must be at least 600×315px. For the best quality, use 1200×630px.
How do I preview OG tags on a page that isn't live yet?
Use Manual mode. Fill in your title, description, image URL, and site name directly. You can paste a public image URL (or upload an image) to see exactly how the cards will look before your page is deployed.
Generate Your OG Tags
Use the Meta Tag Generator to build all your Open Graph, Twitter Card, and SEO meta tags in one place, then preview them here.
Meta Tag GeneratorCheck Your Google Snippet Too
Optimize how your page looks in Google search results with the SERP Snippet Preview — pixel-accurate title and description truncation.
SERP Snippet PreviewExplore All Tools
134 free tools — no signup required
All 134 tools are free · No signup · No ads
