SEO Checklist

How to rank AI-generated websites (React, SPAs) on Google.

The Architecture Problem

By default, AI website builders often output raw React or Single Page Applications (SPAs). Because SPAs rely on Client-Side Rendering (CSR), Google's crawlers see an empty page when they first visit. To fix this, you must use a framework like Next.js or Astro to enable Server-Side Rendering (SSR) or Static Site Generation (SSG). Once the architecture is fixed, follow these 5 steps.

1. Google Search Console

You must explicitly tell Google your website exists. Go to Google Search Console, add your domain as a property, and verify ownership using a DNS TXT record or HTML tag.

2. XML Sitemap

Generate a sitemap.xml file containing all the URLs of your website. Submit this exact URL (e.g., yourdomain.com/sitemap.xml) into the Sitemaps section of Google Search Console so crawlers know exactly which pages to index.

3. Meta Tags & Keywords

Use Google Trends and Keyword Planner to find exactly what your customers are searching for. Inject these keywords naturally into your <title> tags and <meta name="description">. These tags are what people actually see in the Google search results.

4. Heading Structure

Never use headings just to make text bigger. Structure your page logically: One <h1> per page for the main topic, <h2> for major sections, and <h3> for sub-sections. Google uses this hierarchy to understand context.

5. JSON-LD Schema

Add structured data (JSON-LD) to your <head>. This code explicitly tells search engines exactly who you are, what services you offer, and where you are located, increasing your chances of getting Rich Snippets.