Explore qué es la paginación y cómo implementarla correctamente

Explore qué es la paginación y cómo implementarla correctamente
1 Star2 Stars3 Stars4 Stars5 Stars (34 votes, average: 4.71 out of 5)

5

Loading...
Table of Contents Tabla de contenido

Tabla de contenido

 

¿Qué es paginación?

 

La paginación es una numeración ordinal de páginas, que generalmente se encuentra en la parte superior o inferior de las páginas del sitio web.

En la mayoría de los casos, se usa para las páginas principales y las particiones. Normalmente se ve así:

 

img-border
Pprevnext implementing of pagination on Ahrefs blogimg-close

 

Ahora veamos algunos potenciales problemas que surgen cuando utiliza la paginación sin prestar suficiente atención a pequeñas cosas:

 

Limita las visitas de los motores de búsqueda en tu sitio

Cuando los motores de búsqueda rastrean tu sitio, la profundidad y el número de páginas que visitan variará dependiendo de la confianza del sitio, la frecuencia de actualización del contenido y otros factores.

Si tienes un gran número de páginas con paginación, la probabilidad de que los motores de búsqueda pasen por cada una de esas páginas con paginación e indexen todas las páginas hasta el final (sean bienes o artículos) se reduce significativamente. Además, se limitará a las páginas con paginación y no habrá visitas para las páginas realmente importantes en el sitio web.

 

Problema con duplicados

Dependiendo de la estructura que tengan tus páginas con paginación, es muy probable que algunas de ellas contengan contenido similar o idéntico. También puede pasar que descubras que algunas páginas tienen el mismo título y las etiquetas de meta descripción son iguales.

En este caso, el contenido duplicado puede causar dificultades para los motores de búsqueda cuando sea el momento de determinar la relevancia de dichas páginas en cierta búsqueda en particular.

Los especialistas en SEO han desarrollado 4 formas de resolver este problema.

 

Solución 1. Eliminar la página de paginación del índice con la ayuda de Noindex.

 

En la mayoría de los casos, este método es una prioridad y puede implementarse rápidamente. El punto principal es la exclusión de todas las páginas de su paginación del índice, exceptuando la primera.

Se implementa de la siguiente manera:

<meta name="robots" content="noindex, follow" />

Esta meta etiqueta se agrega en toda la sección de encabezado, menos en la primera página.

Por lo tanto, excluimos todas las páginas de su paginación del índice, excepto la página principal del catálogo. Al mismo tiempo, aseguramos la indexación de todos los productos y/o páginas que pertenecen a este catálogo. Presta atención a lo siguiente:

  •  Si colocas el texto descriptivo de la página principal del catálogo, aun así es conveniente colocarlo solo en la primera página.
  • Debes verificar si la URL de la primera página no está duplicada. Por ejemplo, cuando la paginación se implementa de esta manera:

site.com/catalog?page=2

site.com/catalog?page=3

site.com/catalog?page=N

Deberás agregar un enlace en la primera página, en caso de que no se encuentre en la primera página.

site.com/catalog

También desde esta página

site.com/catalog?page=1

Las redirecciones 301 al site.com/catalog deberán ser configuradas.

 

Pros

  • Funciona perfectamente en Yandex.
  • Es la más sencilla de todas las soluciones.
  • Es una excelente forma de excluir todas las páginas de ser paginadas en el índice, en caso de que no haya una buena razón para incluirlas en el mismo.

 

Contras

  • Aunque resuelve el problema potencial de la paginación, al mismo tiempo, excluimos el contenido de paginación del índice.
  • Si hay muchos productos y no utilizas el Sitemap XML, los productos que se encuentran en el fondo del directorio serán indexaros durante un tiempo prolongado.

 

Solución 2. “Ver todo” y rel=”canonical”

 

Este método requiere el uso de Google para crear una página separada de tipo “Ver todo”, donde se muestran todos los productos y/o páginas desplegados en ese catálogo. En todas las páginas de la paginación colocamos rel=”canonical” hacia la página “Ver todo”.

Implementación de este método: después de haber creado la página “Ver todo”, (por ejemplo site.com/catalog/view-all.html) en todas las páginas de la paginación debes colocar lo siguiente en la sección de encabezado:

 

<link rel="canonical" href="http://site.com/catalog/view-all.html" />

 

Por lo tanto, mostramos a los buscadores que cada página de paginación es parte de la página “Ver todo”, por así decirlo.

Además, Google afirma que:

  • Este es el método que ellos prefieren.
  • Los usuarios tienden a ver toda la categoría en una página al mismo tiempo (aunque este punto es bastante controvertido y depende también de la situación de cada usuario).

 

Caracteristicas

La página “Ver todo” debe cargarse bastante rápido, preferiblemente entre 1 y 3 segundos.

Por lo tanto, este método es ideal para una categoría que tenga un número de páginas con paginación de 5 a 20 y no es adecuado para directorios que tengan cientos de páginas con paginación.

 

Pros

  •  Este método tiene prioridad para Google.
  • Todos los contenidos de la paginación se ubicarán en el índice de la página de búsquedas a través de la página “Ver todo”.

 

Contras

  • No es adecuado si hay muchas páginas o muchas imágenes de alta calidad para productos y/o artículos.
  • Es bastante compleja su implementación en la mayoría de los CMS standard.

 

Solución 3. Rel=”prev”/”next”

 

Nuestra última opción para resolver el problema con la paginación puede ser la más confusa, pero este es quizás el método más universal para Google (Yandex no tiene en cuenta estas directrices). Dado que la implementación es bastante complicada, debes tener mucho cuidado al aplicar este método.

Veamos cómo funciona esto.

Por ejemplo, tienes 4 páginas en el directorio. Usando rel =”prev”/”next”, básicamente creas una cadena entre todas las páginas de este directorio. Esta cadena comienza desde la primera página.

Para esto, agrega a la sección de encabezado este comando:

 

<link rel="next" href="http://site.com/page2.html">

 

Para la primera página, este es el único atributo. En el caso de la segunda página, debes especificar tanto la página anterior como la siguiente:

 

<link rel="prev" href="http://site.com/page1.html">
<link rel="next" href="http://site.com/page3.html">

 

En la tercera página hacemos lo mismo que hicimos en la segunda:

 

<link rel="prev" href="http://site.com/page2.html">
<link rel="next" href="http://site.com/page4.html">

 

Cuando estamos en la cuarta y última página, debemos especificar solo la página anterior de la cadena:

 

<link rel="prev" href="http://site.com/page3.html">

 

Usando los atributos de rel = “prev” y “next”, Google fusiona los datos de la página en un solo elemento del índice. Normalmente para los usuarios esta será la primera página, ya que por lo general es la página más relevante.

 

Caracteristicas

  •  rel =”prev” y rel =”next” son para atributos secundarios para Google, no son mandatorios.
  • Tanto las URL relativas como las absolutas pueden usarse como valores (de acuerdo con los valores válidos de la etiqueta).
  • Si especificas una referencia en el documento, las rutas relativas se determinarán en función de la base URL.
  • En el caso de que Google detecte errores en su marcado (por ejemplo, si falta el atributo rel=”prev” o rel=”next”), se realizará una indexación de páginas y reconocimiento de contenido en función del algoritmo heurístico de Google.
  • Se debe verificar si la URL de la primera página no está duplicada.

 

Pros

  •  Este método permite resolver el problema de la paginación sin utilizar “Ver todo”.
  • La implementación ocurre solo con cambios menores en el HTML.

 

Contras

  •  Estos atributos no son tomados en cuenta por Yandex.
  • La implementación puede ser bastante compleja.
  • El insertar enlaces en la cadena de páginas debe hacerse con mucho cuidado.

 

Solución 4. Scrolling en AJAX y Javascript

 

Probablemente te has encontrado con un desplazamiento o scrolling interminable de productos en algún e-commerce, donde los productos se descargan constantemente al desplazarse hacia la parte inferior de la pantalla.

Aunque esta es una excelente oportunidad para mejorar la experiencia en el sitio web, este método debe usarse correctamente. Es mucho mejor que los productos no se carguen automáticamente al desplazarse.

En su lugar, agrega un botón de “Mostrar más” debajo de los últimos productos. Una buena implementación de este método se puede ver en wikimart.ru en las ramificaciones finales de su directorio.

 

Uso adecuado de los parámetros

Cuando utilizas los atributos rel=”prev” y “next”, las páginas con paginación pueden contener parámetros que no modifican el contenido:

  •  Sesiones variables.
  • Graduación.
  • Cambiar la cantidad de elementos por página.

En este caso, obtenemos contenido duplicado. Para resolver este problema, puedes utilizar la combinación rel=”prev” y “next” y rel=”canonical”.

Para hacer esto, en primer lugar, debes asegurarte de que todas las páginas con paginación rel=”prev” o “next” usen el mismo parámetro. En segundo lugar, para cada URL con un parámetro, es necesario registrar su página canónica sin este parámetro.

 

Uso apropiado de filtros y rel =”prev” y “next”

Ahora, veamos un ejemplo donde usamos los parámetros por los cuales podemos y queremos dar contenido único, es importante para nosotros mantener dichas páginas filtradas en el índice.

Por ejemplo, tenemos una categoría de zapatos y queremos crear landing pages para buscar distribuir las diferentes marcas, usando parámetros en la URL.

 

En este caso

  •  No necesitas usar rel=”canonical” en la categoría principal, ya que el contenido es único.
  • Crear para cada marca sus cadenas únicas basadas en el atributo rel=”prev” y rel=”next”.
  • Escribe un título, la descripción y el texto, todos únicos y relevantes para la descripción de la categoría para cada filtro.

 

Conclusión

 

Para concluir, aquí dejamos nuestras recomendaciones para resolver el problema con la paginación:

  •  Si tienes la capacidad técnica para crear una página “Ver todo” (estas páginas se cargan rápidamente y no son de gran tamaño). Puedes usar esta opción, puesto que Google lo recomienda y Yandex comprende la directriz rel=”canonical”.
  • Pero… en la mayoría de los casos, probablemente la mejor opción es asociar el uso del atributo rel=”next page/prev page” (Google lo comprende) y la etiqueta meta robots=”noindex, follow” (tanto Google como Yandex lo entienden).
email__icon

Sé el primero en enterarte de nuevos artículos

Reset Password

Enter your e-mail to reset your password

Your email

Check Your Email

We have sent you a new link to change your password. Check your email and follow instructions envelope

Your password has been reset successfully!

close
conversation

Contáctenos

Consulte a nuestros expertos en inteligencia de mercado y descubra cómo puede beneficiarse de Sitechecker.

ERROR: The Name field is empty.

ERROR: The Last Name field is empty.

ERROR: The Work Email field is empty.

ERROR: The Message field is empty.

Thank you for registration!

We are redirecting you to PayPal