Free Online Open Graph Checker
Paste your HTML source to extract and preview Open Graph meta tags. See exactly how your page will appear when shared on social media platforms.
What Are Open Graph Meta Tags?
Open Graph meta tags are snippets of code that control how your web pages appear when shared on social media platforms like Facebook, Twitter, and LinkedIn. Created by Facebook in 2010, the Open Graph protocol turns any web page into a rich object in a social graph, displaying a preview card with a title, description, image, and URL.
Essential Open Graph Tags
The four required OG tags are og:title, og:type, og:image, and og:url. Beyond these, og:description provides a brief summary, og:site_name shows your brand name, and og:locale sets the language. For best social media visibility, also include Twitter Card tags since Twitter uses its own meta tags alongside OG tags.
Optimizing Your OG Tags
Use an image at least 1200x630 pixels for best display on high-resolution screens. Keep your og:title under 60 characters and og:description under 155 characters. Test your tags using this tool before publishing. Remember that Facebook and LinkedIn cache OG data, so after making changes you may need to use their debugging tools to clear the cache.
Frequently Asked Questions
Why does this tool ask for HTML instead of a URL?
Due to browser security restrictions (CORS), client-side tools cannot directly fetch HTML from external URLs. Paste the HTML source of your page (view-source in your browser) to extract and preview the OG tags without needing a backend.
What is the recommended OG image size?
The recommended Open Graph image size is 1200 x 630 pixels with an aspect ratio of 1.91:1. This ensures your image displays well on Facebook, LinkedIn, Twitter, and other platforms. Use PNG or JPG format under 8MB.
Do I need both Open Graph and Twitter Card tags?
Twitter will fall back to Open Graph tags if Twitter Card tags are not present. However, for best results on both platforms, include both sets of tags for more control over how your content appears.
How do I fix cached OG data on Facebook?
Use Facebook Sharing Debugger at developers.facebook.com/tools/debug to clear the cache. Enter your URL and click Scrape Again. Facebook caches OG data so changes may not appear immediately.
Are OG tags a ranking factor for Google?
Open Graph tags are not a direct Google ranking factor. However, they improve social media engagement by creating attractive share previews, which can lead to more traffic and backlinks that do affect rankings indirectly.