Corrigir conteúdo com carregamento lento

Adiar o carregamento de conteúdo não crítico ou não visível, processo também conhecido como "carregamento lento", é uma prática recomendada comum de UX e de desempenho. Para saber mais, consulte os recursos do web.dev sobre carregamento lento de imagens e vídeos. No entanto, se essa técnica não for implementada de forma correta, talvez o conteúdo não seja exibido no Google. Este documento explica como garantir que o Google possa rastrear e indexar conteúdo com carregamento lento.

Carregar conteúdo quando ele estiver na janela de visualização

Para garantir que o Google detecte todo o conteúdo da página, confira se a implementação de carregamento lento abrange todo o conteúdo relevante sempre que ele está na janela de visualização. Confira alguns métodos para implementar o carregamento lento:

Os métodos mencionados não dependem de ações do usuário, como rolagem ou clique, para carregar conteúdo, o que é importante porque a Pesquisa Google não interage com sua página.

Não adicione o carregamento lento a conteúdo que provavelmente será mostrado de imediato quando um usuário abrir uma página. Isso pode fazer com que o conteúdo demore mais para carregar e aparecer no navegador, o que será muito perceptível para o usuário.

Teste sua implementação.

Compatibilidade de carregamento paginado com rolagem infinita

De modo geral, a rolagem infinita é uma técnica que carrega mais conteúdo, mais páginas distintas, à medida que o usuário rola para baixo em uma página longa. Pode ser um artigo longo dividido em vários blocos ou uma coleção de itens divididos de maneira semelhante. Para implementar a rolagem infinita de uma maneira indexável, verifique se o site oferece suporte ao carregamento paginado desses blocos, fazendo o seguinte:

  • Dê a cada bloco um URL exclusivo e persistente.
  • O conteúdo mostrado em cada URL precisa ser o mesmo sempre que for carregado em um navegador. Uma maneira de fazer isso é usar números de página absolutos no URL, por exemplo, usando ?page=12 como um parâmetro de consulta.
  • Evite usar elementos relativos, como ?date=yesterday, nesses URLs. Isso permite que os mecanismos de pesquisa e os usuários encontrem consistentemente o mesmo conteúdo em um determinado URL, facilitando a indexação adequada e permitindo que os usuários compartilhem e interajam novamente com essa parte do seu conteúdo.
  • Vincule os URLs individuais de forma sequencial para que os mecanismos de pesquisa possam descobrir os URLs em um conjunto paginado. Saiba mais sobre práticas recomendadas para implementar a paginação.
  • Quando um novo bloco de página é carregado em resposta à rolagem do usuário e se torna o elemento principal visível para ele, atualize o URL exibido usando a API History. Isso permite que o usuário atualize, compartilhe e vincule o URL atual exibido no navegador.

Teste

Depois de configurar sua implementação, confira se ela funciona corretamente. Use a Ferramenta de inspeção de URL no Search Console para conferir se todo o conteúdo foi carregado. Verifique o HTML renderizado para garantir que seu conteúdo esteja nele. Para isso, procure o conteúdo na Ferramenta de inspeção de URL. Se os URLs de imagem ou vídeo aparecerem no atributo src nos elementos <img> ou <video> no HTML renderizado, a configuração vai funcionar corretamente.