SEO Assets Guide

Required Images for SEO Optimization

Please add the following images to the /public folder to complete the SEO setup:

1. Favicon Files

• favicon.svg - SVG format favicon (recommended for modern browsers)
• favicon.png - PNG format favicon (fallback, 32x32px or 48x48px)
• favicon.ico - ICO format (optional, for older browsers, 16x16px and 32x32px)

2. Open Graph / Social Media Image

• og-image.png - Social media preview image
  • Recommended size: 1200x630px
  • Format: PNG or JPG
  • Used when sharing links on Facebook, Twitter, LinkedIn, etc.

3. Apple Touch Icons (Optional but Recommended)

• apple-touch-icon.png - 180x180px for iOS home screen

Image Design Tips

Favicon

• Should be simple and recognizable at small sizes
• Use your app's logo or a simplified version
• Ensure good contrast for visibility

OG Image

• Include your app logo prominently
• Add tagline or key feature text
• Use high contrast colors
• Avoid text smaller than 40px
• Preview how it looks at 600x315px (thumbnail size)

After Adding Images

1. Rebuild the site: npm run docs:build
2. Test the social media preview:
   • Facebook: https://developers.facebook.com/tools/debug/
   • Twitter: https://cards-dev.twitter.com/validator
   • LinkedIn: https://www.linkedin.com/post-inspector/

Current Status

• ✅ robots.txt configured
• ✅ sitemap.xml configured
• ✅ Meta tags added
• ✅ Structured data (Schema.org) added
• ⏳ Images needed (favicon, og-image)