SEO TOOL

OG Preview

Preview how your Open Graph tags will appear when shared on Facebook, LinkedIn, and other platforms. Optimize your social sharing cards.

15/60 characters
107/200 characters

Recommended: 1200 × 630 pixels

Facebook Preview

No image provided

Example Site

My Awesome Page

A compelling description that makes people want to click through and learn more about this amazing content.

LinkedIn Preview

No image provided

My Awesome Page

example.com

Controlling How the World Sees Your Links

The Open Graph Protocol

Created by Facebook in 2010, the Open Graph protocol transforms URLs into rich preview cards. When someone pastes your link on Facebook, LinkedIn, Slack, Discord, or iMessage, these platforms fetch your OG tags to build a visual card with image, title, and description. Without OG tags, platforms guess from page content — often pulling the wrong image or truncated text. Pages with properly configured OG tags see 2–3x higher engagement on social shares.

The Perfect OG Image

The recommended OG image size is 1200 × 630 pixels(1.91:1 aspect ratio). Facebook displays images at this ratio in feed cards, and LinkedIn uses 1200 × 627. Keep critical text and logos within the center 80% — platforms may crop edges. File size should be under 8 MB, and Facebook recommends at least 600 × 315 pixels as the minimum. Images smaller than 200 × 200 pixels will not be displayed at all.

Cache and Debugging

Facebook aggressively caches OG data. If you update your tags, the old preview persists until you manually clear it using Facebook's Sharing Debugger. LinkedIn has a similar Post Inspector tool. Cache duration varies: Facebook caches for about 30 days, LinkedIn for 7 days, and Slack for about 60 minutes. Always test with the platform's official debugger before launching a campaign.

Essential OG Tags

Four tags are required: og:title (under 60 characters), og:description (under 200 characters), og:image (absolute URL to the image), and og:url (canonical URL of the page). Optional but recommended: og:type (website, article, product), og:site_name, and og:locale. For articles, add article:published_time and article:author.

Frequently Asked Questions

Why does my preview show the wrong image?

Most likely a caching issue. Use Facebook's Sharing Debugger to scrape the URL again and clear the cache. If the image still does not appear, verify: the image URL is absolute (not relative), the server does not block Facebook's crawler (user-agent: facebookexternalhit), the image file is under 8 MB, and the URL returns a 200 status code.

Should OG tags be different from meta tags?

They can be. Your page title might be optimized for SEO with keywords, while the og:title could be more engaging for social sharing. For example, SEO title: “Best Running Shoes 2024 | Brand Name” vs OG title: “We Tested 50 Running Shoes. These Won.” The social version is more click-worthy for feed browsing.

Do all platforms use Open Graph?

Facebook, LinkedIn, Pinterest, Discord, Slack, and iMessage all primarily use OG tags. Twitter uses its own Twitter Card markup but falls back to OG tags if Twitter-specific tags are missing. WhatsApp uses OG tags. Google does not use OG tags for search results but may use them for Google Discover. Setting both OG and Twitter Card tags covers all major platforms.