Open Graph Preview
Preview how your website looks when shared on Google, Facebook, Twitter/X, and LinkedIn
Enter your Open Graph data
Preview
Free Open Graph Preview & Social Card Tester
Test and preview your Open Graph meta tags before publishing. See exactly how your pages will look when shared on Facebook, Twitter/X, LinkedIn, and in Google search results. Our free OG preview tool helps you optimize social media cards, improve click-through rates, and ensure your content looks professional across every platform.
Why Preview OG Tags?
- First impressions matter - Your social card is the first thing people see when your link is shared. A well-crafted preview dramatically increases clicks.
- Platform differences - Each platform renders social cards differently. Preview across Google, Facebook, Twitter/X, and LinkedIn to ensure consistency.
- Catch issues early - Spot truncated titles, missing images, or broken descriptions before your content goes live.
OG Tag Best Practices
- Title length - Keep og:title under 60 characters to avoid truncation on most platforms.
- Description length - og:description should be 120-160 characters for optimal display across platforms.
- Image dimensions - Use 1200×630 pixels at a 1.91:1 aspect ratio. Always use absolute URLs starting with https://.
Frequently Asked Questions
What are Open Graph tags?
Open Graph (OG) tags are HTML meta tags that control how your website content appears when shared on social media platforms like Facebook, Twitter/X, LinkedIn, and messaging apps. They define the title, description, image, and URL shown in the social media card preview.
Why are Open Graph tags important for SEO?
While Open Graph tags do not directly affect search engine rankings, they significantly impact click-through rates from social media. Well-optimized OG tags with compelling titles, descriptions, and images lead to more clicks, shares, and engagement, which can indirectly boost SEO through increased traffic and brand visibility.
What is the ideal Open Graph image size?
The recommended Open Graph image size is 1200×630 pixels (1.91:1 ratio) for optimal display across all platforms. Facebook recommends at least 600×315 pixels, while Twitter/X Cards work best with 1200×628 pixels. Always use high-quality images under 5MB in PNG or JPG format.
What is the difference between Open Graph tags and Twitter Cards?
Open Graph tags (og:title, og:description, og:image) are used by Facebook, LinkedIn, and most platforms. Twitter Cards (twitter:card, twitter:title, twitter:description, twitter:image) are Twitter/X specific. Twitter/X will fall back to OG tags if Twitter Card tags are not present, so most sites use both for maximum compatibility.
What Open Graph tags should every page have?
Every page should include at minimum: og:title (page title), og:description (brief summary), og:image (preview image URL), og:url (canonical URL), and og:type (usually "website" or "article"). For Twitter/X, also add twitter:card (usually "summary_large_image").
How do I debug Open Graph tags on my site?
Use this preview tool to see how your OG tags will render. For live debugging, use Facebook's Sharing Debugger (developers.facebook.com/tools/debug), Twitter/X Card Validator, and LinkedIn Post Inspector. These tools also let you clear cached previews after updating your tags.
Why is my Open Graph image not showing?
Common reasons include: the image URL is not absolute (must start with https://), the image is too small (minimum 200×200 pixels), the server blocks crawlers, the image format is unsupported, or the platform has cached an old version. Use platform-specific debuggers to clear the cache.
Can Swetrix help track social media traffic?
Yes! Swetrix tracks referral sources including social media platforms, so you can see how much traffic comes from Facebook, Twitter/X, LinkedIn, and other platforms. Combined with UTM parameters, you can measure the exact impact of your social sharing strategy.
Настав час позбутися Google Аналітики.
Втомилися від розчарувань, складності та проблем з приватністю Google Аналітики? Ми також. Саме тому ми створили Swetrix - етичну, відкриту і повністю cookie-free альтернативу.