Sites em React e JavaScript: por que sites modernos podem ser invisíveis para o Google e para as IAs

Resposta direta: quando um site é construído como aplicação JavaScript pura (client-side rendering), o servidor entrega um HTML quase vazio e o conteúdo só aparece depois que o navegador executa os scripts. O Google até consegue processar isso — com atrasos e falhas —, mas a maioria dos crawlers de IA não executa JavaScript: para ChatGPT, Claude e Perplexity, um site assim pode ser uma página em branco. A solução é exigir SSR (renderização no servidor) ou SSG (geração estática): o conteúdo completo presente no HTML desde o primeiro byte.

O paradoxo do site moderno e invisível

É perfeitamente possível — e comum — ter um site caro, rápido no navegador e visualmente impecável que ranqueia mal e nunca é citado por IA. O usuário vê tudo; o robô, que não espera scripts carregarem, vê um <div id="root"></div> vazio. O problema não é usar React, Vue ou Angular — é como o conteúdo chega ao cliente.

CSR, SSR e SSG sem tecniquês

Para o site público de uma empresa, SSR ou SSG não é preferência técnica — é requisito comercial. E um site tradicional bem construído (HTML renderizado no servidor, como um Django, um WordPress otimizado ou um site estático) já entrega isso por natureza.

Google processa JavaScript. As IAs, em geral, não.

O Googlebot renderiza JavaScript em uma segunda etapa, com fila e orçamento limitados — funciona, mas com atraso de indexação e risco de conteúdo perdido. Já os crawlers de IA fazem majoritariamente leitura direta do HTML: o que não está no HTML inicial não existe para eles. Na era do GEO, depender de renderização no navegador é abrir mão das citações em IA por decisão de arquitetura.

Teste seu site agora (2 minutos)

1. Desative o JavaScript no navegador (DevTools → Settings → Disable JavaScript) e recarregue seu site. O texto principal aparece? Menu e links funcionam?
2. Veja o código-fonte (Ctrl+U) e procure um parágrafo do seu texto. Está lá? Se só aparecer scripts e uma div vazia, seu conteúdo é invisível para leitores de HTML;
3. Inspecione a URL no Search Console e compare o HTML renderizado com o que você espera;
4. Cheque as páginas críticas: home, serviços e blog são as que não podem falhar.

Sinais de alerta em orçamentos de site

• "Vamos fazer uma SPA super moderna" para um site institucional — pergunte como fica o SEO e exija SSR/SSG por escrito;
• Portfólio da agência com sites que falham no teste do JavaScript desligado;
• Promessa de "resolver o SEO depois com pré-renderização" — remendo frágil para um problema que não deveria existir;
• Nenhuma menção a renderização na proposta — em 2026, isso é item de contrato, como responsividade e SSL.

Perguntas frequentes

Tenho um site em React que não ranqueia. Preciso refazer do zero?

Nem sempre. Frameworks como Next.js permitem migrar para SSR/SSG aproveitando parte do código. Em sites institucionais menores, porém, refazer com arquitetura correta costuma ser mais rápido e barato que remendar.

Animações e interatividade dependem de JavaScript. Terei um site "parado"?

Não. SSR/SSG define como o conteúdo é entregue, não o quanto o site é interativo: o HTML chega completo e o JavaScript assume depois para animar e interagir (hidratação). Você tem os dois: robôs leem tudo, usuários têm a experiência rica.

WordPress tem esse problema?

Em geral não — temas tradicionais renderizam no servidor. O risco aparece com page builders pesados ou temas "headless" mal configurados. O teste do JavaScript desligado responde em qualquer plataforma.

Quer um site preparado para o Google e para as IAs?

A MW7 Design cria sites profissionais sob medida, com SEO técnico, performance e estrutura pensada para buscadores e mecanismos de IA. Conheça nosso serviço de criação de sites ou fale com um especialista no WhatsApp.