Scroll infini PrestaShop : comment préserver la pagination SEO et les URLs ?
Conversión y UX

Scroll infinito en PrestaShop: ¿cómo preservar la paginación SEO y las URL?

El scroll infinito mejora el recorrido y plantea un problema de indexación: si los productos de los lotes siguientes solo existen en el navegador, los motores solo ven los veinte primeros de cada categoría.

En un catálogo de tres mil referencias repartidas en quince categorías, esto puede dejar dos mil quinientos productos sin enlace entrante desde su propia categoría.

El comportamiento de retorno a la posición, que es un tema vecino, se trata por separado.

Por qué desaparecen las páginas siguientes

Tres mecanismos se acumulan.

Ningún enlace que seguir. Si la carga de los lotes siguientes se activa con el scroll, no existe ninguna dirección en la página. El robot no tiene nada que explorar.

El scroll no se simula. Un motor que ejecuta el código de una página no desplaza la pantalla como un visitante. Lo que se carga con el scroll, por tanto, no se carga.

Ninguna dirección compartible. Sin una URL correspondiente a cada estado, ningún enlace externo puede apuntar a una página 3, y nada se transmite.

Consecuencia: tus productos siguen siendo descubribles por el sitemap y los enlaces internos, pero pierden el enlace desde su categoría, que es el más natural y el más cualificante.

La solución: mantener las dos estructuras

El principio que resuelve el problema cabe en una frase: el scroll infinito es una mejora añadida sobre una paginación que existe realmente.

En concreto, esto significa tres cosas.

Las páginas paginadas existen y son accesibles por su dirección. Abrir directamente la página 3 en un navegador debe mostrar los productos 41 a 60, servidos por el servidor.

Los enlaces de paginación están presentes en el código de la página, aunque estén ocultos visualmente en favor del scroll.

El scroll actualiza la dirección con cada lote cargado, reemplazando la entrada actual del historial en lugar de crear una nueva.

Un visitante solo ve un desplazamiento fluido. Un robot ve una paginación clásica. Ambos son atendidos sin compromiso, y no se trata de contenidos diferentes sino del mismo contenido accesible por dos caminos.

Scroll Infinito PrestaShop — Paginación SEO y Restauración de PosiciónScroll infinito en páginas de categoría con paginación que preserva el SEO y restauración de la posición exacta tras visitar una ficha de producto.€69,00

Los enlaces de paginación ocultos

Un punto que a veces preocupa: ¿es legítimo ocultar visualmente enlaces presentes en el código?

Sí, en este caso preciso, por dos razones. Los enlaces llevan al mismo contenido que el alcanzado por el scroll, por lo que no hay ninguna divergencia entre lo que ve el visitante y lo que ve el robot. Y siguen siendo accesibles con el teclado, lo que los hace utilizables por una parte real de los visitantes.

La buena práctica consiste de hecho en no ocultarlos por completo: un botón «ver la página siguiente» bajo los productos cargados, junto a la carga automática, sirve a la vez a los motores, a los usuarios de teclado y a quienes prefieren la paginación.

El tratamiento de las direcciones

Cuatro reglas.

La página 1 existe sin parámetro. No debe ser accesible a la vez con y sin indicación de página, bajo pena de crear un duplicado.

Cada página lleva una canónica hacia sí misma. Hacer que las páginas 2 y siguientes apunten a la primera equivale a pedir la exclusión de los productos que solo aparecen en ellas.

El orden de los productos es estable. Si tu ordenación por defecto cambia entre dos visitas, un mismo producto puede pasar de la página 2 a la 3, lo que hace inestable la indexación. Añade un criterio de desempate determinista, el identificador por ejemplo, después de tu criterio de ordenación principal.

Los parámetros de ordenación y de filtro se combinan con la paginación en un orden normalizado, sin lo cual multiplicas las variantes de la misma página.

El número de productos por página

Decisión con un efecto directo sobre la indexación.

Demasiado pocos productos por página produce muchas páginas, lo que dispersa el rastreo. Demasiados productos hace pesada la página y degrada el rendimiento.

Una referencia: de veinticuatro a cuarenta y ocho productos por página cubre bien la mayoría de las situaciones. En una categoría de doscientos productos, esto da de cuatro a ocho páginas, lo que sigue siendo rastreable.

La vista «mostrar todo» merece un comentario. A veces se recomienda como destino canónico de la serie paginada. Es defendible por debajo de cien productos, ingestionable más allá: la página se vuelve demasiado pesada y la experiencia se degrada para todos.

Lo que no hay que hacer

Cuatro errores, en orden de gravedad.

El scroll solo, sin paginación subyacente. Es el caso de partida, y el más dañino.

La canónica de las páginas siguientes hacia la página 1. Error muy extendido, que produce exactamente el resultado que se quería evitar.

El noindex en las páginas 2 y siguientes. Algunos lo aplican para evitar la duplicación, lo que no tiene fundamento: esas páginas tienen contenidos diferentes. El noindex las excluye del índice e impide el descubrimiento de sus productos.

La creación de una entrada de historial por lote cargado. El visitante que ha desplazado diez lotes debe pulsar diez veces atrás para salir de la categoría.

Verificar que funciona

Cuatro controles, rápidos.

Abre la página 3 directamente en un navegador, pegando su dirección. Los productos correspondientes deben mostrarse sin scroll previo.

Consulta el código fuente de la página 1, sin ejecución de script. Los enlaces hacia las páginas siguientes deben figurar en él.

Utiliza la inspección de URL de Search Console en una página 3, y mira el renderizado obtenido. Es la prueba más cercana a lo que realmente ve el motor.

Cuenta las páginas indexadas de tus categorías en el informe de indexación. Si solo aparecen las páginas 1, tu paginación no se está viendo.

El efecto sobre el sitemap

Pregunta complementaria, a decidir.

El sitemap debe contener tus fichas de producto, lo que garantiza su descubrimiento independientemente de la paginación. ¿Hay que añadir las páginas paginadas de categorías?

No, en general. El sitemap sirve para señalar las páginas importantes, y una página 7 de categoría no lo es. Los enlaces de paginación bastan para hacerlas rastreables.

En cambio, si tu sitemap no contiene todas tus fichas de producto, corrige ese punto con prioridad: es la red de seguridad que compensa los defectos de navegación.

Medir

Tres indicadores, registrados antes y luego a los dos meses.

El número de páginas de categorías indexadas, que debe aumentar si tus páginas siguientes eran invisibles.

El número de fichas de producto indexadas, respecto al total del catálogo. Es la cifra que cuenta.

El plazo de descubrimiento de un nuevo producto añadido en una categoría profunda, que mide la eficacia de la cadena completa.

El módulo Scroll Infinito para PrestaShop implanta esta doble estructura en PrestaShop 8 y 9: paginación real servida por el servidor con enlaces presentes en el código, carga progresiva por encima con actualización de la dirección sin multiplicar el historial, canónica autorreferente por página y botón de paginación conservado para el acceso con teclado.

Sigue leyendo

Artículos relacionados