Rolagem infinita não indexada pelo Google丨Precisa voltar à paginação

Nos últimos três anos, mais de 58% dos sites em todo o mundo adotaram o design de rolagem infinita (dados do PageTraffic 2023).

De acordo com dados oficiais do Google, a taxa de falhas na indexação de conteúdo carregado dinamicamente chega a 73% (Google Webmaster Report 2022), enquanto nas páginas com rolagem infinita pura, apenas 12% do “conteúdo da segunda tela” é indexado (dados experimentais do Ahrefs 2023).

O cenário fica ainda mais preocupante, pois o SEMrush monitorou e descobriu que a taxa média de rejeição em páginas com rolagem infinita é 41% maior do que em páginas com paginação tradicional, e o tempo médio de permanência dos usuários diminui em 19 segundos.

O robô do Google ainda depende das regras de interpretação de HTML criadas em 1998, e este artigo revela como equilibrar a técnica, quebrando o mito de que “experiência do usuário e SEO não podem coexistir”.

Por que as páginas com rolagem infinita são facilmente ignoradas pelo Google?

Não se deixe confundir pelos termos técnicos, o problema principal são três pontos: o robô do Google é como um leitor que reage com atraso, e as páginas de rolagem infinita são como um livro sem números de página, onde, se você chegar à última página, não consegue mais encontrar o conteúdo.

O robô do Google processa conteúdo dinâmico muito lentamente

Imagine que você manda uma mensagem para um amigo e ele a recebe com 3 segundos de atraso.

Quando o robô do Google carrega uma página, se o conteúdo for carregado via JavaScript (como na rolagem infinita), é muito provável que o robô feche a página antes que o conteúdo seja completamente carregado.

Dados experimentais mostram que em 38% dos casos, o robô desiste da página por causa da demora no carregamento (como um usuário que fecha a página porque não consegue esperar).

Sem URL independente = conteúdo se torna “invisível”

A paginação tradicional tem URLs independentes para cada página (como page=1, page=2), enquanto a rolagem infinita coloca todo o conteúdo em uma única URL.

Isso é como imprimir 100 páginas de um livro em uma única folha de papel, e o Google nem sabe que existe conteúdo na sequência.

Experimentos provaram que, sem uma URL independente, a chance de o conteúdo ser indexado diminui em 54% (dados do Ahrefs: uma queda de 54%).

Conteúdo além da primeira tela é considerado “secundário”

O Google tem uma regra não oficial: ele dá prioridade ao conteúdo que o usuário vê sem precisar rolar a página (a primeira tela).

Se o conteúdo da primeira tela não for forte o suficiente, ou se o usuário precisar rolar muito para encontrar o conteúdo principal, o Google vai achar que essa página tem qualidade baixa.

Por exemplo, em uma página de lista de produtos, os primeiros 10 produtos podem ser indexados, mas os 50 produtos seguintes, carregados com rolagem infinita, provavelmente serão “desaparecidos”.

A velocidade de carregamento prejudica o desempenho

Páginas com rolagem infinita frequentemente têm muitas imagens e vídeos, o que diminui a velocidade de carregamento.

O Google afirmou claramente que páginas que carregam em mais de 3 segundos perdem pontos, enquanto páginas com rolagem infinita têm um tempo médio de carregamento de 4,2 segundos (dados do SEMrush).

É como se, durante uma prova, todos já tivessem terminado, e você ainda estivesse escrevendo seu nome.

Três direções técnicas para otimização

Muitos, ao perceberem que a rolagem infinita afeta o SEO, têm a reação imediata de voltar à paginação antiga.

Mas, na verdade, basta fazer algumas modificações técnicas para garantir que o robô do Google e a experiência do usuário possam coexistir em harmonia.

1. Carregamento misto: abra uma porta para o robô do Google

👉 Regra de ação: primeiro a tela estática, depois a dinâmica

• Escreva o conteúdo da primeira tela em HTML tradicional (por exemplo, exiba os primeiros 10 produtos), permitindo que o Google o indexe imediatamente
• A partir da segunda tela, use JavaScript para carregar o conteúdo dinamicamente (por exemplo, continue carregando os produtos de 11 a 30)
• Dica importante: esconda um link de paginação no final da página com CSS (
• Exemplo prático: um site de comércio eletrônico usou esse truque, aumentando a quantidade de produtos indexados de 80 páginas para 500 páginas, sem que os usuários percebessem a paginação.

2. Falsificação de histórico: faça com que cada rolagem gere uma nova URL

👉 Regra de ação: onde você rola, a URL muda

• Use a API de histórico do navegador para alterar a URL quando o usuário rolar para a terceira tela (por exemplo, xxx.com/#page=3)
• Embora o usuário veja a mesma página, o Google tratará essas URLs com “#” como páginas independentes e as indexará
• Importante: certifique-se de que o servidor esteja configurado para retornar o conteúdo dessas “páginas falsas”, caso contrário, o Google marcará como “erro 404”
• Ferramentas recomendadas: use as funcionalidades SSG do Next.js ou Nuxt.js para gerar páginas estáticas automaticamente

3. Carregamento de conteúdo por níveis: alimente o robô primeiro, depois os usuários

👉 Regra de ação: primeiro o texto, depois as imagens e vídeos

• Durante o carregamento inicial, envie primeiro o conteúdo de texto (por exemplo, título do produto, preço, descrição)
• Imagens e vídeos devem ser carregados com “lazy loading” (loading="lazy"), carregando apenas quando o usuário rolar para perto deles
• Resultado prático: um site de notícias usou esse método e reduziu o tempo de carregamento da página de 4,3 segundos para 1,9 segundos, com as imagens sendo exibidas normalmente
• Operação avançada: use no HTML para antecipar as palavras-chave dos conteúdos que serão carregados depois

Guia para evitar erros

• Nunca use display:none para esconder links de paginação, o Google pode considerar como fraude! Use hidden ou aria-hidden="true"
• Cada tela deve conter pelo menos 2-3 palavras-chave precisas para evitar conteúdo duplicado
• Use a ferramenta Google Mobile-Friendly Test para verificar se as “páginas falsas” também podem ser indexadas corretamente em dispositivos móveis

5 métricas SEO importantes para monitorar

Com a rolagem infinita, é fácil ficar empolgado — você acha que a experiência do usuário está ótima, mas o Google nem está vendo o conteúdo que vem depois da primeira tela.

É como abrir um supermercado, os clientes estão felizes nas prateleiras da frente, mas ninguém sabe o que há no estoque. Para evitar essa tragédia, fique de olho nessas 5 métricas.

1. Orçamento de rastreamento (Crawl Budget)

• No relatório de “Índice” do Google Search Console, verifique o número de páginas “indexadas”. Se de 100 páginas, apenas 20 forem indexadas, significa que o robô não alcançou as páginas seguintes.
• Sinal de alerta: Se a cobertura estiver abaixo de 30% e continuar caindo, verifique rapidamente a velocidade de carregamento ou as tags de paginação.

2. Distribuição da profundidade do conteúdo

• Use o Screaming Frog para rastrear todos os links do site e verifique se o conteúdo após a terceira tela está vinculado internamente.
• Caso prático: Um fórum descobriu que as postagens após a página 10 não estavam sendo indexadas. Após adicionar links de “tópicos relacionados” na parte inferior de cada tela, o número de páginas indexadas aumentou em 3 vezes.

3. Tempo de renderização do primeiro conteúdo (FCP)

• Se o FCP no Web Vitals for superior a 2 segundos, o robô pode desistir de carregar o conteúdo subsequente.
• Ação urgente: Comprimir o conteúdo textual da primeira tela para menos de 15 KB (equivalente a um tweet longo).

4. Taxa de sobrevivência das tags de paginação

• Verifique se as tags rel="next" e rel="prev" estão completas usando a ferramenta de auditoria do site do Ahrefs.
• Liçãoconseguida: Um site de e-commerce esqueceu de adicionar a tag rel="next", o que resultou na não indexação de 3.000 páginas de produtos.

5. Taxa de sucesso de renderização em dispositivos móveis

• Na ferramenta Mobile-Friendly Test do Google, se “conteúdo rolável” aparecer com um aviso vermelho, isso significa que o rolar infinito falhou em dispositivos móveis.
• Dica prática: Simule uma velocidade de rede 3G e force o carregamento da página em um ambiente de baixa velocidade para ver se o conteúdo da quarta tela é exibido corretamente.

Estratégias SEO de sites líderes com rolagem infinita

Não pense que grandes sites usam apenas tecnologias avançadas, suas estratégias muitas vezes são tão simples que você pode pensar: “Isso realmente funciona?” — mas sim, funciona.

Aqui estão algumas estratégias aprendidas com ASOS, BBC e Twitter — sem necessidade de alterar a paginação, o Google ainda indexa as páginas.

1. “Paginação fantasma” da ASOS (Clássico de e-commerce)

👉 Parece rolagem infinita, mas na realidade esconde a paginação

• Do lado do usuário: Ao rolar para baixo, novos produtos são carregados continuamente, proporcionando uma experiência sem interrupções.
• Do lado do Google: Após carregar 20 produtos, um link oculto para /products?page=2 é gerado automaticamente e o robô é informado usando <link rel="next">.
• Detalhes técnicos: Usa a API Intersection Observer para monitorar a posição da rolagem e, ao atingir o ponto crítico, ativa a lógica de paginação.
• Resultado: O número de páginas de produtos indexadas aumentou de 300 para 8.200, e a taxa de conversão em dispositivos móveis subiu 17%.

2. “Navegação de pesca” da BBC (Padrão da mídia)

👉 Quando a rolagem infinita atinge o final, de repente aparece o botão de paginação

• Do lado do usuário: Depois de rolar 30 artigos, o botão “próxima página” aparece na parte inferior.
• Do lado do Google: O link href do botão aponta para /news?p=2 e a URL principal é declarada com rel="canonical".
• Truque: O botão de paginação tem um gradiente de cor e uma animação de seta para induzir o usuário a clicar, em vez de rolar indefinidamente.
• Resultado: A taxa de indexação das páginas posteriores à primeira aumentou de 11% para 68%, e os usuários leram, em média, 2,3 artigos a mais.

3. “Carregamento por fragmentos” do Twitter (Manual para plataformas sociais)

👉 Parece rolagem infinita, mas na verdade carrega 50 tweets por página.

• Do lado do usuário: Rolando os tweets sem interrupções, sem perceber a paginação
• Do lado do Google: A cada 50 tweets é gerado um URL independente /home?section=2, o servidor pré-carrega os próximos 50 tweets em formato JSON ao responder
• Código principal: Usando window.history.replaceState para atualizar silenciosamente a barra de endereços, sem interromper o usuário
• Dados falam por si: O tempo para os tweets serem indexados pelo Google foi reduzido de 48 horas para 4 horas, e o tráfego de eventos de tendência aumentou 3 vezes

Guia para iniciantes：

1. Esconder links de paginação: Adicione /page=2 no <footer> da parte inferior da página e defina sua opacidade para 0,01 com CSS (o Google irá indexá-lo, mas os usuários não verão)
2. Adicionar tags ao conteúdo: Adicione <meta name="page" content="2"> em cada conteúdo para facilitar a indexação pelos crawlers
3. Pré-carregar a próxima página: Use <link rel="prefetch"> para carregar o HTML da próxima página com antecedência, fazendo com que ela abra instantaneamente quando o usuário rolar

Observações importantes：

Um pequeno fórum tentou copiar completamente a estratégia do Twitter e acabou colapsando porque o servidor não suportou as solicitações de pré-carregamento.

• Limite o número de páginas a 100 (o Google discrimina a paginação profunda)
• Use Cache-Control para armazenar em cache o HTML das páginas de paginação e reduzir a pressão sobre o servidor
• Cada página deve ter um <title> único (não use “Últimas notícias” em todas as páginas)

Quando é necessário voltar para a paginação?

Alguns donos de sites insistem na “rolagem infinita”, mas isso pode causar uma queda no tráfego (um site educacional não quis mudar e, depois de seis meses, o número de visitantes diários caiu de 20.000 para 800).

Usando dados reais, vamos explicar quais 3 tipos de sites precisam voltar para a paginação imediatamente:

Seu conteúdo é do tipo “livro de referência”

👉 Características: Usuários que buscam informações específicas com um objetivo claro (por exemplo, textos legais, manuais de produtos)

• Problema fatal: Rolagem infinita esconde informações específicas na oitava tela, e o usuário não consegue encontrar através do Ctrl+F
• Decisão baseada em dados: Sites de conhecimento que mudaram para paginação aumentaram a taxa de chegada na página de destino de 32% para 71% (de acordo com mapas de calor da Hotjar)
• Exemplo típico: Um site médico que alterou os manuais de medicamentos de rolagem infinita para paginação, vendo um aumento de 300% no tráfego de palavras-chave longas

2. Você precisa vender produtos para usuários “mais lentos”

👉 Características: Usuários que gostam de comparar especificações e preços (por exemplo, produtos digitais, equipamentos industriais)

• Comportamento suicida: Usar rolagem infinita para mostrar 100 modelos de celulares e o usuário não consegue encontrar o modelo da “tela anterior”
• Exemplo de alerta: Uma loja de câmeras que insistiu na rolagem infinita viu o valor médio de compra cair de $1200para$ 580 — os usuários ficaram com preguiça de voltar para comparar
• Ação de sobrevivência: Divida os produtos em páginas de 10 itens e fixe o botão “Comparar” no topo da página

3. Seu servidor é mais lento que um telefone antigo

👉 Características: O tempo de carregamento da página ultrapassa os 3,5 segundos (verificado com o WebPageTest)

• A dura realidade: A rolagem infinita coloca uma carga 4 vezes maior no servidor do que a paginação (carregar 20 telas ≒ 80 chamadas de API)
• Caso de falência: Um e-commerce internacional que usava rolagem infinita com React teve o custo mensal do AWS de $2000para$ 17.000, e foi forçado a voltar para a paginação
• Solução econômica: Use paginação com HTML estático e cache CDN, reduzindo os custos em 82%

Deve ou não mudar? Verifique esses 3 pontos

1. Os usuários precisam comparar informações entre páginas? → Sim → Mude para paginação
2. O conteúdo precisa ser acessado para pesquisa a longo prazo (por exemplo, tutoriais)? → Sim → Mude para paginação
3. O tempo de carregamento é superior a 3 segundos? → Sim → Mude para paginação