Open Graph Preview

OG Preview

See how your website looks when shared on Facebook, X (Twitter) and LinkedIn — right in your browser.

  • Facebook · X · LinkedIn
  • Live preview
  • 100% client-side

Heads-up: the URL you enter is sent to an external, third-party proxy service to be fetched (and may fail for sites that block proxies) — please avoid URLs that contain private tokens or personal data. If it doesn't work, use Manual Input.

Enter your meta tag info above to see previews

Guide: Open Graph & Social Media Meta Tags

What are Open Graph Tags?

Open Graph (OG) tags are meta tags that control how your content appears when shared on social media platforms like Facebook, LinkedIn, and others.

Essential Tags

TagPurposeRecommendation
og:titleHeadline50-60 characters
og:descriptionSummary150-160 characters
og:imagePreview image1200×630px, absolute URL
og:urlCanonical URLFull URL with https://

Twitter-Specific Tags

X (Twitter) uses its own card system. If Twitter tags aren't set, it falls back to OG tags.

  • twitter:cardsummary_large_image for big images
  • twitter:title — Optional if og:title is set
  • twitter:description — Optional if og:description is set

Image Best Practices

  • Size: 1200×630px (1.91:1 ratio) works on all platforms
  • Format: JPG or PNG under 5MB
  • URL: Must be absolute (start with https://)
  • Content: Avoid too much text — may get cropped

Testing Tools