Open Graph Preview Tool
See exactly how your pages appear when shared on Facebook, LinkedIn, Twitter, and WhatsApp.
OpenGraph Tags
Facebook Preview
https://example.com
Your Page Title
A compelling description of your page that will appear on social media
Twitter Card Preview
Your Page Title
A compelling description of your page that will appear on social media
🔗example.com
LinkedIn Preview
Your Page Title
Your Site Name
What is Open Graph Preview Tool?
Open Graph (OG) is a protocol developed by Facebook that enables any web page to become a rich object in the social graph. When someone shares a URL on Facebook, LinkedIn, WhatsApp, or Slack, these platforms read the Open Graph meta tags in your page's <head> to determine what image, title, and description to display in the preview card. Without proper OG tags, social platforms fall back to guessing — often choosing a random small image or displaying no image at all, resulting in unappealing share previews that get far fewer clicks. Studies consistently show that posts with rich image previews receive 3–5x more engagement than link-only posts. This tool fetches your page's OG tags in real time and renders accurate previews for each major platform, so you can see exactly what users see before you publish or share — and fix any issues immediately.
How to Use Open Graph Preview Tool
- 1
Enter Your URL
Paste any live URL into the input field. The tool fetches the page and reads all Open Graph, Twitter Card, and standard meta tags.
- 2
View Platform Previews
Instantly see how your page looks as a share preview on Facebook, LinkedIn, Twitter, and WhatsApp — including image cropping and text truncation differences per platform.
- 3
Fix Missing or Incorrect Tags
If any required tags are missing or incorrect, the tool highlights them with suggestions. Use the Meta Tag Generator to create the correct tags.
Use Cases
Pre-Launch Content Review
Before publishing a new blog post or landing page, paste the URL into this tool to confirm that social previews look as intended. Catching a missing og:image or truncated title before launch prevents the embarrassment of sharing a page with a blank or broken preview.
Marketing Campaign Preparation
When preparing a paid social campaign, verifying that your landing page has correct OG tags ensures your organic shares match the professional look of your ads. Mismatched previews between ad creatives and organic shares can reduce trust and click-through rates.
Client Reporting and QA
Agencies include OG preview screenshots in client deliverables to demonstrate that social sharing has been properly configured. This tool generates those previews instantly for every page in a site audit without requiring manual social media posts.
Features
Multi-Platform Previews
Renders accurate share previews for Facebook, LinkedIn, Twitter (summary and large image cards), WhatsApp, and Slack — all from one URL entry.
Tag Audit Panel
Lists all detected OG and Twitter Card tags with pass/fail status, so you can quickly see what's present, what's missing, and what needs updating.
Image Preview with Crop Lines
Shows how your og:image will be cropped and displayed on each platform, since each uses different aspect ratios and dimensions.
Character Length Validation
Flags og:title and og:description values that exceed platform-specific display limits, with exact character counts and recommendations.
Frequently Asked Questions
For Facebook and LinkedIn, the recommended og:image size is 1200×630 pixels at a minimum, with a 1.91:1 aspect ratio. Images smaller than 600×315 will not display as large preview cards. Twitter summary_large_image cards recommend 1200×628 pixels. WhatsApp displays images at approximately 300×157 pixels (thumbnail), though it still fetches the full-size image. Using a 1200×630 PNG or JPG under 1MB covers all platforms optimally.
Facebook caches og:image aggressively. After updating your image, you need to clear Facebook's cache using the Facebook Sharing Debugger (developers.facebook.com/tools/debug/). Enter your URL and click "Scrape Again" to force Facebook to re-fetch your updated tags. The new image typically appears within a few minutes. LinkedIn has a similar tool called the Post Inspector. Twitter updates relatively quickly on its own but may also require a forced re-fetch.
Without og:image, Facebook will either show no image (just text), attempt to use the largest image it finds on the page, or use a tiny thumbnail. The result is unpredictable and typically looks poor. LinkedIn behaves similarly. On Twitter without twitter:image or og:image, the card shows as a plain summary with no visual. Rich image previews consistently generate higher engagement, so og:image is arguably the most important OG tag to get right.
Yes, and they should. Each page should have a unique og:image relevant to its content — the homepage might use your brand hero image, while individual blog posts use the post's featured image. Most CMS platforms (WordPress, Webflow, Squarespace) automatically set og:image to the page's featured image via SEO plugins like Yoast or RankMath. For custom-built sites, set og:image dynamically based on each page's featured image or a page-specific asset.
No. Open Graph tags are read by social media crawlers, not Google's ranking algorithm. Your og:title does not influence your Google search ranking — that is controlled by your <title> tag and page content. However, good og:title indirectly affects SEO by driving more social shares and clicks, which can generate backlinks and referral traffic. Think of OG tags as conversion rate optimization for social sharing, not direct ranking signals.
Need a Professional Website?
JAIDOO EMPIRE builds fast, SEO-optimised websites for businesses worldwide. All free tools are built and maintained by our team.
Start Your Project
