Paginación, carga incremental de páginas y su impacto en la Búsqueda de Google

Puedes mejorar la experiencia de los usuarios de tu sitio si muestras un subconjunto de resultados para mejorar el rendimiento de la página (la experiencia en la página es un factor de posicionamiento de la Búsqueda de Google). Sin embargo, es posible que debas tomar medidas para asegurarte de que el rastreador de Google encuentre todo el contenido de tu sitio.

Por ejemplo, puedes mostrar un subconjunto de productos disponibles como respuesta a un usuario que utilice el cuadro de búsqueda en tu sitio de comercio electrónico. Todo el conjunto de coincidencias puede ser demasiado grande para mostrarse en una sola página web o puede tardar demasiado en obtenerse.

Además de los resultados de búsqueda, en tu sitio de comercio electrónico puedes cargar resultados parciales de estos elementos:

  • Páginas de categorías en las que se muestran todos los productos de una categoría
  • Entradas de blog o títulos de newsletter que se han publicado en un sitio a lo largo del tiempo
  • Reseñas de usuarios en una página de producto
  • Comentarios en una entrada de blog

Al hacer que tu sitio cargue contenido de forma incremental en respuesta a las acciones de los usuarios, puedes aprovechar las siguientes ventajas:

  • Mejorar la experiencia de usuario, ya que la carga inicial de la página será más rápida que si se cargan todos los resultados a la vez.
  • Reducir el tráfico de red, lo que resulta especialmente importante en los dispositivos móviles.
  • Mejorar el rendimiento del backend al reducir el volumen de contenido que se obtiene de bases de datos o similares.
  • Mejorar la fiabilidad al evitar listas demasiado largas que puedan alcanzar límites de recursos y provocar errores en el navegador y en los sistemas de backend.

Seleccionar el patrón de experiencia de usuario más adecuado para tu sitio

Para mostrar un subconjunto de una lista más amplia, puedes elegir entre distintos patrones de experiencia de usuario:

Patrones habituales de paginación, cargar más y desplazamiento infinito para dispositivos móviles

Ten en cuenta la siguiente tabla a la hora de elegir la experiencia de usuario más adecuada para tu sitio.

Patrón de experiencia de usuario
Paginación

Ventajas:

  • Permite a los usuarios saber el tamaño del conjunto de resultados y la posición en la que se encuentran

Inconvenientes:

  • Controles más complejos para que los usuarios puedan desplazarse por los resultados
  • El contenido se divide en varias páginas en lugar de ser una sola lista continua
  • Para ver más, se necesitan nuevas cargas de la página
Cargar más

Ventajas:

  • Incluye todo el contenido en una sola página
  • Puede informar al usuario del número total de resultados (en el botón o cerca de él)

Inconvenientes:

  • No se puede manejar un gran número de resultados, ya que todos se incluyen en una sola página web
Desplazamiento infinito

Ventajas:

  • Incluye todo el contenido en una sola página
  • Intuitivo: el usuario solo tiene que desplazarse para ver más contenido

Inconvenientes:

  • Puede provocar que el usuario se canse de desplazarse porque no sabe cuántos resultados hay
  • No se puede manejar un gran número de resultados

Cómo indexa Google las diferentes estrategias

Una vez que hayas seleccionado la estrategia de experiencia de usuario más adecuada para tu sitio y tu SEO, comprueba que el rastreador de Google pueda encontrar todo tu contenido.

Por ejemplo, puedes implementar la paginación mediante enlaces a páginas nuevas de tu sitio de comercio electrónico o actualizando con JavaScript la página en la que se encuentra el usuario. Normalmente, los botones de cargar más y el desplazamiento infinito se implementan mediante JavaScript. Al rastrear un sitio en busca de páginas para indexar, Google solo sigue los enlaces de páginas marcados en HTML con etiquetas <a href>. El rastreador de Google no sigue los botones (a no ser que se hayan marcado con <a href>) y no activa JavaScript para actualizar el contenido de las páginas.

Si utilizas JavaScript en tu sitio, sigue estas prácticas recomendadas de SEO con JavaScript. Además de las prácticas recomendadas, como asegurarte de que los enlaces de tu sitio se puedan rastrear, te recomendamos que utilices un archivo de sitemap o un feed de Google Merchant Center para que Google pueda encontrar todos los productos de tu sitio.

Prácticas recomendadas para implementar la paginación

Para que Google pueda rastrear e indexar tu contenido paginado, sigue estas prácticas recomendadas:

Enlazar las páginas secuencialmente

Para asegurarte de que los buscadores comprendan la relación que hay entre las páginas de contenido paginado, incluye enlaces en cada página a la página siguiente mediante etiquetas <a href>. De este modo, puedes ayudar al robot de Google (el rastreador web de Google) a encontrar páginas posteriores.

Ejemplo de resultados de búsqueda paginados

Además, puedes enlazar todas las páginas de una colección a la primera página para indicarle a Google cuál es el inicio de la colección. Así, nos das una pista de que la primera página de una colección podría ser mejor página de destino que otras.

Utilizar URLs correctamente

  • Proporciona a cada página una URL única. Por ejemplo, incluye un parámetro de consulta ?page=n, ya que Google considera las URLs de las secuencias paginadas como páginas independientes.
  • No uses la primera página de una secuencia paginada como página canónica. En vez de eso, proporciona a cada página su propia URL canónica.
  • No uses identificadores de fragmentos de URL (el texto que aparece después de # en una URL) en los números de página de una colección. Google ignora los identificadores de fragmento. Si el robot de Google ve una URL que dirige a la siguiente página y que solo difiere en el texto que aparece después de #, es posible que no siga el enlace y crea que ya ha accedido a esa página.
  • Te recomendamos utilizar la carga previa, la conexión previa o la precarga para optimizar el rendimiento cuando los usuarios pasan a la siguiente página.

No indexar URLs con filtros u otros criterios de ordenación

Puedes optar por ofrecer filtros u otros criterios de ordenación en las largas listas de resultados de tu sitio. Por ejemplo, puedes incluir ?order=price en las URLs para que se devuelva la misma lista de resultados ordenados por precio.

Para evitar que se indexen variaciones de la misma lista de resultados, impide que se indexen las URLs no deseadas con la etiqueta meta robots noindex o evita que se rastreen determinados patrones de URL con un archivo robots.txt.