Open Graph Preview
& Checker
Use this free OG preview online to inspect Open Graph tags, check OG images, preview social cards and fix broken link previews before you publish. One clean workspace for website owners, developers and creators.
Inspect the public HTML response, Open Graph tags, Twitter metadata and the referenced image.
This is a visual approximation based on your metadata. Actual platform cards can differ due to rendering rules, cropping, device layout and cache.
Free Open Graph checker online that tells you what to fix
See the values your page actually serves, understand why a preview may fail and generate a cleaner set of social metadata.
Live URL inspection
Fetch a public page, follow safe redirects and extract Open Graph, standard SEO and Twitter Card metadata from its HTML response.
OG image validation
Check whether the image URL is reachable, returns an image and has usable dimensions, aspect ratio and file size.
Six social card previews
Compare simulated layouts for Facebook, X, LinkedIn, WhatsApp, Discord and Slack using the metadata you extracted or edited.
Paste HTML locally
Inspect a page source snippet without publishing it. Useful for localhost, protected staging pages and pre-launch drafts.
Edit and generate tags
Try new titles, descriptions and images in the live preview, then copy a structured Open Graph and Twitter Card HTML block.
Transparent diagnostics
Errors, warnings and informational notes stay separate. No unexplained ranking score or claim that social previews are guaranteed.
Inspect. Understand. Improve.
Use the Open Graph preview tool from first check to final HTML implementation.
Enter a URL or paste HTML
Inspect the public HTML returned by a live page or parse source locally for development and staging work.
Review cards and findings
Compare social preview simulations, see metadata values and identify missing tags or image delivery problems.
Fix and copy your tags
Edit the metadata, check the new card and copy the generated HTML into your website's document head.
Open Graph guides for real problems
Step-by-step tool tutorials, search-focused troubleshooting and clear explanations for developers and non-developers.
How to Use OpenGraph Preview to Check Any Website
Learn how to inspect a live URL, preview social cards, read OG tags and understand the diagnostic results with OpenGraph Preview.
Read guide Tool guideHow to Check Open Graph Tags from HTML Without Publishing a Page
Use the HTML inspection mode to test Open Graph tags for localhost, staging pages, private drafts and pages that are not public yet.
Read guide SEO guideOG Image Not Showing on WhatsApp, Facebook or LinkedIn? How to Fix It
Troubleshoot a missing Open Graph image with checks for URL accessibility, image format, dimensions, redirects, metadata and social cache.
Read guide SEO guideOpen Graph Image Size: Dimensions, Aspect Ratio and File Checks
A practical Open Graph image size guide covering 1200×630 dimensions, 1.91:1 aspect ratio, image accessibility and validation.
Read guide SEO guideHow to Add Open Graph Tags in Next.js App Router
Implement page-specific Open Graph metadata in Next.js using the Metadata API, metadataBase, canonical URLs and generated OG images.
Read guide SEO guideOpen Graph Checker Online: 12 Checks a Useful Validator Should Run
Learn what a proper Open Graph checker validates: required tags, duplicate metadata, canonical URLs, image accessibility, redirects and Twitter Cards.
Read guideOpen Graph preview questions, answered
Quick answers about OG meta tags, social previews and debugging.
What is an Open Graph preview?
It is a preview of how a link may appear when shared, using metadata such as og:title, og:description and og:image.
How do I check Open Graph tags?
Enter a public URL in the inspector. The tool extracts values from the page HTML and reports missing or potentially problematic metadata.
What is the recommended OG image size?
1200 × 630 pixels (around 1.91:1) is a common starting point for large preview cards. Always check current platform-specific limits.
Can I inspect localhost or staging pages?
Paste the source HTML into the local parser. Remote URL inspection cannot reach a private development machine or a page behind authentication.
Does an OG checker improve Google rankings?
It helps you troubleshoot share metadata. Open Graph tags are not a substitute for useful page content, technical SEO or search indexing requirements.
Are platform previews exact?
No. They are simulated layouts. Social networks control their crawlers, caches and final rendering behaviour.
Do I need an Open Graph checker extension?
No installation is required. Use this online checker in your browser, or paste HTML when you need to inspect localhost or a private draft.
Ready to check your next link?
Run a free Open Graph test and fix your social preview before sharing.