SPA e SEO: por que o Google e as IAs não leem o seu site React

Uma Single Page Application entrega ao navegador um HTML quase vazio e monta a página com JavaScript. Para o usuário, funciona. Para os robôs, é outra história: alguns executam o JavaScript com atraso, outros nem tentam.

O que cada robô vê

• Google: executa JavaScript, mas numa segunda etapa que pode levar dias, e com limites.
• Bing e outros buscadores: suporte mais limitado.
• Robôs de IA (dos assistentes que respondem perguntas): em geral leem só o HTML. Num site SPA, encontram uma página em branco.
• Redes sociais: a prévia do link usa as metatags do HTML inicial — todas as páginas aparecem iguais.

A solução: HTML completo desde o início

• Pré-renderização estática: no momento do build, cada rota é transformada em HTML com todo o conteúdo. Ideal para sites institucionais, blogs e catálogos.
• Renderização no servidor (SSR): o HTML é gerado a cada acesso. Para conteúdo que muda muito.

Depois que o HTML chega, o React assume a página e a interatividade continua igual.

Bônus de performance

Com o conteúdo no HTML, o LCP melhora muito, porque a página não espera o JavaScript para aparecer (LCP alto por causa da imagem principal? 6 ajustes que resolvem na maioria dos sites).

Complementos

• Título e descrição próprios para cada página.
• Dados estruturados (Dados estruturados (schema.org): o que marcar no site da sua empresa).
• Arquivo llms.txt para orientar IAs (llms.txt e GEO técnico: como preparar o site para ser citado por IAs).

A escolha do framework influencia como isso é feito — veja Next.js ou Vite: qual base escolher para o seu próximo projeto web.

Este site, com 3D e blog, é totalmente pré-renderizado. Veja SEO, GEO & AIO da We Codex ou fale com a gente.