Open Graph Checker & OG Debugger — Free
4.8(16 reviews)Free Open Graph checker to debug OG tags, preview how your links appear on Facebook, LinkedIn & more. Find and fix meta tag issues instantly.
Enter a URL above to preview how it will appear on social media
On this page
What Is the Open Graph Protocol?
An Open Graph debugger is a free tool that checks your website's OG tags and shows you exactly how your links will appear when shared on social media. Also known as an OG tag checker or social link preview tool, it fetches your page's HTML, reads every og:title, og:description, and og:image tag, and renders a real-time preview of your link card across Facebook, LinkedIn, Twitter/X, and other platforms. If you are wondering how to debug Open Graph tags or why your OG image is not showing when you share a link, this OG image debugger identifies the exact issue — whether it is a missing tag, a relative image URL, an undersized image, or a caching problem. Built for developers, SEO professionals, and marketers, our Open Graph debugger saves you from broken social previews before your links go live.
History
Facebook launched the Open Graph protocol at its f8 event in April 2010. The protocol took ideas from older metadata standards (Dublin Core, microformats) but was built for social sharing. Its simplicity — just a few meta tags in the HTML head — led to fast adoption. By 2012, LinkedIn, Twitter (as a fallback), Pinterest, and Slack all supported Open Graph tags. The core tags (og:title, og:description, og:image, og:url, og:type) have stayed the same since the start. However, what has changed is how each platform shows them: Facebook displays cards one way, LinkedIn another, and Slack yet another. In 2026, fixing these display differences across platforms is the main challenge OG tags bring.
How It Works
Our tool fetches your URL's HTML, reads all meta tags in the <head> section, and finds every og: tag present. Then, it checks the required tags (og:title, og:image, og:url) against the Open Graph spec, reviews image sizes and file sizes, and shows an og image preview of how your link card will look on each platform. The tool also renders platform-level social share previews for Facebook, Twitter/X, and LinkedIn. On top of that, it spots common issues like relative image URLs, missing og:type, long descriptions that get cut off, and image aspect ratios that cause cropping on certain platforms.
Types
Required OG Tags
og:title (page title), og:type (content type, usually 'website'), og:image (preview image URL), and og:url (canonical page URL). These four tags are the bare minimum for a proper link preview on any platform.
Recommended OG Tags
og:description (page summary, 2-3 sentences), og:site_name (your website name), og:locale (language/territory, e.g., en_US). These enhance the preview but platforms can function without them.
Image-Specific Tags
og:image:width, og:image:height, og:image:type (MIME type), og:image:alt (alt text). Setting width and height lets platforms build the card layout before the image loads. As a result, this stops layout shifts.
Content-Type Tags
og:type values include 'website' (default), 'article' (with article:published_time, article:author), 'profile', 'video', and 'music'. Using the article type turns on rich metadata on platforms that support it.
Open Graph Debugger Use Cases
Checking OG tags is a key step in every web development and content publishing workflow.
Web Development & Deployment
Developers check OG tags as part of the launch checklist for every new page or site. Catching a missing og:image before the marketing team shares the link stops broken previews from going live.
SEO & Technical Audits
SEO pros use an open graph checker as part of site-wide audits. Pages with missing or wrong OG tags lose social traffic because link previews don't show the right image and text.
Content Marketing Campaigns
Before starting a social media campaign, marketing teams check every URL that will be shared to make sure the link previews look right. A broken preview on a promoted post wastes both budget and trust.
E-commerce Product Pages
Online stores check product page OG tags to make sure the right product image, name, and price show up in link previews. A product shared with the wrong image or a generic site blurb can lose you sales.
Publisher & CMS Workflows
Newsrooms and content teams using WordPress, Ghost, or custom CMSs make sure their system creates the right OG tags for each article, including author and publish-date details.
Debugging Cache Issues
When OG tags have been updated but platforms still show old data, the tool helps confirm that the source HTML is correct. In other words, the issue is with the platform's cache — not your tags.
Open Graph Best Practices
Image Optimization
- Use 1200x630 pixels as your standard og:image size — it's the best size for Facebook, LinkedIn, and most platforms
- Always set og:image:width and og:image:height to stop layout shifts and speed up card display
- Use full URLs for og:image (https://example.com/image.jpg), never short paths (/image.jpg) — crawlers can't figure out short URLs
- Keep og:image file size under 5MB; Facebook rejects images over 8MB and LinkedIn fails without warning on very large files
- Put key visual content in the center 80% of the image — different platforms crop the edges in different ways
Tag Setup
- Set unique og:title, og:description, and og:image for every page — using the same tags site-wide will hurt your click-through rates
- Keep og:title under 60 characters so it shows in full on all platforms without being cut off
- Keep og:description between 100-160 characters — long enough to give context, short enough to avoid cutoff
- Set og:type to 'article' for blog posts and news — this turns on article details like publish date and author
- Also, include og:url pointing to the main URL of the page to stop duplicate previews for the same content
Cross-Platform Consistency
- Test your OG tags on Facebook, LinkedIn, Twitter, Slack, and Discord — each platform shows cards a bit differently
- Set both og: tags and twitter: tags for the best coverage — use a meta tag generator to create both sets fast, since Twitter puts its own tags first over OG fallbacks
- After updating OG tags, clear the platform caches: Facebook Sharing Debugger (scrape again), LinkedIn Post Inspector, and wait about 7 days for Twitter
- Also, use og:locale (e.g., en_US) to help platforms show your content in the right language
Open Graph Technical Specifications
| og:title | Required. Page title for link previews. Keep under 60 characters. |
| og:type | Required. Content type: website, article, profile, video, music. |
| og:image | Required. Absolute URL to preview image. Recommended 1200x630px. |
| og:url | Required. Canonical URL of the page. |
| og:description | Recommended. 100-160 characters for optimal display. |
| og:site_name | Recommended. Your website's name (e.g., 'SocialPreview'). |
| og:locale | Optional. Language_TERRITORY format (e.g., en_US, fr_FR). |
| og:image:width | Recommended. Image width in pixels (e.g., 1200). |
| og:image:height | Recommended. Image height in pixels (e.g., 630). |
| og:image:type | Optional. MIME type (image/jpeg, image/png, image/webp). |
| og:image:alt | Recommended. Accessible description of the image. |
| article:published_time | ISO 8601 datetime for article publication date. |
| article:author | URL to the author's profile page or Facebook profile. |
Supported Formats
Facebook Link Preview
Shows og:image as a large preview (1.91:1 crop), og:title in bold below, og:description beneath, and the domain in caps. Images under 600x315 show as small thumbnails instead.
Best for: Organic shares, Facebook Ads, Messenger link previews
LinkedIn Link Preview
Shows og:image at 1.91:1 crop above og:title and og:description. LinkedIn stores previews for about 7 days — the longest cache time of all major platforms.
Best for: Professional content, B2B marketing, job postings, company updates
Slack/Discord Unfurl
Shows og:site_name, og:title, og:description, and a thumbnail or inline image. Both platforms support richer unfurls for known domains but fall back to OG tags for all others.
Best for: Team communication, community posts, link sharing in channels
Platform Rendering Differences
The same OG tags look different on each platform. Knowing these differences helps you avoid surprises when your links are shared.
Advantages
Facebook renders the richest previews
Facebook supports the full Open Graph spec, including article details, author tags, and multiple images. It also offers the Sharing Debugger tool for cache clearing, which no other platform has.
LinkedIn is the most reliable for B2B
LinkedIn's link preview display is steady and stands out in the feed. The large image card format gives great visibility for professional content shared in LinkedIn posts.
Slack provides the most detailed unfurls
Slack unfurls show site name, title, description, and image in an inline card format. For known services (GitHub, Jira, Google Docs), Slack shows richer unfurls with extra details.
Discord handles multiple images well
Discord's embed system supports multiple OG images and shows them in a sidebar card format. For developer groups and gaming, Discord unfurls are often the main way people view shared links.
Limitations
Facebook caches aggressively
Facebook stores OG data and does not auto-refresh when you update tags. You must clear the cache by hand using the Sharing Debugger's 'Scrape Again' button. On top of that, it can take up to 24 hours to spread.
LinkedIn has the longest cache duration
LinkedIn stores link previews for about 7 days with no sure way to force a refresh. The Post Inspector tool sometimes triggers a re-fetch, but the results are hit-or-miss.
Twitter ignores OG tags if twitter: tags exist
Twitter/X puts its own meta tags first. If you set twitter:title to something different from og:title, Twitter shows the twitter: version. This can cause confusion when the same link shows different titles on different platforms.
WhatsApp and iMessage have limited control
WhatsApp and iMessage read OG tags, but they show very little and have no debug tools. How images display varies by device and chat thread.
| Behavior | Twitter/X | Slack | ||
|---|---|---|---|---|
| Primary tags read | og: tags | og: tags | twitter: then og: | og: tags |
| Recommended image | 1200x630px | 1200x627px | 1200x628px | Any (inline) |
| Image aspect ratio | 1.91:1 | 1.91:1 | 2:1 | Variable |
| Title truncation | ~88 chars | ~70 chars | ~70 chars | ~100 chars |
| Description truncation | ~300 chars | ~120 chars | ~200 chars | ~300 chars |
| Cache duration | Varies (manual clear) | ~7 days | ~7 days | ~30 minutes |
| Debug tool | Sharing Debugger | Post Inspector | None (deprecated) | None |
| Supports og:type article | Yes | Partial | No | Yes |
Open Graph Resources & Further Reading
Official Specifications
Open Graph Protocol
The official spec at ogp.me, listing all supported tags, types, and structured properties for the Open Graph protocol.
Facebook Sharing Debugger
Facebook's official tool for checking OG tags and clearing stored link previews. Enter any URL to see what Facebook's crawler reads.
LinkedIn Post Inspector
LinkedIn's tool for previewing and refreshing how your links appear in LinkedIn posts and messages.
Related Tools
Check twitter: meta tags and preview how your links look on Twitter/X, including summary and large image card types.
Build full Open Graph and Twitter Card meta tag markup from a form, with copy-paste HTML output.
Preview how your URLs look across Facebook, Twitter, and LinkedIn side by side to make sure they display the same way.
Setup Guides
Next.js Metadata API
How to set up OG tags in Next.js 14+ using the Metadata API, generateMetadata function, and dynamic OG image creation.
WordPress OG Tag Setup
Setting up Open Graph tags in WordPress using Yoast SEO, Rank Math, or adding them by hand in theme header templates.
Dynamic OG Image Generation
Ways to create unique og:image files per page using tools like @vercel/og, Satori, or server-side Puppeteer rendering.
Testimonials
Loved by Creators & Marketers
SocialPreviewHub replaced three paid tools I was using. The post preview is pixel-perfect and the carousel builder saves me hours every week. Best free toolkit I've found.
Sarah Mitchell
Social Media Manager · BrightWave Agency
The UTM builder and meta tag generator are incredibly well-built. I used to pay $30/mo for similar features. Now my whole team uses SocialPreviewHub daily.
James Rodriguez
Digital Marketing Lead · GrowthPoint Media
I create LinkedIn carousels every week and this tool is essential for my workflow. Upload slides, export PDF, done. No more wrestling with Canva templates.
Emily Chen
Content Creator · Self-employed
Generated a QR code menu for my restaurant in under 2 minutes. Added all items with prices and it looks professional. Saved me from paying a monthly subscription.
Marcus Thompson
Restaurant Owner · The Urban Kitchen
The Open Graph debugger helped me fix broken link previews for three client websites. The meta tag generator is now part of my standard workflow for every new site.
Priya Sharma
Freelance Marketer · Sharma Digital
We use the barcode generator for all our product labels. Supports EAN-13, Code 128, and UPC-A which covers everything we need. Export quality is excellent.
David Kim
E-commerce Manager · NovaPack Retail
The safe zone checker is a must-have for short-form video creators. I stopped losing text behind TikTok's UI elements. Simple tool, huge time saver.
Rachel Foster
TikTok Creator · 530K followers
Device mockup generator is incredible for client presentations. Drop in a screenshot, pick a device frame, and export. My proposals look 10x more professional now.
Alex Nguyen
Brand Strategist · Pulse Creative Co.
Managing 12 client accounts and SocialPreviewHub handles all our preview, hashtag, and caption needs. We cancelled our Taplio subscription the same week we found this.
Olivia Martinez
Agency Director · Elevate Social
Built all our social media assets using SocialPreviewHub before launch. Post previews, OG tags, QR codes for our app download page. All free. Unbelievable value.
Tom Bradley
Startup Founder · LaunchKit
The image color extractor and palette generator are surprisingly accurate. I use them to pull brand colors from client logos and build consistent social media themes.
Nina Patel
UI/UX Designer · PixelCraft Studio
I recommend SocialPreviewHub to every client. The LinkedIn post preview with character counting and hook analysis helps my clients write better posts from day one.
Chris Walker
LinkedIn Coach · Profile Pro
Our team uses the chat screenshot generator for creating training materials and social proof. The Instagram DM mockups look incredibly realistic.
Aisha Johnson
Communications Manager · Meridian Health
The Twitter Card validator and OG debugger are essential for any SEO workflow. I check every page before launch now. Found and fixed broken previews on 40+ client pages.
Ryan O'Connor
SEO Specialist · RankFlow Digital
As a small business owner with no design skills, SocialPreviewHub is a lifesaver. I create my own social posts, generate QR menus, and even made a bio for my Instagram page.
Lisa Yamamoto
Small Business Owner · Bloom & Brew Cafe
The image resizer is a huge time saver. I upload one photo and download all 17 platform sizes in one click. No more opening Photoshop for every Instagram post and LinkedIn banner.
Daniel Park
Social Media Coordinator · Summit Marketing
Frequently Asked Questions
- How to debug Open Graph tags on Facebook?
- Use our Open Graph debugger to check your OG tags first, then clear Facebook's cache using their Sharing Debugger — enter your URL and click 'Scrape Again.' Facebook stores OG data aggressively, and it can take up to 24 hours for updated tags to show across all Facebook surfaces.
- Why is my OG image not showing when I share a link?
- The most common reasons your OG image is not showing are: using a relative URL instead of a full https:// URL, the image being smaller than 200x200 pixels, or the image file being over 8MB. Run your URL through our Open Graph debugger to identify the exact issue and see an OG image preview before sharing.
- How do I fix Open Graph tags not updating on LinkedIn?
- LinkedIn caches social link previews for about 7 days. Use our Open Graph debugger to verify your updated OG tags are correct, then force a refresh using LinkedIn's Post Inspector at linkedin.com/post-inspector. Adding a cache-busting query parameter (like ?v=2) to your og:image URL can also trigger a re-fetch.
- What is the recommended image size for Open Graph tags?
- The minimum og:image size is 200x200 pixels, but our OG tag checker recommends 1200x630 pixels for the best display across all platforms. Images under 600x315 show as small thumbnails on Facebook. Always set og:image:width and og:image:height for the fastest card rendering.
- Do I need different Open Graph tags for every page?
- Yes. Each page should have unique og:title, og:description, and og:image tags matching that page's content. Our Open Graph debugger can check each page individually. Sites using the same OG tags across all pages see roughly 50% lower engagement on shared links because the social link preview does not match what users expect.
- What happens if I skip Twitter Card tags and only use Open Graph tags?
- Twitter/X will fall back to your OG tags, so your link will still show a social link preview. However, Twitter defaults to the 'summary' card type (small thumbnail) when twitter:card is not set. Use our Open Graph debugger to verify both tag sets are present for the best results across platforms.
- Why does my OG image appear cropped on some platforms?
- Each platform crops images differently — Facebook and LinkedIn use 1.91:1, Twitter uses 2:1, and Slack shows images inline. Our OG image debugger shows how cropping looks on each platform. Design your og:image at 1200x630 pixels with key content centered in the middle 80%.
- Can I use a relative URL for og:image?
- No. Social media crawlers request the image URL independently from your page. A relative path like '/images/preview.jpg' will fail because the crawler does not know your domain. Our OG tag checker flags this as an error — always use full URLs like 'https://example.com/images/preview.jpg'.
- How do I check if my Open Graph tags are working correctly?
- Enter your URL in our free Open Graph debugger. It fetches your page HTML, shows every og: tag detected, flags missing or invalid tags, and renders a social link preview showing how your link card will appear on Facebook, LinkedIn, and Twitter/X. Fix any issues and re-validate until all tags pass.
Related Tools
Other free tools you might find useful
Meta Tag Generator
Free Open Graph meta tag generator — no account required
Try it freeTwitter Card Validator
Validate Twitter/X cards and preview crops
Try it freeUTM Builder
Free UTM link builder — no account, unlimited links
Try it freePost Preview
Free social media post preview tool — all platforms, no login
Try it free