Free Open Graph Preview Tool
Preview how your website link appears on Facebook, Twitter, LinkedIn, and WhatsApp. Check OG meta tags instantly. No signup required.
Enter your Open Graph meta tag values
- • Missing og:title — social previews will use the page <title> or show nothing.
- • Missing og:description — shared links will show no snippet text.
- • Missing og:image — no preview image on Facebook, LinkedIn, or WhatsApp.
Platform Previews
example.com
Page Title
No description provided.
Twitter / X (summary_large_image)
example.com
Page Title
No description provided.
Page Title
example.com
Page Title
example.com
What Is an Open Graph Preview Tool?
An Open Graph preview tool shows you exactly how your website link will appear when shared on Facebook, Twitter/X, LinkedIn, WhatsApp, Slack, Discord, and other social platforms. When someone shares a URL, these platforms read Open Graph (OG) meta tags from the page's HTML to build a rich preview card — showing an image, title, and description. Without proper OG tags, shared links appear as plain text URLs with no visual appeal, dramatically reducing click-through rates. The problem is that OG tag rendering varies by platform: Facebook crops images differently than Twitter, LinkedIn truncates titles at a different character count, and WhatsApp may ignore certain tags entirely. Our free preview tool renders your link as each major platform would display it, so you can catch issues — wrong image, truncated title, missing description — before your content goes live.
How Does the Open Graph Preview Tool Work?
The tool works in two modes. In URL mode, you enter a web address and the tool fetches the page's HTML (via a CORS proxy or client-side fetch where possible) to extract meta tags from the <head> section — specifically og:title, og:description, og:image, og:url, og:type, twitter:card, twitter:title, twitter:description, twitter:image, and standard <title> and <meta name='description'> tags. In manual mode, you paste your own tag values directly, which is useful when your page isn't deployed yet. The extracted or entered values are then rendered into platform-specific preview cards that match the visual layout of Facebook's link preview, Twitter's summary card and summary_large_image card, LinkedIn's article preview, and WhatsApp's link preview. Each platform preview uses the actual dimensions, font sizes, line truncation rules, and image cropping that the platform applies. Missing or problematic tags are flagged with warnings — for example, an og:image smaller than 1200×630px will trigger a Facebook image quality warning.
Features
- ✓Enter any URL to fetch and preview Open Graph meta tags
- ✓Facebook, Twitter/X, LinkedIn, and WhatsApp previews
- ✓Shows og:title, og:description, og:image, twitter:card tags
- ✓Manual mode — paste your own OG tags to preview without a live URL
- ✓Detects missing or misconfigured tags with warnings
- ✓Fully client-side preview rendering
Benefits
Increase Social Media Click-Through Rates
Links shared with rich preview cards (large image, compelling title, clear description) get dramatically more clicks than plain URLs. Proper OG tags can increase CTR by 2-5x on social platforms. This tool ensures your cards look perfect before sharing.
Catch Platform-Specific Issues
Each platform renders link previews differently — Facebook wants 1200×630px images, Twitter supports summary and summary_large_image cards, LinkedIn truncates at different lengths. Previewing on each platform catches issues you wouldn't see testing on just one.
Debug Before Deploying
Manual mode lets you preview OG tag combinations before your page is live. Test different titles, descriptions, and images to find the combination that looks best across all platforms — without deploying and re-scraping every time.
Identify Missing Tags Instantly
The tool highlights missing or misconfigured tags with clear warnings. A missing og:image means no preview image on Facebook. A missing twitter:card means Twitter falls back to a minimal text-only preview. Catching these gaps prevents embarrassing shares.
Frequently Asked Questions
What are Open Graph tags?
Open Graph (OG) tags are HTML meta tags in your page's <head> section that control how your page appears when shared on social media. The core tags are og:title (the title shown in the preview), og:description (the snippet text), og:image (the preview image), og:url (the canonical URL), and og:type (usually 'website' or 'article'). They were created by Facebook in 2010 and are now used by virtually all social platforms.
What size should the og:image be?
The recommended size is 1200×630 pixels (1.91:1 aspect ratio) for optimal display across all platforms. Facebook requires at least 200×200px but recommends 1200×630px. Twitter recommends the same for summary_large_image cards. LinkedIn also uses 1200×630px. Using an image smaller than the recommended size may result in cropping, low resolution, or no image being displayed at all.
What is a Twitter Card?
Twitter Cards are Twitter-specific meta tags that control link previews on Twitter/X. The most common types are 'summary' (small square image with title and description) and 'summary_large_image' (large banner image above title and description). Twitter reads twitter:card, twitter:title, twitter:description, and twitter:image tags, falling back to Open Graph equivalents if Twitter-specific tags are missing.
Why does my link preview show the wrong image?
Platforms cache link previews aggressively. If you've changed your og:image after the link was first shared, the old image may persist for hours or days. Use Facebook's Sharing Debugger, Twitter's Card Validator, or LinkedIn's Post Inspector to force a re-scrape of your page and clear the cached preview.
Is this OG preview tool free?
Yes, completely free with no signup, no rate limits, and no premium tier. Preview as many URLs as you need. In manual mode, all rendering happens locally in your browser with no data sent to any server.
Ready to Create AI Videos?
Optimize your video landing page previews with ShortsDaily
Try ShortsDaily Free