How to test Open Graph tags: Facebook Sharing Debugger, Twitter Card Validator, and more

Every major platform provides a debugger tool to test and refresh OG tags. The Facebook Sharing Debugger (developers.facebook.com/tools/debug) is the most important because it also refreshes Facebook's cache, which is shared with Instagram. The Twitter Card Validator (cards-dev.twitter.com/validator) tests Twitter-specific tags. LinkedIn's Post Inspector and Discord's embed preview (just paste a URL in a private server) round out the testing toolkit.

Platform or focus
Best Practices
OG tag strategy and tooling
Topic detail
OG debugger tools
debugger-tools

How this is calculated

Facebook's Sharing Debugger shows exactly what Facebook extracted from your page: title, description, image, URL, and type. It also reports warnings (image too small, missing tags) and lets you force a re-scrape. Twitter's Card Validator requires a logged-in Twitter account and previews how your card will appear in the timeline. The most common issue across all debuggers is the image not appearing, which is usually caused by a missing or incorrect og:image:secure_url (for HTTPS), the image being on a different domain without CORS headers, or the image taking too long to fetch (>5 seconds timeout on most platforms).

Verdict

Test with the Facebook Sharing Debugger first, because fixing FB issues usually fixes every other platform too. Then validate on Twitter. For messaging apps (Discord, Slack, WhatsApp, iMessage), test manually in a private conversation. Add all four debugger URLs to your pre-launch checklist.

More OG scenarios

Frequently asked questions

What are Open Graph meta tags?
Open Graph meta tags are snippets of code in your website's <head> that control how your page appears when shared on social media. They allow you to define a specific title, description, and image that platforms like Facebook, Discord, and LinkedIn will display.
Why do I need a separate twitter:card tag?
While many platforms fallback to Open Graph (og:) tags, Twitter uses its own specific meta tags (twitter:card, twitter:image, etc.) to format link previews. Providing both ensures maximum compatibility across all platforms.
What is the best image size for Open Graph?
The recommended size for an Open Graph image is 1200x630 pixels. This creates a 1.91:1 aspect ratio, which is the standard size used by almost all major social platforms for large preview cards.
How do I test if my tags are working live?
Once deployed, you can use official debuggers like the Facebook Sharing Debugger or the Twitter Card Validator. This visualizer tool helps you preview and generate the tags locally before you deploy them.