What Are Open Graph Tags?
Open Graph (OG) tags are meta tags that control how your web pages appear when shared on social media platforms like Facebook, LinkedIn, Twitter/X, and messaging apps like Slack and WhatsApp.
<meta property="og:title" content="Free SEO Audit Tool" />
<meta property="og:description" content="Analyze your site's SEO health in minutes." />
<meta property="og:image" content="https://example.com/og-image.png" />
<meta property="og:url" content="https://example.com/" />
<meta property="og:type" content="website" />
Without OG tags, platforms guess what to display — often pulling the wrong image, a truncated title, or no description at all.
Why Open Graph Tags Matter
First Impressions on Social Media
When someone shares your link, the OG tags determine the preview card. A well-crafted card with a compelling title, description, and image gets significantly more clicks than a bare URL.
Indirect SEO Impact
While OG tags don't directly affect search rankings, they drive social traffic. More shares and clicks lead to more visibility, more backlinks, and ultimately better SEO.
Brand Consistency
OG tags ensure your content looks professional and on-brand everywhere it's shared, regardless of the platform.
Essential Open Graph Tags
| Tag | Purpose | Best Practice |
|---|---|---|
og:title | Headline in the preview card | Keep under 60 characters, make it compelling |
og:description | Summary text below the title | 150–200 characters, include a value proposition |
og:image | Preview image | 1200×630 pixels, high quality, include brand elements |
og:url | Canonical URL of the page | Use the full absolute URL |
og:type | Content type | "website" for pages, "article" for blog posts |
og:site_name | Your brand name | Consistent across all pages |
Common Open Graph Issues
| Issue | Impact |
|---|---|
| Missing OG tags entirely | Platforms show generic or wrong previews |
| No og:image | Preview card has no visual, drastically lower click rate |
| Image too small | Gets cropped or not displayed at all |
| og:title identical to page title | Missed opportunity to optimize for social context |
| Outdated or wrong og:image | Cached image may show for weeks even after updating |
How to Implement OG Tags
1. Add Tags to Every Page
Every publicly accessible page should have at least og:title, og:description, og:image, and og:url.
2. Create Dedicated Social Images
The ideal OG image is 1200×630 pixels. Include your brand logo, a clear title, and visual context. Avoid relying on page screenshots.
3. Test Before Publishing
Use platform debugging tools to preview how your cards will look:
- Facebook Sharing Debugger
- LinkedIn Post Inspector
- Twitter/X Card Validator
4. Handle Caching
Social platforms cache OG data aggressively. After updating OG tags, use each platform's debugging tool to force a re-scrape.
Checking OG Tags Across Your Site
For sites with many pages, manual checking isn't practical. An automated audit should:
- Find pages missing OG tags — no social preview at all
- Detect missing og:image — the most impactful issue
- Verify image dimensions — too small or wrong aspect ratio
- Check for empty values — tags present but with no content
- Flag duplicate OG tags — all pages sharing the same generic preview
Kaitico checks Open Graph tag presence and completeness for every page, flagging missing tags and issues that affect your social sharing previews.