Open Graph Preview
Preview how your URL will appear when shared on social media
Enter URL
Preview how your web page appears when shared on social networks — see Open Graph and Twitter Card metadata rendered as Facebook, Twitter, LinkedIn, and Slack previews.
Open Graph and Twitter Card Metadata: How Link Previews Work
When you share a URL on social media, messaging apps, or Slack, these platforms fetch the URL's HTML and extract structured metadata from `<meta>` tags in the `<head>` to generate a visual preview card. Open Graph Protocol (introduced by Facebook) uses `og:title`, `og:description`, `og:image`, and `og:type` tags. Twitter Cards use `twitter:card`, `twitter:title`, `twitter:description`, and `twitter:image` tags — with fallback to OG tags if Twitter-specific tags are absent.
Each platform has different display rules: Facebook truncates titles at ~55 characters and descriptions at ~65 characters. Twitter's large summary card requires a 2:1 aspect ratio image (1200×628px recommended). LinkedIn displays OG tags with slightly different truncation rules. Slack uses a simpler text+image layout. Getting preview metadata right matters for click-through rates — research consistently shows that compelling preview cards significantly outperform links that render as plain text.
Our tool fetches the target URL's HTML and parses all relevant meta tags, rendering platform-accurate mockups of how the page will appear on each platform — saving you from needing to share the URL on each platform individually to see how it looks.
Verify blog post social previews
Check how a newly published article will appear when shared on Twitter, Facebook, and LinkedIn before promoting it.
Debug missing or incorrect OG tags
Identify when og:image is missing, og:title is truncated incorrectly, or Twitter Card type is misconfigured.
Test landing page social media appearance
Ensure new product pages and campaign landing pages display compelling preview cards before launch.
- 1
Enter the URL to preview
Paste the full URL of the page you want to inspect — including the https:// prefix. The tool will fetch and parse the page's metadata.
- 2
View platform mockups
See rendered preview cards showing how the page will appear on Facebook, Twitter (large and small card), LinkedIn, and Slack with actual truncation applied.
- 3
Inspect raw meta tags
Review the complete list of extracted Open Graph and Twitter Card meta tags to diagnose any missing or incorrect values.
Multi-platform preview mockups
Renders platform-accurate previews for Facebook, Twitter, LinkedIn, and Slack with correct card dimensions and truncation rules.
Raw meta tag inspection
Lists all detected OG and Twitter Card tags with their values for detailed debugging of metadata configuration.
Missing tag detection
Highlights recommended tags that are absent (og:image, og:description, twitter:card) so you know what to add.
Found this tool useful?
Share your experience and help others discover it.