Como o Google processa JavaScript
O Google realiza o processamento de aplicações web baseadas em JavaScript em três etapas fundamentais: rastreamento, renderização e indexação. Inicialmente, o Googlebot busca URLs a partir da fila de rastreamento, realizando requisições HTTP para obter o conteúdo. Durante essa fase, o arquivo robots.txt é verificado para garantir que a página não esteja bloqueada para rastreamento. Se bloqueada, o Googlebot não faz a requisição e ignora a página.
Após a resposta, o Google extrai os links presentes no HTML e os adiciona à fila de rastreamento. Embora o uso de JavaScript para injetar links no DOM seja permitido, é essencial que esses links sejam estruturados conforme as melhores práticas para que os bots possam acessá-los corretamente.
Em sites que utilizam o modelo de shell do aplicativo, o HTML inicial pode não conter o conteúdo da página, requerendo que o Google execute o JavaScript para gerar o conteúdo completo. Nesse momento, as páginas entram em uma fila de renderização e são processadas usando uma versão headless do Chromium, o que permite o carregamento dinâmico do conteúdo JavaScript. Após a renderização, o Google extrai novamente os links e realiza a indexação do conteúdo apresentado.
Para otimizar esse processo, a renderização prévia ou no servidor ainda é recomendada, pois atribui maior velocidade ao site e assegura compatibilidade com bots não aptos a executar JavaScript.
Descreva sua página com títulos e snippets exclusivos
Elementos como o título da página, definido via a tag <title>, e as metadescrições são cruciais para que usuários e mecanismos de busca entendam rapidamente o conteúdo e o propósito da página. Estes elementos podem ser dinamicamente definidos ou alterados por JavaScript, proporcionando flexibilidade para conteúdos dinâmicos.
Títulos claros, descritivos e únicos, bem como metadescrições que resumem de forma precisa o conteúdo, ajudam a aumentar a taxa de cliques (CTR) nos resultados de pesquisa e melhoram a experiência do usuário.
Escreva código compatível
Como a linguagem JavaScript está em constante evolução e os navegadores suportam diversas APIs, é fundamental garantir compatibilidade com o Googlebot, que tem limitações específicas quanto às APIs que pode executar. Para tanto, é recomendável seguir as diretrizes estabelecidas pelo Google para solução de problemas com JavaScript.
Uma prática comum para lidar com a ausência de algumas APIs em determinados ambientes é o uso de polyfills e o conceito de diferenciação de exibição, permitindo que versões alternativas do código sejam entregues a navegadores ou bots com capacidades distintas. Contudo, algumas APIs não possuem suporte para polyfills, por isso é importante consultar a documentação e planejar soluções adequadas.
Use códigos de status HTTP significativos
O Googlebot utiliza códigos de status HTTP para interpretar o estado das páginas acessadas. Códigos como 404 indicam páginas não encontradas, enquanto 401 sinalizam páginas protegidas por autenticação. Utilizar esses códigos corretamente assegura que o Google compreenda adequadamente o status do conteúdo.
Além disso, códigos HTTP adequados favorecem o correto funcionamento da indexação e manutenção do índice de pesquisa atualizado, especialmente quando URLs são migrados ou removidos.
Evite erros soft 404 em apps de página única
Aplicações de página única (SPA) que executam o roteamento no cliente frequentemente não conseguem retornar códigos HTTP precisos, uma vez que a maior parte do conteúdo é carregada dinamicamente via JavaScript.
Para prevenir que o Google interprete páginas inexistentes como soft 404 (quando o conteúdo informa erro, mas o código HTTP é 200), recomenda-se implementar uma destas abordagens:
- Executar um redirecionamento via JavaScript para uma página que retorne código HTTP
404(por exemplo,/not-found). - Adicionar uma tag
metarobots com o atributonoindexem páginas de erro, impedindo a indexação.
Use a API History em vez de fragmentos
Para garantir que os links do seu aplicativo sejam rastreados corretamente, utilize a API History para controlar o roteamento no lado do cliente. O Google reconhece links <a> que possuem atributo href com URLs acessíveis. Por outro lado, o uso de fragmentos de URL (exemplo: #/pagina) dificulta a indexação, pois o Googlebot tem limitações em resolver esses fragmentos como URLs distintos.
Implementar a API History permite atualizar a URL exibida no navegador sem recarregar a página, além de preservar a navegação do usuário, garantindo rastreabilidade para os motores de busca.
Injete a tag de link rel=”canonical” corretamente
A tag rel="canonical" informa ao Google qual versão da página deve ser considerada a principal para indexação, evitando problemas de conteúdo duplicado. Embora não seja a prática recomendada, é possível realizar essa injeção via JavaScript.
Se optar por esse método, certifique-se de não criar múltiplas tags canônicas conflitantes na mesma página, o que pode causar resultados imprevisíveis no índice do Google.
Use as tags meta robots com cuidado
As tags meta robots controlam se uma página deve ser indexada e se seus links devem ser seguidos pelo Google. A tag:
<meta name="robots" content="noindex, nofollow">
impede totalmente a indexação da página e que seus links sejam seguidos.
Você pode alterar ou adicionar essa tag com JavaScript para controlar a indexação de páginas dinâmicas baseadas em respostas de APIs ou outras condições de runtime.
Contudo, caso o Google encontre uma tag noindex antes da execução do JavaScript, ele pode abandonar a renderização e indexação da página, não importando se a tag for depois removida por código.
Portanto, evite usar noindex diretamente no HTML inicial caso deseje que a página seja indexada e modificações dinâmicas via JavaScript talvez não surtam efeito.
Use armazenamento em cache de longa duração
Para otimizar o desempenho e o processo de rastreamento, é recomendável aplicar práticas de cache eficiente, como o uso de versões assinadas ou com fingerprint no nome do arquivo, para garantir que o navegador e o Google utilizem o conteúdo atualizado apenas quando necessário.
Essa técnica ajuda a reduzir o uso de recursos do Googlebot e acelera o carregamento das páginas para todos os usuários.
Use dados estruturados
Incorporar dados estruturados com formatos compatibles, como JSON-LD, facilita a compreensão do conteúdo pelo Google, permitindo a exibição de resultados enriquecidos na pesquisa.
Recomenda-se utilizar JavaScript para gerar e injetar esses dados nas páginas, além de validar a implementação através de ferramentas específicas para evitar erros que prejudiquem a indexação.
Siga as práticas recomendadas para componentes da Web
Componentes da Web (Web Components) podem ser utilizados, desde que o conteúdo importante esteja disponível no HTML renderizado após a execução do JavaScript.
Como o Google nivelará o conteúdo do shadow DOM e do light DOM, a implementação correta é fundamental para garantir a indexação do conteúdo apresentado. O uso de slots permite que o conteúdo previsto pelo desenvolvedor seja exibido corretamente para o Google.
Ferramentas como o Teste de Pesquisa Aprimorada e a Ferramenta de Inspeção de URL ajudam a verificar se o conteúdo está visível para o Google após renderização.
Corrija imagens e conteúdo de carregamento lento
Embora o carregamento lento (lazy loading) seja uma prática recomendada para otimizar o desempenho, seu uso deve ser feito com cuidado para que o Google possa indexar imagens importantes.
Seguir as diretrizes oficiais para carregamento lento assegura que as imagens sejam carregadas para o Googlebot da maneira apropriada, evitando invisibilidade de conteúdo essencial.
Design para acessibilidade
Um site bem projetado é aquele acessível tanto para usuários quanto para mecanismos de busca. Isso inclui garantir que o conteúdo relevante esteja disponível para navegadores sem JavaScript ativo e tecnologias assistivas.
Uma forma prática de testar isso é desabilitar o JavaScript no navegador ou visualizar a página em um navegador somente texto, como o Lynx, para assegurar que o conteúdo principal do seu site esteja claramente visível.
Esse cuidado não apenas amplia o público potencial, mas também ajuda o Google a indexar seu conteúdo de forma eficiente.