OpenGraph & Social Card Previewer
Debug and preview how your URLs appear when shared on X (Twitter), Facebook, LinkedIn, and Discord. Audit title lengths, descriptions, and banner dimensions.
Why Optimized OpenGraph Tags Drive Higher Click-Through Rates (CTR)
When links are shared on social media feeds, rich media cards earn over 2.4x higher engagement and click-through rates compared to plain text links. Without proper og:image, og:title, and og:description tags, social platforms fall back to scraping random images or leaving posts blank, severely hurting organic reach.
Standard 1.91:1 Ratio
Using 1200x630px ensures seamless scaling across X/Twitter feeds, Facebook newsfeeds, and LinkedIn posts without awkward sidebars.
Title & Subtitle Clarity
Keep titles under 60 characters so they are fully legible on mobile feeds without being truncated with ellipses.
Cache Invalidation
Social platforms cache previews for days. Inspecting tags early lets you catch formatting errors before publishing campaign URLs.
Frequently Asked Questions
What are OpenGraph (OG) meta tags?
OpenGraph tags are HTML metadata protocols introduced by Facebook that allow webpage authors to control what title, image, description, and canonical URL are displayed when a web page is shared on social media platforms and messaging apps.
What is the optimal size for an og:image preview?
The universally recommended resolution for OpenGraph share images is 1200 x 630 pixels (an aspect ratio of 1.91:1). This ensures high-definition rendering on desktop monitors and mobile retina screens without cropping.
Why does Twitter show a small square thumbnail instead of a large card?
Twitter defaults to summary mode unless you explicitly declare <meta name='twitter:card' content='summary_large_image'> in your HTML head section.
