O que é renderização? Como o Google processa e enxerga suas páginas
Renderização é o processo em que um navegador ou o Google transforma o código de uma página (HTML, CSS e JavaScript) no conteúdo final que uma pessoa vê na tela. Em SEO, ela define quais textos, links e dados o buscador enxerga antes de decidir o que entra no índice.
A palavra também é usada em modelagem 3D e edição de vídeo, onde significa gerar a imagem final de uma cena. Nos dados do SE Ranking para o Brasil, "renderização" tem 3.600 buscas por mês, somando todos esses sentidos. Aqui, o assunto é o sentido usado em sites: se o conteúdo principal só aparece depois da renderização e ela falha, o Google indexa uma página incompleta.
Como funciona a renderização
O navegador recebe o HTML, baixa CSS, imagens e scripts, executa o JavaScript e desenha a página. O Google faz o mesmo em três fases descritas na documentação do Search Central:
- Rastreamento. O Googlebot confere o robots.txt, baixa o HTML e separa os links encontrados.
- Renderização. A página entra em uma fila. Quando há recursos disponíveis, um Chromium sem interface gráfica executa o JavaScript e gera o HTML final.
- Indexação. O Google analisa o HTML renderizado e guarda o conteúdo no índice.
Segundo o Google, a página fica na fila por alguns segundos, mas o tempo aumenta em certos casos. Entre o rastreamento e a execução do JavaScript existe um intervalo, e o conteúdo gerado por script só é processado depois dele.
Tipos de renderização em sites
A diferença entre os tipos está em onde e quando o HTML final é montado:
- Client-side rendering (CSR): o servidor entrega um HTML quase vazio e o JavaScript monta a página no navegador. O Google precisa da fase de renderização para ler o conteúdo.
- Server-side rendering (SSR): o servidor monta o HTML completo a cada pedido e entrega tudo pronto. Next.js e Nuxt oferecem esse modo.
- Renderização estática (SSG): o HTML é gerado uma vez, na publicação do site, e servido como arquivo. É o modo mais simples de rastrear e funciona bem em blogs e páginas institucionais.
- Hidratação: o servidor entrega o HTML pronto e o JavaScript adiciona a interatividade depois. Une a leitura imediata do SSR com a experiência de um aplicativo.
- Renderização dinâmica: o servidor entrega uma versão pré-renderizada só para robôs. O Google classifica essa técnica como solução paliativa e recomenda SSR, renderização estática ou hidratação no lugar dela.
No Brasil, "server side rendering" tem 210 buscas por mês e "client side rendering" tem 30, segundo o SE Ranking.
Por que a renderização importa para SEO
- Conteúdo invisível não ranqueia. Texto que depende de um script bloqueado ou de um clique não chega à indexação.
- Links gerados por script atrasam a descoberta. Se o menu só existe depois da renderização, o Google encontra as páginas internas mais tarde.
- Nem todo robô executa JavaScript. O próprio Google afirma que SSR e pré-renderização continuam sendo boas escolhas porque nem todos os robôs rodam scripts.
- Performance afeta o usuário. Páginas que dependem de muito JavaScript demoram mais para exibir o conteúdo principal, e isso aparece nas Core Web Vitals.
Como verificar a renderização do seu site
- Compare código-fonte e página renderizada. No Chrome, abra
view-source:com a URL e procure um trecho do texto principal. Se ele não está lá, a página depende de JavaScript. - Desative o JavaScript. No DevTools, abra o menu de comandos e escolha "Disable JavaScript". O que sumir da tela depende de renderização.
- Use a Inspeção de URL. No Search Console, rode "Testar URL ativa" e abra "Ver página testada". Confira o HTML gerado e a captura de tela.
- Veja os recursos bloqueados. Na mesma tela, em "Mais informações", procure scripts e arquivos CSS que não carregaram. Bloqueios costumam vir do robots.txt.
- Rastreie o site com JavaScript ligado. No Screaming Frog, ative o modo JavaScript em Configuration, Spider, Rendering, e compare o conteúdo e os links com os do rastreamento em HTML puro.
Um exemplo: uma loja de móveis em React carrega a descrição dos produtos por uma API, depois que a página abre. No view-source:, a página traz só o nome do produto. A Inspeção de URL mostra que a API responde devagar e a descrição não aparece no HTML renderizado. A correção é levar a descrição para o HTML inicial com SSR, deixando no JavaScript apenas galeria e carrinho.
Se você não sabe o que o Google consegue ler das suas páginas, o diagnóstico de SEO gratuito da ASM Digital compara o HTML inicial com o renderizado.
Erros comuns
- Bloquear JavaScript ou CSS no robots.txt. O Google não executa arquivos bloqueados e enxerga uma página quebrada.
- Colocar noindex no HTML e remover com JavaScript. Ao encontrar o noindex no código original, o Google pula a renderização, e a remoção nunca acontece.
- Exigir interação para mostrar conteúdo. O Googlebot não clica em botões nem digita em campos. O texto precisa estar carregado sem ação do usuário.
- Devolver status 200 em páginas de erro. O Google renderiza as páginas com status 200. Em respostas fora disso, como 404, a renderização é pulada em alguns casos, então o status code HTTP precisa refletir o estado real da página.
- Trocar o canonical por JavaScript. O Google prefere o canonical no HTML. Se o script alterar a tag, o valor precisa bater com o original.
Renderização vs indexação
As duas etapas são sequenciais e têm funções diferentes. A renderização produz a versão final da página. A indexação analisa essa versão e decide o que guardar no índice. Uma página renderizada sem erro continua fora do Google quando a indexação a descarta, por exemplo, por ser duplicada ou ter pouco valor. O relatório de páginas do Search Console mostra os motivos de exclusão.
Perguntas frequentes
O Google renderiza todas as páginas?
O Google envia para a fila de renderização as páginas com status 200, tenham JavaScript ou não. Páginas com noindex não entram na fila, e em respostas de erro a etapa é pulada em alguns casos.
Quanto tempo o Google leva para renderizar uma página?
A documentação informa que a página fica na fila por alguns segundos e que o processo leva mais tempo em certos casos. O Google não publica um prazo fixo.
SSR é obrigatório para ranquear?
Não. O Google consegue ler páginas em CSR quando elas seguem as boas práticas. SSR e renderização estática reduzem o risco, porque o conteúdo já chega pronto no HTML inicial.
Renderização dinâmica ainda vale a pena?
Não como solução nova. A documentação do Google chama a técnica de paliativa, por criar complexidade extra, e indica SSR, renderização estática ou hidratação.
Termos relacionados
A renderização é uma das primeiras frentes em sites feitos com frameworks de JavaScript. A equipe de SEO técnico da ASM Digital audita o que o Google lê em cada template e define o modo de renderização certo para o seu site.