OG / Twitter Card Multi-Platform Previewer
Preview how a page's OpenGraph / Twitter Card tags render on Facebook, Twitter, LinkedIn, Slack, Discord and iMessage.
Overview
The OG / Twitter Card multi-platform previewer renders how a page's OpenGraph and Twitter Card meta tags will appear when the URL is shared on Facebook, Twitter, LinkedIn, Slack, Discord, and iMessage. Paste a URL or the raw <meta> tags and you get six side-by-side mockups using each platform's actual card layout.
Marketers planning a launch, SEO specialists tuning preview images, and developers building share endpoints all need to see what a link will look like before they post it. Long-tail keywords covered: preview Open Graph card before posting, Twitter Card vs OG image dimensions, and LinkedIn link preview tester.
How it works
OpenGraph (introduced by Facebook in 2010, later adopted by everyone) uses <meta property="og:*"> tags in a page's <head> to declare title, description, image, type, and URL for sharing previews. Twitter layers its own <meta name="twitter:*"> tags for card type and image. Most platforms fall back to OG tags when Twitter-specific ones are missing.
Each platform interprets the tags slightly differently. Facebook prefers a 1.91:1 image at 1200x630. Twitter supports summary_large_image with the same aspect ratio. LinkedIn caches aggressively and reflects only a few tags. Slack and Discord render compact cards with link unfurling. iMessage uses Apple's own scraper but also reads OG tags. The previewer normalises all of them into a single comparison.
Examples
- A blog post with
og:imageset to a 1200x630 hero shot shows the full image on Facebook, Twitter, LinkedIn, and Discord, and a thumbnail on iMessage. - A page with only
og:titleandog:description(no image) renders as a compact text-only card across all platforms. - A site using
twitter:card=summary(notsummary_large_image) shows a small thumbnail on Twitter but a large image on Facebook — a common inconsistency. - A page missing
og:urlmay unfurl with a confusingly different canonical URL on some platforms.
FAQ
Why does my image not show on LinkedIn?
LinkedIn caches its first scrape aggressively. Use the LinkedIn Post Inspector to force a refresh after you update the image.
What size should og:image be?
1200x630 pixels at 1.91:1 aspect ratio is the safe default for all major platforms. Under 1 MB keeps mobile previews fast.
Do I need both OG and Twitter tags?
If your OG tags are well-formed, Twitter falls back to them. You only need explicit twitter:* tags to override the OG values or to specify summary_large_image.
Why does iMessage sometimes ignore my preview?
iMessage's scraper is conservative about HTTPS, content type, and image format. A redirect or a non-image MIME type on the OG image URL silently disables the preview.