Open Graph & Social Card Live Previewer
Preview exactly how your links render when shared on Facebook, LinkedIn, X (Twitter), and Discord. Validates image dimensions, character limits, and generates clean meta tags.
Meta Tag Parameters
Generated HTML Meta Tags:
Previewing How a Link Will Look When Shared
You usually find out that your og:image is the wrong ratio only after the post is live and the crop has cut your headline in half. This previewer renders your Open Graph and Twitter Card tags the way Facebook, LinkedIn, X and Discord each render them, side by side.
Paste a URL or your raw meta tags above. Each platform preview is drawn from the tags actually present, and missing or malformed properties are listed underneath so you know what to add.
🛠️ Practitioner Pro Tip: The WhatsApp 300KB Thumbnail File Size Barrier
While Facebook and LinkedIn support OG images up to 8MB with standard 1200×630px dimensions (1.91:1 ratio), WhatsApp's automated link preview scraper strictly rejects any image exceeding 300 KB in file size. Compressing your open graph previewer image to ~250 KB ensures sharp rendering on desktop social feeds while preserving instant thumbnails in mobile messaging apps.
Which Open Graph Tags Each Platform Uses
The Open Graph protocol defines og:title, og:description, og:image and og:url as the core set. X reads its own twitter: tags first and falls back to Open Graph, LinkedIn reads Open Graph only, and every platform crops the image to its own ratio — 1.91:1 is the safest single size to ship.
The previewer reports the tags it finds rather than guessing at defaults, shows each platform’s crop against your actual image, and flags the common failures: a relative image path, a missing og:url, or a description long enough to be truncated everywhere.
Open Graph Tag Reference
For more detailed technical walkthroughs, explore our in-depth article on Open Graph Meta Tags & Social Image Ratios Guide. You can also browse our full directory of 18+ free web utilities on the SBS ToolBench homepage.
Open Graph Questions
What are the mandatory Open Graph meta tags?
The four core tags are og:title, og:type, og:image, and og:url. Adding og:description is strongly recommended for rich snippets.
Why is my updated social image not showing on Facebook?
Social platforms cache scraped metadata for up to 30 days. Use the Facebook Sharing Debugger or append a cache-busting query parameter (e.g. og:image?v=2) to force a refresh.
What happens if twitter:card is omitted?
If twitter:card is missing, Twitter/X defaults to a basic summary card with a small thumbnail rather than a full-width summary_large_image preview.
Open Graph Meta Tags: Sizing, Debugging & Social Card Optimization (2026)
Optimal 1200x630px og:image dimensions, Twitter card fallback hierarchy, and scraper cache invalidation steps.
Read Full Technical Guide & Documentation →