25 octubre
Comercio electrónico / Marketing
Estrategias de paginación compatibles con SEO para comercio electrónico
- alper koçer
- Marketing
- 0 Comments
Estrategias de paginación compatibles con SEO para comercio electrónico
La paginación puede ser un problema de SEO complicado cuando se hace mal. Este es especialmente el caso de un sitio de comercio electrónico con una gran cantidad de productos que sin duda dependerá en gran medida de la paginación para que los usuarios puedan encontrar lo que buscan.
Puede llevar los conceptos explicados en este artículo a cualquier implementación de paginación en cualquier lugar, pero dado que los problemas de paginación tienden a ser más frecuentes en los sitios de comercio electrónico y tengo mucha experiencia en lidiar con ellos, me centraré en esta área.
Vamos a empezar con:
¿Qué es la paginación?
¿Cómo se ve la paginación en los sitios de comercio electrónico?
¿Por qué debería centrarme en la paginación?
y luego pasar a…
Pasos a seguir para garantizar que la paginación del comercio electrónico sea compatible con las búsquedas
1. Ten cuidado con JavaScript
2. Piénselo dos veces antes de cargar más botones
3. Utilice una página Ver todo para aplanar su estructura de comercio electrónico
4. Utilice canónicos de autorreferencia
5. Solo Noindex si realmente es necesario
5. Desoptimizar las páginas paginadas si es necesario
6. Proporcione una estructura de URL clara
¿Qué es la paginación?
La paginación en el contexto de un sitio web es la secuenciación de páginas de archivo que se utilizan para vincular a otras páginas que se encuentran más abajo dentro de la jerarquía/estructura de un sitio. Los ejemplos más comunes de este tipo de páginas se encuentran en páginas de categorías de comercio electrónico o en páginas de archivo de blogs.
La paginación es un concepto crucial que debemos comprender cuando se trata de mejorar la estructura y los enlaces internos de su sitio, un concepto sobre el que escribí recientemente en mi blog.
¿Cómo se ve la paginación en los sitios de comercio electrónico?
Si no está muy seguro de cómo se ve la paginación, ¡definitivamente la ha visto antes!
Las dos implementaciones más comunes de paginación vienen en forma de cargar más botones y una secuencia numerada en la parte inferior de la página.
Ambos funcionan, pero utilizar un botón para cargar más tiene algunas consideraciones adicionales en las que profundizaré más adelante en este artículo.
Cargar más ejemplos de botones de paginación:
Super seco
Asós
Ejemplos de paginación de secuencias numeradas:
AO (Electrodomésticos en línea)
argos
El desplazamiento infinito también es una consideración para navegar por archivos. Sin embargo, esto se está volviendo menos popular ya que los estudios han demostrado que tiene algunas implicaciones negativas para la experiencia de usuario, como no poder llegar fácilmente al pie de página de una página.
¿Por qué debería centrarme en la paginación?
Las implementaciones de paginación que no son óptimas causan algunos problemas graves, especialmente en los sitios web de comercio electrónico. Personalmente, he visto problemas con la paginación que causan una variedad de problemas, que incluyen:
Páginas de productos huérfanas (no vinculadas internamente).
Estructuras del sitio innecesariamente profundas.
Reducción del rastreo de secuencias paginadas.
En este artículo, repasaré algunos aspectos clave que debe comprender sobre la paginación para asegurarse de que su sitio de comercio electrónico la implemente de manera que se puedan realizar búsquedas.
1. Ten cuidado con JavaScript
Utilizar JavaScript para cargar la página siguiente en su secuencia paginada del lado del cliente sin una actualización completa de la página es una excelente manera de brindar una experiencia agradable a sus usuarios de comercio electrónico.
Soy un gran defensor del uso de AJAX y le recomiendo que considere usarlo para la paginación de su sitio. Sin embargo, debes tener mucho cuidado al implementar esto.
La paginación basada en AJAX es muy común en los sitios de comercio electrónico y, desafortunadamente, también es muy común que se implemente de una manera que no sea compatible con SEO. Cuando se trata de implementar la paginación a través de AJAX, el criterio principal es garantizar que los enlaces href a la siguiente página de la secuencia todavía existan.
Eso significa que dentro del archivo de su producto, los enlaces a páginas posteriores, como ejemplo.co.uk/shop/shoes/?page=2, aún deben estar visibles en la fuente HTML de la página o al menos dentro del DOM creado por el navegador. .
¿Cómo veo lo que hay en el DOM?
La mejor manera de ver lo que el navegador ha creado en el DOM es abrir las herramientas de desarrollo (normalmente se hace presionando F12) y luego dirigirse a la sección “Elementos” en Chrome.
Lo que se muestra aquí será diferente de lo que ve al ver la fuente, ya que muestra lo que realmente ha representado el navegador, incluido cualquier JavaScript que se haya ejecutado.
El enlace es el DOM, pero no la fuente HTML
Tenga en cuenta que es posible que Google no siempre vea estos enlaces dependiendo de la rapidez con la que se muestra la página. Si quieres comprobarlo, te recomiendo que te familiarices con la herramienta de inspección de URL de Google Search Console.
Si no puede ver estos enlaces en ninguno de los dos, es muy probable que esté cargando la página dos en adelante del archivo usando JavaScript sin proporcionar una alternativa que no sea JavaScript, es decir, enlaces href clásicos.
Si su paginación funciona de esta manera, Google no podrá ver la siguiente página del archivo. Esto sucede porque el robot de Google y otros robots de búsqueda no hacen clic en elementos que ejecutan JavaScript de la misma manera que lo hace un usuario.
Por lo tanto, si bien los usuarios pueden obtener la agradable navegación basada en AJAX para su paginación, el robot de Google aún necesitará poder navegar a la página 2 en adelante.
ds y cada página de la secuencia contiene una lista única de productos sin superposiciones.
Un ejemplo de un sitio que hace esto correctamente es Argos. En sus páginas de categorías (como esta), cuando inspeccionas elementos en su paginación, puedes ver enlaces href a cada página de la secuencia.
TENGA EN CUENTA
Lo ideal es que estos enlaces estén disponibles en la fuente HTML, no solo visibles al inspeccionar el elemento. Si solo son visibles cuando inspeccionas el elemento y no puedes verlos en la fuente HTML, los inyectarás con JavaScript, lo que puede hacer que sea menos probable que Google vea los enlaces.
En el sitio de Argos, puede ver que al hacer clic en el botón que enlaza con la página 2, no se activa la carga de una nueva página; en su lugar, volverá a la parte superior de la página y se cargarán todos los productos de la página 2. Este es el comportamiento que verán los usuarios, mientras que Google seguirá el enlace y será redirigido a esta página.
Puedes saber que esto se hace a través de AJAX usando un complemento que monitorea las solicitudes de encabezado HTTP de documentos como este o simplemente abriendo la pestaña de red en las herramientas de desarrollo de Chrome y verificando las solicitudes de “documentos” cuando navegas a una página diferente. usando paginación.
Este es un gran ejemplo de cómo implementar correctamente la paginación basada en AJAX.
Incluso usan pushState de la API del historial HTML5 para actualizar la URL, por lo que parece que se ha actualizado la página completa.
Si bien es un requisito menor, también recomendaría implementar esto con un sistema de paginación basado en AJAX. Puede ver un ejemplo de la API de historial en la práctica creada por John Mueller con una secuencia combinada de desplazamiento infinito y paginación numerada aquí.
Si esto parece mucho que considerar, existen bibliotecas que facilitarán este proceso, como esta.
2. Piénselo dos veces antes de cargar más botones
Si en lugar de una paginación numerada o un desplazamiento infinito opta por el método del botón cargar más, también debe considerar algunas cosas adicionales.
Siguiendo el consejo anterior, incluso si agregas más el enlace href en la carga, seguirás haciendo que tu sitio sea innecesariamente profundo.
Esto se debe a que, a diferencia de la paginación numerada que le permite agregar enlaces profundos desde la página 1 hasta la 6 (por ejemplo), solo vinculará de la página 1 a la página 2, luego de la página 2 a la página 3 y así sucesivamente.
Esto contribuirá a que tenga una estructura de sitio profunda a medida que aumenta la profundidad de los clics para llegar a las páginas de productos más profundamente en el sitio.
Esto tendrá un impacto negativo en cómo se distribuye el valor de los enlaces a las páginas de productos más profundas dentro de la jerarquía del sitio. Esto, a su vez, afectará negativamente a la clasificación de las páginas de sus productos para las consultas de búsqueda de cola larga.
Para evitar esto, lo que podría hacer es implementar una carga más y una paginación numerada. Luego obtienes los beneficios de UX de un botón para cargar más, pero también permites a los usuarios saltar a una página específica y dejar que Google haga lo mismo.
Un ejemplo de carga más y paginación numerada combinadas.
Esta opción evita los problemas causados por cargar más botones cuando se trata de la estructura del sitio y le permite aprovechar los beneficios de la paginación numerada.
La paginación numerada acorta la profundidad de los clics a páginas paginadas más profundamente dentro de su archivo.
Otra alternativa es implementar la paginación numerada pero envolverla dentro de una etiqueta <noscript>.
Esto significa que cuando un usuario tiene JavaScript deshabilitado, verá la paginación numerada y podrá navegar por el sitio usándola. La desventaja de esta opción es que no es 100% seguro que Google realmente vea el contenido dentro de la etiqueta noscript.
En la última actualización que escuchamos, Google tiende a ignorar el contenido dentro de un noscript, así que pruébalo con atención.
Si no desea mostrar tanto el botón cargar más como la paginación numerada, también puede implementar la paginación numerada en la página como en la maqueta anterior, pero agregarle display:none para ocultarla mediante CSS.
De esta manera, los enlaces están dentro de la fuente HTML pero ocultos en la interfaz, por lo que Google debería ver los enlaces y rastrearlos normalmente. Sin embargo, aprendimos de la patente Reasonable Surfer que a Google parece gustarle distribuir el PageRank en función de la probabilidad de que se haga clic en un enlace.
Un sistema genera un modelo basado en datos de características relacionadas con diferentes características de un enlace desde un documento de enlace a un documento vinculado y datos de comportamiento del usuario relacionados con las acciones de navegación asociadas con el enlace. El sistema también asigna una clasificación a un documento según el modelo.
— Clasificación de documentos según el comportamiento del usuario y/o datos de características
Aunque la patente no menciona específicamente nada que tenga que ver con enlaces ocultos, si va a ocultar los enlaces con CSS, proceda con precaución y considere probar el impacto tanto en el rastreo como en las clasificaciones.
3. Utilice una página Ver todo para aplanar su estructura de comercio electrónico
Una forma de evitar todas las complicaciones de la paginación es simplemente hacer que las páginas de categorías muestren todos los productos de forma predeterminada.
Si también tiene URL paginadas preexistentes, puede actualizar las etiquetas canónicas en
estos para apuntar a la nueva URL de ver todas las páginas.
Esto tiene la ventaja de aplanar la estructura de su sitio, ya que se reduce la cantidad de clics para acceder a los productos. Si bien este enfoque es excelente para UX y SEO, la única complicación es la velocidad del sitio.
Si tiene una gran cantidad de productos en esa categoría. podrías estar aumentando enormemente:
El HTML que el navegador necesita representar.
El número de imágenes a cargar.
El tamaño de la llamada a la base de datos.
Si bien algo de esto se puede evitar mediante la carga diferida de imágenes y el almacenamiento en caché de la página/la entrega de su sitio de forma estática y la carga de elementos dinámicos con JS. Aún necesita realizar algunas pruebas y monitorear de cerca para asegurarse de que el rendimiento sea bueno.
¿Cómo puedo probar el impacto de la velocidad?
Si buscas algún consejo sobre cómo probar la velocidad del sitio, consulta mi publicación sobre algunas de las mejores herramientas de velocidad del sitio que puedes usar.
Si desea medir el impacto de este cambio en los usuarios, eche un vistazo a mi plantilla de estudio de datos que utiliza datos CrUX para mostrar datos reales del usuario sobre la velocidad de su sitio.
Si buscas consejos para mejorar la velocidad, consulta mi guía sobre Semrush aquí o busca algunos consejos de alto nivel en mi lista filtrable de consejos para la velocidad del sitio.
Si descubre que el enfoque de ver todo no funciona debido a problemas de velocidad, determine cuántos productos incluye en la página de archivo de categorías antes de que la velocidad se convierta en un problema.
Puedes comprobarlo aumentando progresivamente el número de productos que tienes visibles.
Esta técnica es una excelente manera para que los sitios de comercio electrónico mejoren los enlaces internos porque cuando aumenta la cantidad de productos en una sola página de archivo de 12 a 24, efectivamente reduce a la mitad la cantidad de páginas paginadas dentro de la secuencia.
Si bien esto no aplana la estructura de su sitio tanto como una página para ver todos, aún así ha logrado reducir la profundidad de los clics para llegar a las páginas de productos.
Aumente la velocidad de carga, el tráfico y la conversión de su tienda utilizando la colección “Aumentar la velocidad de la página” en Ecommerce Booster, la aplicación que audita las tiendas Shopify y proporciona un plan listo para implementar para optimizar las páginas de productos.
4. Utilice canónicos de autorreferencia
No entraré en demasiados detalles aquí, pero un error común al configurar la paginación es:
Canonicalice todas las páginas dentro de una secuencia hasta la primera página.
Noindex toda la paginación (más detalles sobre esto más adelante).
En lugar de cometer estos errores, lo que debería hacer en una configuración de paginación estándar es agregar un canónico de autorreferencia en cada página como se muestra a continuación.
Un error común que veo con la paginación es que a veces el CMS también puede crear una página que es /vestidos/1/ que es un duplicado de /vestidos/. En sitios grandes con muchos archivos, esto puede causar problemas de duplicación a gran escala.
Si este es el caso, deberías canonicalizar la URL /1/ duplicada en la primera página correcta del archivo (/vestidos/ en este ejemplo).
5. Solo Noindex si realmente es necesario
Un problema frecuente que se encuentra en las páginas paginadas es que contienen la etiqueta noindex innecesariamente.
Si bien no siempre hay algún problema al agregar una etiqueta noindex a las páginas de paginación, hacerlo podría reducir la frecuencia de rastreo.
Básicamente, intentaremos rastrear unas cuantas veces más para ver si el noindex desapareció o si la página se recuperó de 500 o algo así, y si el noindex todavía está allí, entonces comenzaremos a movernos lentamente o a no rastrear esa página. tan frecuente.
—Gary Illyes-https://www.youtube.com/watch?v=GVKcMU7YNOQ
Idealmente, cada página debería ser valiosa dentro de la secuencia y, como resultado, deberías incluir canónicos de autorreferencia en cada una de ellas en el archivo.
Sin embargo, hay escenarios en los que una etiqueta noindex en páginas paginadas tiene sentido. Recientemente escuchamos esta idea de John Mueller sobre cómo agregar la etiqueta noindex en páginas paginadas:
… al final, creo que todo se reduce a: “¿Esta página de la serie paginada trae alegría?” y si no, simplemente no lo indexe.
Algunos sitios consideran que todas las páginas de una serie paginada son importantes, por lo que las mantienen indexadas (las más elegantes usan rel-next/prev). Algunos sitios limitan las series paginadas a un número determinado, tal vez permitiendo que la primera se indexe y el resto no.
A veces, la decisión también se basa en el contenido de la serie paginada. Por ejemplo, si se trata de una lista de páginas de detalles vinculadas, entonces puede decidir si puede acceder a todas las páginas incluso si no tiene indexado el conjunto paginado completo (si establece enlaces cruzados a publicaciones/productos relacionados, entonces normalmente ese es el caso).
— John Mueller en Reddit – https://www.reddit.com/r/TechSEO/comments/ag77vi/canonicals_and_angular_js/eh9zqut?utm_source=share&utm_medium=web2x
Entonces, para resumir:
Intente que las páginas paginadas sean lo más valiosas posible.
Si cree que no son valiosos para los usuarios, no los indexe, pero tenga en cuenta que esto podría reducir la frecuencia con la que se rastrean.
Si decide no indexar, considere si existen rutas de rastreo alternativas para encontrar estos productos enumerados en la página no indexada, por ejemplo, a través de otras categorías o filtros.
En la mayoría de los casos, querrás utilizar canónicos de autorreferencia y no los n.
etiqueta de índice.
Una razón común por la que las personas tienden a no indexar la página 2 en adelante de un archivo es que han visto que Google muestra la página incorrecta a los usuarios, como la página 4 en lugar de la primera. Esto nos lleva al consejo 5.
5. Desoptimizar las páginas paginadas si es necesario
Si no desea que Google muestre la página 2 en adelante de los archivos de su categoría, pero desea dejarlos indexados, una cosa que puede intentar es desoptimizarlos para las consultas de búsqueda.
Hay algunas cosas que puedes hacer aquí.
Primero, puede intentar desoptimizar la etiqueta del título agregando el número de página al comienzo:
Otra cosa que podría hacer es eliminar el contenido que se encuentra encima o debajo de la cuadrícula de productos en la página 2 en adelante. Al hacer que la página 1 sea la más valiosa de la secuencia, es más probable que Google la muestre en los resultados de búsqueda.
Además de los cambios en la etiqueta de título y el contenido, también puedes desoptimizar la etiqueta H1 en la página de manera similar al ejemplo anterior de etiqueta de título.
6. Proporcione una estructura de URL clara
Puedes ver esto en la práctica en el fragmento SERP anterior (example.com/furniture/scandi/page2), pero una cosa que puedes hacer para que a Google le resulte un poco más fácil comprender el archivo de categorías de tu sitio es utilizarlo de forma limpia y sencilla. estructura de URL legible en una secuencia.
En la práctica, esto se puede hacer simplemente agregando /página/2/ al final de la URL de su categoría. También puede utilizar parámetros como ?page=2 y luego especificar el parámetro de página pagina en la herramienta de parámetros de URL de Google Search Console.
Desde que Google dejó de admitir anterior/siguiente, hacer que sea fácil entender cuándo se pagina una URL definitivamente se ha vuelto más importante.
Related Posts
Leave A Comment
Lo siento, debes estar conectado para publicar un comentario.
