SEO & Performance

Automatic SEO

XAIO generates SEO-friendly code by default:

• Semantic HTML (header, main, nav, footer, article)
• Proper heading hierarchy (h1 → h2 → h3)
• Alt text on images
• Responsive meta viewport tag

Asking the AI for SEO

You can ask the AI to optimize further:

• "Add SEO meta tags to all pages"
• "Add Open Graph tags for social sharing"
• "Optimize the page titles and descriptions"
• "Add structured data markup for the FAQ section"
• "Create a sitemap.xml"

Performance

XAIO-generated sites are fast by default:

• Code splitting — Only load what's needed
• Lazy loading — Images load on scroll
• Vite build — Optimized production bundles
• CDN delivery — Global edge caching via CloudFront

Tips for Better SEO

• Use descriptive page titles ("Pricing | YourApp" not just "Page 2")
• Ask the AI to add meta descriptions to each page
• Use proper heading structure (one h1 per page)
• Add alt text to all images
• Include internal links between pages
• Keep important content above the fold

Social Sharing

Ask the AI to add Open Graph tags:

• "Add og:title, og:description, and og:image tags for social sharing"
• The AI generates proper meta tags in the HTML head