SEO para JavaScript cuida de sites cujo conteúdo depende de scripts no navegador. O Google processa essas páginas em três fases: rastreamento, renderização e indexação, com possibilidade de espera entre elas. Um site em JavaScript pode ser indexado, mas falhas que um usuário nem percebe podem esconder conteúdo do buscador.
Diferença entre HTML servido e HTML renderizado
- Rode curl em uma URL, ou desative o JavaScript no navegador, e veja o que chega no documento inicial.
- Procure no resultado o título, o conteúdo principal, o canonical e os links.
- Na Inspeção de URL, abra Ver a página testada para ler o HTML renderizado, a captura de tela, o console e os recursos.
- O Teste de pesquisa aprimorada também mostra o HTML renderizado, para quem não tem acesso à propriedade.
- Compare: o que está no renderizado e falta no inicial depende de a renderização dar certo.
Armadilhas específicas em SPAs
- Roteamento por #: use a History API, porque fragmentos não são confiáveis para mudar conteúdo.
- Soft 404: uma página de erro com status 200 pede redirecionamento para uma URL que responda 404 ou noindex por JavaScript.
- noindex no HTML original: ao vê-lo, o Google pode pular a renderização, então um script que o retire pode nunca rodar.
- Canonical por JavaScript: deve coincidir com o do HTML original, sem criar duplicidade.
- Status diferente de 200: a página pode não chegar à renderização.
Uma loja em que o catálogo só surge após o clique
Imagine uma loja hipotética em React com categorias que montam os produtos ao clicar em carregar mais, usando botões sem href. Para o visitante, funciona. Para o Google, que geralmente não clica, muitos produtos ficam sem link. A solução combina renderização no servidor ou pré-renderização da primeira página da listagem, que o Google ainda recomenda, e links a href para as páginas seguintes.
Como validar uma correção de renderização
Refaça o teste nas mesmas URLs e guarde o HTML renderizado. Acompanhe, no relatório Indexação de páginas, os grupos afetados, e depois as impressões dos templates. Um teste ao vivo aprovado só confirma que o Google conseguiu acessar a página naquele momento: não garante indexação. Também observe outros robôs, porque os documentos do Google recomendam SSR justamente porque nem todo sistema executa JavaScript.
Referência técnica
Para aprofundar, consulte guia do Google de SEO para JavaScript ↗. A SEOZILLA também disponibiliza ferramentas de SEO e um diagnóstico inicial gratuito.
Perguntas frequentes
Preciso migrar para SSR para ter SEO?
Não é um requisito, mas o Google recomenda renderização no servidor ou pré-renderização para pessoas e robôs. Em sites grandes ou de conteúdo que muda rápido, a diferença costuma ser mais clara.
Lazy loading esconde conteúdo do Google?
Pode esconder, quando a implementação depende de rolagem ou interação. Siga as orientações do Google sobre carregamento lento e confirme, no HTML renderizado, que o conteúdo apareceu.