Open Graph / Social Preview
See exactly how your page looks when shared on Facebook, X/Twitter, and LinkedIn before publishing.
Enter a URL to see how it appears when shared on Facebook, X/Twitter, and LinkedIn.
Previews are generated from the page's Open Graph and Twitter Card meta tags.
About this tool
Open Graph Social Preview fetches a URL's Open Graph and Twitter Card meta tags server-side and renders realistic card previews for Facebook, X/Twitter, and LinkedIn — all in one view. You can instantly see which image, title, and description each platform will display when someone shares your link. If a tag is missing, the tool highlights it and explains the fallback behavior. Use it to catch broken OG images, missing twitter:card declarations, or titles that get truncated before they go live.
How to use
- Paste the URL of the page you want to preview and click Preview.
- Switch between the Facebook, X/Twitter, and LinkedIn tabs to see each platform's card.
- Fix any missing or incorrect tags (og:image, og:title, twitter:card) flagged by the tool, then re-run to confirm.
Related Tools
Generate HTML meta tags including OpenGraph and Twitter Card markup.
See exactly how your page title and description will look in Google search results.
Fetch any URL and audit every SEO meta tag — title, description, canonical, Open Graph, Twitter Card, and more.
FAQ
What is an Open Graph tag?
Open Graph (OG) tags are meta tags in the HTML head that control how a page appears when shared on social networks. Defined by Facebook, they are now used by most platforms including LinkedIn and iMessage. The key tags are og:title, og:description, og:image, og:type, og:url, and og:site_name.
Why does my Facebook preview look different from what this tool shows?
Facebook aggressively caches OG data. Even if you update the tags, Facebook may still serve a cached version for days. Use the Facebook Sharing Debugger (developers.facebook.com/tools/debug/) to force a cache refresh after you update your tags.
What is the recommended og:image size?
The widely accepted safe size is 1200×630 pixels (1.91:1 ratio), which works well on Facebook, LinkedIn, and most other platforms. Twitter summary_large_image cards prefer a 2:1 ratio (e.g., 1200×600). Keep the image under 8 MB and use JPEG or PNG.
What happens if I don't have a twitter:card tag?
Without a twitter:card meta tag, X/Twitter will not show a card when your link is shared — it will display as a plain text link. The minimum requirement is twitter:card set to summary or summary_large_image.