Guias práticos

Design de paginação para longas listas de sites

Uma lista que carrega tudo fica lenta; Uma lista cujos itens posteriores existem somente após a rolagem pode deixar o conteúdo indetectável.

Veja o método

Equipe comparando uma lista digital com amostras físicas durante o teste de navegação

Defina o que cada página contém

Escolha uma ordem estável, tamanho de página razoável e regra de classificação explícita. Mostra a contagem de resultados e os filtros ativos quando relevantes. Um item não deve desaparecer ou aparecer duas vezes à medida que alguém se move pela lista.

Planeje novas entradas, remoções e listas vazias. Os Guia de filtros Abrange combinações de critérios.

  • Pedido previsível e tamanho da página.
  • Contagem de resultados legíveis.
  • Nenhuma entrada ignorada ou duplicada.

Forneça links acessíveis

Cada parte importante precisa de um URL utilizável e links HTML para as páginas vizinhas. Os controles identificam a página atual e funcionam por teclado. Alguém que abre a página três diretamente deve saber onde está.

O carregamento infinito pode melhorar o conforto, mas mantenha um caminho vinculado ao conteúdo. Orientação de paginação do Google Explica como os rastreadores podem descobrir todas as páginas.

  • URL direto para cada parte útil.
  • Links anteriores e anteriores utilizáveis.
  • Posição atual anunciada.

Lidar com o estado e as viagens de volta

Teste de volta, atualize, filtre as alterações e a chegada de um link compartilhado. As pessoas devem recuperar seu contexto em vez de reiniciar a lista. Em um telefone, o acesso a páginas posteriores deve ser fácil de encontrar e ativar.

Páginas fora do alcance e combinações vazias precisam de mensagens compreensíveis. Redirecionar automaticamente para a primeira página pode ocultar um link obsoleto e tornar o diagnóstico mais difícil.

  • Histórico do navegador testado.
  • Filtros e ordenação mantidos quando apropriado.
  • Estados vazios explicados.

Verifique o rastreamento e o desempenho

Certifique-se de que as entradas sejam acessíveis por meio de links, nem todas as páginas apontam para uma canônica inadequada e que os recursos sejam carregados progressivamente. Uma primeira página rápida não ajuda se as posteriores falharem.

Meça em um catálogo representativo, incluindo sua última página e visualização móvel. Repita depois de adicionar entradas: a paginação que funciona hoje pode quebrar à medida que o volume ou os filtros mudam.

  • Todas as entradas alcançáveis.
  • URLs e canônicos coerentes.
  • Várias páginas verificadas quanto à velocidade.

Conteúdo atualizado em 2 de outubro de 2026

Matriz de validação funcional para se adaptar ao projeto

Esses controles propostos usam casos fictícios. Decida qual comportamento é esperado com a equipe, anote o resultado e atribua discrepâncias não resolvidas antes da publicação.

Casos de teste, resultados esperados e evidências úteis
CasoResultado esperadoProva para guardar
A próxima página redefine um filtro selecionado.O filtro persiste e o estado atual permanece identificável.Registre o URL, as etapas, o resultado e as evidências datadas.

Perguntas frequentes

Como a paginação pode preservar a orientação?

Mantenha os filtros e a classificação, identifique a página atual e forneça links compreensíveis. Verifique o navegador de volta e o acesso direto às páginas posteriores. O carregamento progressivo pode complementar a navegação acessível sem ocultar recursos de pessoas sem scripts.