Open Graph Preview

Preview

Facebook / LinkedIn

No image
example.com
Page Title
Page description will appear here...

Twitter (Large Image)

No image
Page Title
Page description will appear here...
example.com

Free Open Graph Preview Tool

Preview how your page will look when shared on Facebook, LinkedIn, and Twitter. Check your Open Graph meta tags and optimize for maximum engagement before publishing.

What Is Open Graph?

Open Graph is a protocol created by Facebook that allows web pages to control how they appear when shared on social media. By adding OG meta tags to your HTML, you define the title, description, image, and URL that social platforms display.

Recommended Sizes

  • og:image — 1200×630 pixels (Facebook, LinkedIn). Minimum 200×200 for Facebook.
  • og:title — Under 60 characters for best display. Maximum ~95 characters before truncation.
  • og:description — 2–4 sentences, under 200 characters for optimal display.

Essential Open Graph Tags

  • <meta property="og:title"> — Page title for sharing
  • <meta property="og:description"> — Page summary
  • <meta property="og:image"> — Preview image URL
  • <meta property="og:url"> — Canonical page URL
  • <meta property="og:type"> — Content type (website, article, etc.)

Frequently Asked Questions

Why doesn't Facebook show my updated OG image?

Facebook caches OG data. Use the Facebook Sharing Debugger to scrape your page again and update the cache.

Can I use different images for Facebook and Twitter?

Yes. Use og:image for Facebook/LinkedIn and twitter:image for Twitter. Twitter falls back to og:image if no Twitter-specific tag is set.