Technical SEO for React and Vite Websites

Make routes real, not just client-side states

A URL should load the correct page when opened directly, refreshed or visited from an external link. If the application uses client-side routing, configure server fallback or generate static HTML for important routes. Verify the HTTP response and rendered page, not only the browser after navigating from home.

Each indexable route needs a unique title, description, canonical and useful body content. Avoid sending every route to the same homepage metadata.

Keep sitemap and robots aligned

A sitemap should list only canonical, indexable URLs that return a successful response. Robots rules control crawling; they do not remove an already indexed URL. Check redirects, trailing slashes, host variants and noindex rules together.

• Generate the sitemap from one route source of truth.
• Use absolute canonical URLs on the production domain.
• Do not list preview, query-string or duplicate URLs.
• Test sitemap XML and robots.txt in the production build.

Test the built output

Inspect generated HTML for duplicate head tags, missing headings and links that point to non-existent routes. Run automated checks in CI and sample important pages in a browser. Search Console remains necessary to observe Google's actual crawling and indexing.