OG Checker
The fastest way to validate your OG tags across every social platform
What are OG tags?
OG tags — short for Open Graph tags — are the invisible layer that controls how your content looks when someone shares it. Five core tags do the heavy lifting: og:title sets the headline, og:description provides the snippet, og:image defines the preview image, og:url specifies the canonical address, and og:type tells platforms whether it's a website, article, or other content type.
Getting these five tags right covers 90% of link preview quality. But "right" means different things on different platforms. Twitter truncates titles at 70 characters while LinkedIn allows 150. Facebook requires images at least 200x200 pixels while Pinterest prefers 600x900 portrait images. WhatsApp crops everything to a square. A single set of OG tags needs to work acceptably across all of them.
That's where validation becomes essential. Unfurli's OG checker reads your tags the same way platform crawlers do — via HTTP request with a bot user-agent — and evaluates every tag against each platform's specific rules. It catches issues that are invisible when you're just looking at your HTML: images that resolve to 404s, URLs that redirect to different domains, descriptions that get cut off mid-sentence on specific platforms.
OG tag size requirements by platform
| Platform | Recommended Size | Aspect Ratio |
|---|---|---|
| Twitter / X | 1200 x 628 px | 1.91:1 |
| 1200 x 630 px | 1.91:1 | |
| 1200 x 627 px | 1.91:1 | |
| 400 x 400 px | 1:1 | |
| Slack | 500 x 250 px | 2:1 |
| Discord | 400 x 200 px | 2:1 |
| 600 x 900 px | 2:3 | |
| Telegram | 1200 x 628 px | 1.91:1 |
Common OG tag issues and how to fix them
1. Required OG tags missing entirely
Without og:title, og:image, and og:url, platforms have to guess what to show. Some will pull the <title> tag and a random image from your page; others will show a plain text link with no preview at all.
<!-- Minimum viable OG tags --> <meta property="og:title" content="Your Page Title" /> <meta property="og:description" content="A concise description under 160 chars." /> <meta property="og:image" content="https://example.com/og.png" /> <meta property="og:url" content="https://example.com/page" /> <meta property="og:type" content="website" />
2. OG tags not in the <head> section
OG meta tags must be inside <head>, not <body>. Crawlers only parse the head section for meta tags. If your CMS or framework injects them into the body, they'll be ignored.
3. og:image using a relative URL
Social media crawlers can't resolve relative paths like /images/og.png. OG image URLs must be absolute, starting with https://.
<!-- Won't work --> <meta property="og:image" content="/images/og.png" /> <!-- Works --> <meta property="og:image" content="https://example.com/images/og.png" />
4. og:type set incorrectly for blog posts
Homepages should use og:type 'website'. Blog posts and articles should use 'article' — this unlocks additional tags like article:published_time and article:author that improve how platforms display your content.
<!-- For articles/blog posts --> <meta property="og:type" content="article" /> <meta property="article:published_time" content="2026-03-30T00:00:00Z" /> <meta property="article:author" content="https://example.com/about" />
Frequently Asked Questions
What are OG tags?▾
OG (Open Graph) tags are HTML meta elements that define how your page appears when shared as a link on social media, messaging apps, and collaboration tools. They sit in your page's <head> section and control the title, description, image, and URL shown in link preview cards.
Which OG tags are required?▾
The Open Graph protocol specifies four required tags: og:title (the page title), og:type (content type like 'website' or 'article'), og:image (preview image URL), and og:url (canonical page URL). In practice, og:description is also essential — without it, most platforms show a blank or auto-generated snippet.
How do I add OG tags to my website?▾
Add <meta property='og:...'> tags inside the <head> of your HTML. In Next.js, use the metadata export. In WordPress, use Yoast SEO or RankMath. In Shopify, OG tags are generated from product data automatically but can be overridden in your theme's layout.liquid. Always use absolute HTTPS URLs for og:image and og:url.
Do OG tags help SEO?▾
OG tags don't directly affect Google search rankings — Google uses its own title and description parsing. However, good OG tags dramatically increase social media engagement. More clicks from social sharing drive more traffic, which can indirectly improve your search performance over time.
What's the difference between OG tags and regular meta tags?▾
Regular meta tags like <meta name='description'> target search engines. OG tags like <meta property='og:description'> target social platforms. They can have different values — your SEO description might be keyword-optimized while your OG description is written to encourage clicks on social media.
How do I validate my OG tags?▾
Paste your URL into Unfurli's OG checker above. It reads your tags exactly like social media crawlers do and validates each one against the requirements of 9 platforms. You'll get a score from 0-100 with specific fix suggestions for every issue found.