{"id":956,"date":"2023-10-19T06:12:31","date_gmt":"2023-10-19T06:12:31","guid":{"rendered":"https:\/\/sitechecker.pro\/?page_id=956"},"modified":"2026-02-19T14:33:09","modified_gmt":"2026-02-19T14:33:09","slug":"pagination","status":"publish","type":"page","link":"https:\/\/sitechecker.pro\/es\/pagination\/","title":{"rendered":"Paginaci\u00f3n: Qu\u00e9 es y c\u00f3mo implementarlo correctamente utilizando 4 m\u00e9todos"},"content":{"rendered":"<p><\/p>\n<h2>Tabla de contenido<\/h2>\n<ul>\n<li><a href=\"#whatisit\">\u00bfQu\u00e9 es paginaci\u00f3n?<\/a><\/li>\n<li><a href=\"#solution1\">Soluci\u00f3n 1. Eliminar la p\u00e1gina de paginaci\u00f3n del \u00edndice con la ayuda de Noindex.<\/a><\/li>\n<li><a href=\"#solution2\">Soluci\u00f3n 2. &#8220;Ver todo&#8221; y rel=&#8221;canonical&#8221;<\/a><\/li>\n<li><a href=\"#solution3\">Soluci\u00f3n 3. Rel=&#8221;prev&#8221;\/&#8221;next&#8221;<\/a><\/li>\n<li><a href=\"#solution4\">Soluci\u00f3n 4. Scrolling en AJAX y Javascript<\/a><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h2 id=\"whatisit\">\u00bfQu\u00e9 es paginaci\u00f3n?<\/h2>\n<p>&nbsp;<\/p>\n<p>La paginaci\u00f3n es una numeraci\u00f3n ordinal de p\u00e1ginas, que generalmente se encuentra en la parte superior o inferior de las p\u00e1ginas del sitio web.<\/p>\n<p>En la mayor\u00eda de los casos, se usa para las p\u00e1ginas principales y las particiones. Normalmente se ve as\u00ed:<\/p>\n<p>&nbsp;<\/p>\n<div class=\"content__img-wrap\"><img src=\"https:\/\/sitechecker.pro\/wp-content\/uploads\/2017\/12\/prevnext-implementing-of-pagination-on-Ahrefs-blog.png\" alt=\"Pprevnext implementing of pagination on Ahrefs blog\" class=\"description-img description-img-zoom\" loading=\"lazy\" ><\/div>\n<p>&nbsp;<\/p>\n<p>Ahora veamos algunos potenciales problemas que surgen cuando utiliza la paginaci\u00f3n sin prestar suficiente atenci\u00f3n a peque\u00f1as cosas:<\/p>\n<p>&nbsp;<\/p>\n<h3>Limita las visitas de los motores de b\u00fasqueda en tu sitio<\/h3>\n<p>Cuando los motores de b\u00fasqueda rastrean tu sitio, la profundidad y el n\u00famero de p\u00e1ginas que visitan variar\u00e1 dependiendo de la confianza del sitio, la frecuencia de actualizaci\u00f3n del contenido y otros factores.<\/p>\n<p>Si tienes un gran n\u00famero de p\u00e1ginas con paginaci\u00f3n, la probabilidad de que los motores de b\u00fasqueda pasen por cada una de esas p\u00e1ginas con paginaci\u00f3n e indexen todas las p\u00e1ginas hasta el final (sean bienes o art\u00edculos) se reduce significativamente. Adem\u00e1s, se limitar\u00e1 a las p\u00e1ginas con paginaci\u00f3n y no habr\u00e1 visitas para las p\u00e1ginas realmente importantes en el sitio web.<\/p>\n<p>&nbsp;<\/p>\n<h3>Problema con duplicados<\/h3>\n<p>Dependiendo de la estructura que tengan tus p\u00e1ginas con paginaci\u00f3n, es muy probable que algunas de ellas contengan contenido similar o id\u00e9ntico. Tambi\u00e9n puede pasar que descubras que algunas p\u00e1ginas tienen el mismo <a href=\"https:\/\/sitechecker.pro\/es\/meta-title\/\">t\u00edtulo <\/a>y las etiquetas de <a href=\"https:\/\/sitechecker.pro\/es\/meta-tag-description\/\">meta descripci\u00f3n<\/a> son iguales.<\/p>\n<p>En este caso, el contenido duplicado puede causar dificultades para los motores de b\u00fasqueda cuando sea el momento de determinar la relevancia de dichas p\u00e1ginas en cierta b\u00fasqueda en particular.<\/p>\n<p>Los especialistas en SEO han desarrollado 4 formas de resolver este problema.<\/p>\n<p>&nbsp;<\/p>\n<h2 id=\"solution1\">Soluci\u00f3n 1. Eliminar la p\u00e1gina de paginaci\u00f3n del \u00edndice con la ayuda de Noindex.<\/h2>\n<p>&nbsp;<\/p>\n<p>En la mayor\u00eda de los casos, este m\u00e9todo es una prioridad y puede implementarse r\u00e1pidamente. El punto principal es la exclusi\u00f3n de todas las p\u00e1ginas de su paginaci\u00f3n del \u00edndice, exceptuando la primera.<\/p>\n<p>Se implementa de la siguiente manera:<\/p>\n<div class=\"code\"><code>&lt;meta name=\"robots\" content=\"noindex, follow\" \/&gt;<\/code><\/div>\n<p>Esta meta etiqueta se agrega en toda la secci\u00f3n de encabezado, menos en la primera p\u00e1gina.<\/p>\n<p>Por lo tanto, excluimos todas las p\u00e1ginas de su paginaci\u00f3n del \u00edndice, excepto la p\u00e1gina principal del cat\u00e1logo. Al mismo tiempo, aseguramos la indexaci\u00f3n de todos los productos y\/o p\u00e1ginas que pertenecen a este cat\u00e1logo. Presta atenci\u00f3n a lo siguiente:<\/p>\n<ul>\n<li>\u00a0Si colocas el texto descriptivo de la p\u00e1gina principal del cat\u00e1logo, aun as\u00ed es conveniente colocarlo solo en la primera p\u00e1gina.<\/li>\n<li>Debes verificar si la URL de la primera p\u00e1gina no est\u00e1 duplicada. Por ejemplo, cuando la paginaci\u00f3n se implementa de esta manera:<\/li>\n<\/ul>\n<p><em>site.com\/catalog?page=2<\/em><\/p>\n<p><em>site.com\/catalog?page=3<\/em><\/p>\n<p><em>\u2026<\/em><\/p>\n<p><em>site.com\/catalog?page=N<\/em><\/p>\n<p>Deber\u00e1s agregar un enlace en la primera p\u00e1gina, en caso de que no se encuentre en la primera p\u00e1gina.<\/p>\n<p><em>site.com\/catalog<\/em><\/p>\n<p>Tambi\u00e9n desde esta p\u00e1gina<\/p>\n<p><em>site.com\/catalog?page=1<\/em><\/p>\n<p>Las <a href=\"https:\/\/sitechecker.pro\/es\/301-redirect\/\">redirecciones 301 <\/a>al site.com\/catalog deber\u00e1n ser configuradas.<\/p>\n<p>&nbsp;<\/p>\n<h3>Pros<\/h3>\n<ul>\n<li>Funciona perfectamente en Yandex.<\/li>\n<li>Es la m\u00e1s sencilla de todas las soluciones.<\/li>\n<li>Es una excelente forma de excluir todas las p\u00e1ginas de ser paginadas en el \u00edndice, en caso de que no haya una buena raz\u00f3n para incluirlas en el mismo.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h3>Contras<\/h3>\n<ul>\n<li>Aunque resuelve el problema potencial de la paginaci\u00f3n, al mismo tiempo, excluimos el contenido de paginaci\u00f3n del \u00edndice.<\/li>\n<li>Si hay muchos productos y no utilizas el <a href=\"https:\/\/sitechecker.pro\/es\/xml-sitemap\/\">Sitemap XML<\/a>, los productos que se encuentran en el fondo del directorio ser\u00e1n indexaros durante un tiempo prolongado.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h2 id=\"solution2\">Soluci\u00f3n 2. &#8220;Ver todo&#8221; y rel=&#8221;canonical&#8221;<\/h2>\n<p>&nbsp;<\/p>\n<p>Este m\u00e9todo requiere el uso de Google para crear una p\u00e1gina separada de tipo &#8220;Ver todo&#8221;, donde se muestran todos los productos y\/o p\u00e1ginas desplegados en ese cat\u00e1logo. En todas las p\u00e1ginas de la paginaci\u00f3n colocamos <a href=\"https:\/\/sitechecker.pro\/es\/canonical-url\/\">rel=&#8221;canonical&#8221; <\/a>hacia la p\u00e1gina &#8220;Ver todo&#8221;.<\/p>\n<p>Implementaci\u00f3n de este m\u00e9todo: despu\u00e9s de haber creado la p\u00e1gina &#8220;Ver todo&#8221;, (por ejemplo site.com\/catalog\/view-all.html) en todas las p\u00e1ginas de la paginaci\u00f3n debes colocar lo siguiente en la secci\u00f3n de encabezado:<\/p>\n<p>&nbsp;<\/p>\n<div class=\"code\"><code>&lt;link rel=\"canonical\" href=\"http:\/\/site.com\/catalog\/view-all.html\" \/&gt;<\/code><\/div>\n<p>&nbsp;<\/p>\n<p>Por lo tanto, mostramos a los buscadores que cada p\u00e1gina de paginaci\u00f3n es parte de la p\u00e1gina &#8220;Ver todo&#8221;, por as\u00ed decirlo.<\/p>\n<p>Adem\u00e1s, Google afirma que:<\/p>\n<ul>\n<li>Este es el m\u00e9todo que ellos prefieren.<\/li>\n<li>Los usuarios tienden a ver toda la categor\u00eda en una p\u00e1gina al mismo tiempo (aunque este punto es bastante controvertido y depende tambi\u00e9n de la situaci\u00f3n de cada usuario).<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h3>Caracteristicas<\/h3>\n<p>La p\u00e1gina &#8220;Ver todo&#8221; debe cargarse bastante r\u00e1pido, preferiblemente entre 1 y 3 segundos.<\/p>\n<p>Por lo tanto, este m\u00e9todo es ideal para una categor\u00eda que tenga un n\u00famero de p\u00e1ginas con paginaci\u00f3n de 5 a 20 y no es adecuado para directorios que tengan cientos de p\u00e1ginas con paginaci\u00f3n.<\/p>\n<p>&nbsp;<\/p>\n<h3>Pros<\/h3>\n<ul>\n<li>\u00a0Este m\u00e9todo tiene prioridad para Google.<\/li>\n<li>Todos los contenidos de la paginaci\u00f3n se ubicar\u00e1n en el \u00edndice de la p\u00e1gina de b\u00fasquedas a trav\u00e9s de la p\u00e1gina &#8220;Ver todo&#8221;.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h3>Contras<\/h3>\n<ul>\n<li>No es adecuado si hay muchas p\u00e1ginas o muchas im\u00e1genes de alta calidad para productos y\/o art\u00edculos.<\/li>\n<li>Es bastante compleja su implementaci\u00f3n en la mayor\u00eda de los CMS standard.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h2 id=\"solution3\">Soluci\u00f3n 3. Rel=&#8221;prev&#8221;\/&#8221;next&#8221;<\/h2>\n<p>&nbsp;<\/p>\n<p>Nuestra \u00faltima opci\u00f3n para resolver el problema con la paginaci\u00f3n puede ser la m\u00e1s confusa, pero este es quiz\u00e1s el m\u00e9todo m\u00e1s universal para Google (Yandex no tiene en cuenta estas directrices). Dado que la implementaci\u00f3n es bastante complicada, debes tener mucho cuidado al aplicar este m\u00e9todo.<\/p>\n<p>Veamos c\u00f3mo funciona esto.<\/p>\n<p>Por ejemplo, tienes 4 p\u00e1ginas en el directorio. Usando rel =&#8221;prev&#8221;\/&#8221;next&#8221;, b\u00e1sicamente creas una cadena entre todas las p\u00e1ginas de este directorio. Esta cadena comienza desde la primera p\u00e1gina.<\/p>\n<p>Para esto, agrega a la secci\u00f3n de encabezado este comando:<\/p>\n<p>&nbsp;<\/p>\n<div class=\"code\"><code>&lt;link rel=\"next\" href=\"http:\/\/site.com\/page2.html\"&gt;<\/code><\/div>\n<p>&nbsp;<\/p>\n<p>Para la primera p\u00e1gina, este es el \u00fanico atributo. En el caso de la segunda p\u00e1gina, debes especificar tanto la p\u00e1gina anterior como la siguiente:<\/p>\n<p>&nbsp;<\/p>\n<div class=\"code\"><code>&lt;link rel=\"prev\" href=\"http:\/\/site.com\/page1.html\"&gt;<br \/>\n&lt;link rel=\"next\" href=\"http:\/\/site.com\/page3.html\"&gt;<\/code><\/div>\n<p>&nbsp;<\/p>\n<p>En la tercera p\u00e1gina hacemos lo mismo que hicimos en la segunda:<\/p>\n<p>&nbsp;<\/p>\n<div class=\"code\"><code>&lt;link rel=\"prev\" href=\"http:\/\/site.com\/page2.html\"&gt;<br \/>\n&lt;link rel=\"next\" href=\"http:\/\/site.com\/page4.html\"&gt;<\/code><\/div>\n<p>&nbsp;<\/p>\n<p>Cuando estamos en la cuarta y \u00faltima p\u00e1gina, debemos especificar solo la p\u00e1gina anterior de la cadena:<\/p>\n<p>&nbsp;<\/p>\n<div class=\"code\"><code>&lt;link rel=\"prev\" href=\"http:\/\/site.com\/page3.html\"&gt;<\/code><\/div>\n<p>&nbsp;<\/p>\n<p>Usando los atributos de rel = &#8220;prev&#8221; y &#8220;next&#8221;, Google fusiona los datos de la p\u00e1gina en un solo elemento del \u00edndice. Normalmente para los usuarios esta ser\u00e1 la primera p\u00e1gina, ya que por lo general es la p\u00e1gina m\u00e1s relevante.<\/p>\n<p>&nbsp;<\/p>\n<h3>Caracteristicas<\/h3>\n<ul>\n<li>\u00a0rel =&#8221;prev&#8221; y rel =&#8221;next&#8221; son para atributos secundarios para Google, no son mandatorios.<\/li>\n<li>Tanto las URL relativas como las absolutas pueden usarse como valores (de acuerdo con los valores v\u00e1lidos de la etiqueta).<\/li>\n<li>Si especificas una referencia en el documento, las rutas relativas se determinar\u00e1n en funci\u00f3n de la base URL.<\/li>\n<li>En el caso de que Google detecte errores en su marcado (por ejemplo, si falta el atributo rel=&#8221;prev&#8221; o rel=&#8221;next&#8221;), se realizar\u00e1 una indexaci\u00f3n de p\u00e1ginas y reconocimiento de contenido en funci\u00f3n del algoritmo heur\u00edstico de Google.<\/li>\n<li>Se debe verificar si la URL de la primera p\u00e1gina no est\u00e1 duplicada.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h3>Pros<\/h3>\n<ul>\n<li>\u00a0Este m\u00e9todo permite resolver el problema de la paginaci\u00f3n sin utilizar &#8220;Ver todo&#8221;.<\/li>\n<li>La implementaci\u00f3n ocurre solo con cambios menores en el HTML.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h3>Contras<\/h3>\n<ul>\n<li>\u00a0Estos atributos no son tomados en cuenta por Yandex.<\/li>\n<li>La implementaci\u00f3n puede ser bastante compleja.<\/li>\n<li>El insertar enlaces en la cadena de p\u00e1ginas debe hacerse con mucho cuidado.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h2 id=\"solution4\">Soluci\u00f3n 4. Scrolling en AJAX y Javascript<\/h2>\n<p>&nbsp;<\/p>\n<p>Probablemente te has encontrado con un desplazamiento o scrolling interminable de productos en alg\u00fan e-commerce, donde los productos se descargan constantemente al desplazarse hacia la parte inferior de la pantalla.<\/p>\n<p>Aunque esta es una excelente oportunidad para mejorar la experiencia en el sitio web, este m\u00e9todo debe usarse correctamente. Es mucho mejor que los productos no se carguen autom\u00e1ticamente al desplazarse.<\/p>\n<p>En su lugar, agrega un bot\u00f3n de &#8220;Mostrar m\u00e1s&#8221; debajo de los \u00faltimos productos. Una buena implementaci\u00f3n de este m\u00e9todo se puede ver en wikimart.ru en las ramificaciones finales de su directorio.<\/p>\n<p>&nbsp;<\/p>\n<h3>Uso adecuado de los par\u00e1metros<\/h3>\n<p>Cuando utilizas los atributos rel=&#8221;prev&#8221; y &#8220;next&#8221;, las p\u00e1ginas con paginaci\u00f3n pueden contener par\u00e1metros que no modifican el contenido:<\/p>\n<ul>\n<li>\u00a0Sesiones variables.<\/li>\n<li>Graduaci\u00f3n.<\/li>\n<li>Cambiar la cantidad de elementos por p\u00e1gina.<\/li>\n<\/ul>\n<p>En este caso, obtenemos contenido duplicado. Para resolver este problema, puedes utilizar la combinaci\u00f3n rel=&#8221;prev&#8221; y &#8220;next&#8221; y rel=&#8221;canonical&#8221;.<\/p>\n<p>Para hacer esto, en primer lugar, debes asegurarte de que todas las p\u00e1ginas con paginaci\u00f3n rel=&#8221;prev&#8221; o &#8220;next&#8221; usen el mismo par\u00e1metro. En segundo lugar, para cada URL con un par\u00e1metro, es necesario registrar su p\u00e1gina can\u00f3nica sin este par\u00e1metro.<\/p>\n<p>&nbsp;<\/p>\n<h3>Uso apropiado de filtros y rel =&#8221;prev&#8221; y &#8220;next&#8221;<\/h3>\n<p>Ahora, veamos un ejemplo donde usamos los par\u00e1metros por los cuales podemos y queremos dar contenido \u00fanico, es importante para nosotros mantener dichas p\u00e1ginas filtradas en el \u00edndice.<\/p>\n<p>Por ejemplo, tenemos una categor\u00eda de zapatos y queremos crear landing pages para buscar distribuir las diferentes marcas, usando par\u00e1metros en la URL.<\/p>\n<p>&nbsp;<\/p>\n<h3>En este caso<\/h3>\n<ul>\n<li>\u00a0No necesitas usar rel=&#8221;canonical&#8221; en la categor\u00eda principal, ya que el contenido es \u00fanico.<\/li>\n<li>Crear para cada marca sus cadenas \u00fanicas basadas en el atributo rel=&#8221;prev&#8221; y rel=&#8221;next&#8221;.<\/li>\n<li>Escribe un t\u00edtulo, la descripci\u00f3n y el texto, todos \u00fanicos y relevantes para la descripci\u00f3n de la categor\u00eda para cada filtro.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h2>Conclusi\u00f3n<\/h2>\n<p>&nbsp;<\/p>\n<p>Para concluir, aqu\u00ed dejamos nuestras recomendaciones para resolver el problema con la paginaci\u00f3n:<\/p>\n<ul>\n<li>\u00a0Si tienes la capacidad t\u00e9cnica para crear una p\u00e1gina &#8220;Ver todo&#8221; (estas p\u00e1ginas se cargan r\u00e1pidamente y no son de gran tama\u00f1o). Puedes usar esta opci\u00f3n, puesto que Google lo recomienda y Yandex comprende la directriz rel=&#8221;canonical&#8221;.<\/li>\n<li>Pero\u2026 en la mayor\u00eda de los casos, probablemente la mejor opci\u00f3n es asociar el uso del atributo rel=&#8221;next page\/prev page&#8221; (Google lo comprende) y la etiqueta meta robots=&#8221;noindex, follow&#8221; (tanto Google como Yandex lo entienden).<\/li>\n<\/ul>\n<p><\/p>","protected":false},"excerpt":{"rendered":"Tabla de contenido \u00bfQu\u00e9 es paginaci\u00f3n? Soluci\u00f3n 1. Eliminar la p\u00e1gina de paginaci\u00f3n del \u00edndice con la ayuda de Noindex. Soluci\u00f3n 2. &#8220;Ver todo&#8221; y rel=&#8221;canonical&#8221; Soluci\u00f3n 3. Rel=&#8221;prev&#8221;\/&#8221;next&#8221; Soluci\u00f3n 4. Scrolling en AJAX y Javascript &nbsp; \u00bfQu\u00e9 es paginaci\u00f3n? &nbsp; La paginaci\u00f3n es una numeraci\u00f3n ordinal de p\u00e1ginas, que generalmente se encuentra en la&#8230;","protected":false},"author":11474150,"featured_media":3354,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"pages-templates\/pages-v2.php","meta":[],"categories":[28],"tags":[],"_links":{"self":[{"href":"https:\/\/sitechecker.pro\/es\/wp-json\/wp\/v2\/pages\/956"}],"collection":[{"href":"https:\/\/sitechecker.pro\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sitechecker.pro\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sitechecker.pro\/es\/wp-json\/wp\/v2\/users\/11474150"}],"replies":[{"embeddable":true,"href":"https:\/\/sitechecker.pro\/es\/wp-json\/wp\/v2\/comments?post=956"}],"version-history":[{"count":84,"href":"https:\/\/sitechecker.pro\/es\/wp-json\/wp\/v2\/pages\/956\/revisions"}],"predecessor-version":[{"id":39352,"href":"https:\/\/sitechecker.pro\/es\/wp-json\/wp\/v2\/pages\/956\/revisions\/39352"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/sitechecker.pro\/es\/wp-json\/wp\/v2\/media\/3354"}],"wp:attachment":[{"href":"https:\/\/sitechecker.pro\/es\/wp-json\/wp\/v2\/media?parent=956"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sitechecker.pro\/es\/wp-json\/wp\/v2\/categories?post=956"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sitechecker.pro\/es\/wp-json\/wp\/v2\/tags?post=956"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}