What is Open Graph?
Open Graph (OG) is a protocol introduced by Facebook that allows web pages to control how they appear when shared on social media platforms. By adding og: meta tags to a page, developers specify the title, description, and image used in link previews on Facebook, LinkedIn, Slack, Discord, iMessage, and many other platforms.
Twitter (now X) has its own similar system called Twitter Cards, using twitter: meta tags. Most platforms fall back to OG tags when Twitter-specific tags are absent.
How it works
When a URL is shared, the receiving platform fetches the page HTML and reads the <meta> tags in the <head>. Key tags include og:title, og:description, og:image, and og:url. This tool fetches the page server-side and extracts all relevant meta tags, then renders the detected images directly so you can verify the preview before sharing.
How to use this tool
- Enter a full URL (including
https://) and click Check - View the detected OG images rendered at full size, with dimensions and type info
- Inspect page info - title, description, favicon, and theme color
- Check Twitter Card tags separately if the page uses them
- Copy any image URL with the copy button next to it
Common use cases
- Verifying that
og:imageis set correctly before sharing a blog post or product page - Debugging why a link preview looks wrong on Slack, Discord, or LinkedIn
- Confirming image dimensions match the recommended
1200 x 630ratio for Facebook and LinkedIn - Checking
twitter:cardtype (summaryvssummary_large_image) and associated metadata - Auditing multiple pages on a site for missing or incorrect OG tags