📱 Social Card Preview

💡 What are Open Graph Tags?

Open Graph (OG) tags are meta tags in your HTML head that control how your webpage appears when shared on social media. Proper OG tags make your links display as rich cards on Facebook, Twitter, LinkedIn, and more.

Essential OG Tags

og:title - Card title (keep under 70 chars)

og:description - Card description (150-200 chars)

og:image - Card image (1200×630px recommended)

og:url - Page canonical URL

Best Practices

✅ Image size: 1200×630px (1.91:1 ratio for OG standard)

✅ Keep titles concise, 40-70 characters

✅ Summarize page content in 150-200 characters

❌ Avoid text in images (cropping varies by platform)

❌ Don't exceed 90 chars for title (will be truncated)