๐Ÿ”— OG Preview

See how your website looks when shared on social media

โœ“ 0 previews generated

โš ๏ธ URL fetching may not work for all sites due to CORS restrictions.

๐Ÿ–ผ๏ธ

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

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

  • twitter:card โ€” summary_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