What Are Open Graph Tags and Why Do They Matter?
Open Graph (OG) tags are HTML meta tags originally created by Facebook that control how your content appears when shared on social media platforms. When someone shares a link on Facebook, Twitter, LinkedIn, Slack, Discord, or iMessage, these platforms look for OG tags to generate a rich link preview with a title, description, and image.
Without proper OG tags, shared links appear as plain text URLs — no image, no description, just a bare link that nobody wants to click. Studies show that social posts with rich previews get 2-3x more engagement than those without. This makes OG tags essential for any website that wants social media traffic.
Essential Open Graph Tags for Every Page
- og:title — The title shown in the link preview. Keep it under 60 characters for best results.
- og:description — A brief summary of the page. Aim for 120-160 characters.
- og:image — The preview image. Use 1200×630 pixels for optimal display across all platforms.
- og:url — The canonical URL of the page.
- og:type — Content type (website, article, product, etc.).
Twitter Card Tags
Twitter uses its own set of meta tags (twitter:card, twitter:title, twitter:description, twitter:image) but will fall back to OG tags if Twitter-specific ones aren't present. The most common twitter:card value is "summary_large_image" which displays a large preview image — the same format you see on most shared links.
How to Use This OG Tag Checker
Simply enter any public URL in the field above and click "Check OG Tags." Our tool uses the SnapAPI Extract API to fetch your page and parse all Open Graph and Twitter Card meta tags. You'll see a simulated social media preview showing exactly how your link will look when shared, plus a detailed breakdown of every tag found. Use this to debug missing tags, verify image dimensions, and ensure your content looks great everywhere it's shared.
Common OG Tag Mistakes
The most frequent issues we see: missing og:image (no preview image at all), images that are too small (under 200×200px), og:title that's too long and gets truncated, and duplicate or conflicting tags. Another common mistake is using relative URLs for og:image instead of absolute URLs — social media crawlers can't resolve relative paths. Always use full URLs starting with https://.