Open Graph Preview — Test Facebook, X, LinkedIn Cards
See exactly how your website will look when shared on Facebook, Twitter/X, LinkedIn, and other social platforms. UtilHub's Open Graph Preview lets you enter your OG meta tags and instantly see a pixel-accurate mockup of how each platform renders your link card. Catch missing images, truncated titles, and wrong descriptions before you share. Also generates the HTML code for OG tags you can copy directly into your page's <head>.
Control how bots crawl your site with our Robots.txt Generator.
How to use Open Graph Preview
- Type the title, description, image and URL — or paste an existing page's HTML to read the tags it already has.
- See live previews for Facebook, X, LinkedIn, Discord, Slack and WhatsApp, and which key tags are missing.
- Copy generated meta tags.
Features
- Multi-platform preview — See how your link appears on Facebook, X, LinkedIn, Discord, Slack and WhatsApp simultaneously in one view.
- Live editing — Change your title, description, image URL, and URL, and watch the previews update in real time.
- OG tag code generator — Generates complete Open Graph and Twitter Card meta tag HTML that you can copy and paste into your site.
- Character limit indicators — Shows title and description character counts with platform-specific limits highlighted.
Frequently Asked Questions
What are Open Graph tags?
Open Graph (OG) tags are HTML meta tags that control how your web page appears when shared on social media. They define the title, description, image, and URL that Facebook, LinkedIn, Twitter, and other platforms display in the link preview card.
What size should my Open Graph image be?
The universal safe dimension is **1200×630 pixels** at a 1.91:1 aspect ratio — this works across Facebook, LinkedIn (1200×627), and Twitter/X (which prefers 1200×675 for large cards). Keep the file under 5MB (JPEG recommended for photos, PNG for graphics with text). The minimum accepted size is 600×315 pixels, but images below 1200px width display as small thumbnails on Facebook instead of the large preview card — which can cut click-through rates by over 50%. Always center your key content (logo, text) since different platforms crop edges differently.
Why does my shared link show the wrong image or title?
Social platforms cache OG data aggressively. Facebook caches previews for 24+ hours. After updating your meta tags, use Facebook's Sharing Debugger (developers.facebook.com/tools/debug/) — click "Scrape Again" to force a refresh. For Twitter/X, their Card Validator was deprecated in 2023, but you can append `?v=2` to your URL to bust the cache. LinkedIn caches for approximately 7 days; use their Post Inspector (linkedin.com/post-inspector/) to refresh. Changes typically propagate within 5-15 minutes after clearing the cache.