Guías prácticas

Paginación de diseño para largas listas de sitios web

una lista que carga todo se vuelve lenta; Una lista cuyos elementos posteriores solo existen después de desplazarse puede dejar el contenido imposible de descubrir.

Ver el método

Equipo comparando una lista digital con muestras físicas durante las pruebas de navegación

Definir lo que contiene cada página

Elija un orden estable, un tamaño de página razonable y una regla de clasificación explícita. Mostrar recuentos de resultados y filtros activos cuando sea relevante. Un elemento no debe desaparecer ni aparecer dos veces cuando alguien se mueve a través de la lista.

Planifique nuevas entradas, mudanzas y listas vacías. Los Guía de filtros Cubre combinaciones de criterios.

  • Orden predecible y tamaño de página.
  • Recuento de resultados legible.
  • Sin entrada omitida o duplicada.

Proporcionar enlaces accesibles

Cada porción importante necesita una URL utilizable y enlaces HTML a las páginas vecinas. Los controles identifican la página actual y trabajan por teclado. Alguien que abra la página tres directamente debe saber dónde están.

La carga infinita puede mejorar la comodidad, pero mantener un camino vinculado al contenido. Guía de paginación de Google Explica cómo los rastreadores pueden descubrir todas las páginas.

  • URL directa para cada porción útil.
  • Enlaces anteriores y siguientes utilizables.
  • Posición actual anunciada.

Manejar viajes de estado y de regreso

Vuelva a probar, actualizar, filtrar cambios y llegada desde un enlace compartido. Las personas deberían recuperar su contexto en lugar de reiniciar la lista. En un teléfono, el acceso a páginas posteriores debe seguir siendo fácil de encontrar y activar.

Las páginas fuera de rango y las combinaciones vacías necesitan mensajes comprensibles. Redirigir automáticamente a la página uno puede ocultar un enlace obsoleto y dificultar el diagnóstico.

  • Historial del navegador probado.
  • Filtros y ordenar guardados donde corresponda.
  • Explicaron los estados vacíos.

Comprobar el rastreo y el rendimiento

Asegúrese de que las entradas sean accesibles a través de enlaces, las páginas de lista no apuntan a un canónico inadecuado y los recursos se cargan progresivamente. Una primera página rápida no ayuda si las posteriores fallan.

Medida en un catálogo representativo, incluyendo su última página y vista móvil. Repita después de agregar entradas: La paginación que funciona hoy puede romperse a medida que cambian los volúmenes o los filtros.

  • Todas las entradas accesibles.
  • URL y canónicas coherentes.
  • Varias páginas verificadas para la velocidad.

Documentos de referencia

Contenido actualizado el 2 de octubre de 2026

Matriz de validación funcional para adaptarse al proyecto

Estos controles propuestos utilizan casos ficticios. Decida qué comportamiento se espera con el equipo, anote el resultado y asigne discrepancias no resueltas antes de la publicación.

Casos de prueba, resultados esperados y evidencia útil
CasoResultado esperadoPrueba para mantener
La página siguiente restablece un filtro seleccionado.El filtro persiste y el estado actual sigue siendo identificable.Registre la URL, los pasos, el resultado y la evidencia fechada.

Preguntas frecuentes

¿Cómo puede la paginación preservar la orientación?

Mantenga los filtros y la clasificación, identifique la página actual y proporcione enlaces comprensibles. Compruebe la parte posterior del navegador y el acceso directo a las páginas posteriores. La carga progresiva puede complementar la navegación accesible sin ocultar recursos de personas sin scripts.