{"id":31631,"date":"2024-11-12T12:40:18","date_gmt":"2024-11-12T12:40:18","guid":{"rendered":"https:\/\/www.seobility.net\/?post_type=wiki&p=31631"},"modified":"2025-03-18T13:55:23","modified_gmt":"2025-03-18T13:55:23","slug":"paginacion-web","status":"publish","type":"wiki","link":"https:\/\/www.seobility.net\/es\/wiki\/paginacion-web","title":{"rendered":"Paginaci\u00f3n web"},"content":{"rendered":"

\u00bfQu\u00e9 es la paginaci\u00f3n web?<\/span><\/h2>\n

El t\u00e9rmino paginaci\u00f3n web se utiliza cuando el contenido de un sitio web se divide en varias p\u00e1ginas, por ejemplo, es el caso de las listas de productos de una tienda online.\n<\/p>\n

Escenarios de aplicaci\u00f3n<\/span><\/h2>\n

La paginaci\u00f3n puede ser necesaria para noticias largas o art\u00edculos de blog cuyo contenido es demasiado extenso y, por tanto, tiene que dividirse en varias p\u00e1ginas.\n<\/p>\n

Otro buen ejemplo de paginaci\u00f3n, son los listados de productos de una tienda online. Podr\u00eda ser el caso de una tienda que decide mostrar solo 25 productos de una categor\u00eda en una p\u00e1gina, porque visualizar todos los productos podr\u00eda ser demasiado confuso y dif\u00edcil de navegar. Por esta raz\u00f3n, la paginaci\u00f3n es a menudo indispensable para las tiendas online que cuentan con mucha variedad de art\u00edculos.\n<\/p>\n

Adem\u00e1s, la numeraci\u00f3n de p\u00e1ginas se usa a menudo en foros con hilos muy largos o en \u00e1reas de comentarios de sitios web. Asimismo, se recomienda utilizarla en los guiones gr\u00e1ficos de las revistas online, donde cada imagen se muestra en su propia p\u00e1gina.\n<\/p>\n

Ventajas<\/span><\/h2>\n

El uso de la paginaci\u00f3n puede ser conveniente por diversas razones. La m\u00e1s importante es que mejora la claridad y la usabilidad de una web al dividir un contenido muy extenso en varias p\u00e1ginas.\n<\/p>\n

Por ejemplo, las y los internautas pueden sentirse r\u00e1pidamente abrumados cuando los 150 productos de una determinada categor\u00eda se muestran en una sola p\u00e1gina. Navegar por todos estos art\u00edculos probablemente demore mucho tiempo y no genera la mejor experiencia de compra.\n<\/p>\n

Sin embargo, si solamente se muestran 20 productos por p\u00e1gina, las sites individuales ser\u00e1n m\u00e1s claras y las usuarias\/os podr\u00e1n navegar f\u00e1cilmente recorriendo las diferentes subp\u00e1ginas.\n<\/p>\n

As\u00ed pues, reducir el contenido que se muestra en una sola p\u00e1gina tambi\u00e9n disminuye el tiempo de carga puesto que no hay que cargar todo el contenido del listado a la vez, mejorando as\u00ed la usabilidad<\/a> y el SEO.\n<\/p>\n

Adem\u00e1s, las y los webmasters que muestran publicidad de terceros en su sitio web pueden beneficiarse de un mayor n\u00famero de impresiones de p\u00e1gina por visitante y de mayores oportunidades de publicitar. Si, por ejemplo, un art\u00edculo editorial se divide en tres p\u00e1ginas, la publicidad puede mostrarse en cada una de ellas (en lugar de poder hacerlo solamente en una).\n<\/p>\n

Paginaci\u00f3n SEO friendly<\/span><\/h2>\n

Aunque la paginaci\u00f3n contribuye a una mayor claridad desde el punto de vista de la usabilidad, puede generar problemas con respecto a la optimizaci\u00f3n de los motores de b\u00fasqueda, ya que la paginaci\u00f3n divide el contenido que debe estar junto en varias p\u00e1ginas que, desafortunadamente, se indexan individualmente.\n<\/p>\n

Como resultado, Google no sabe qu\u00e9 p\u00e1gina es la m\u00e1s relevante para una consulta de b\u00fasqueda concreta porque todas las subp\u00e1ginas se refieren al mismo tema y podr\u00eda no mostrar la site principal en los resultados de una b\u00fasqueda.\n<\/p>\n

Adem\u00e1s, como cada p\u00e1gina est\u00e1 indexada individualmente, todas estas sites compiten entre s\u00ed en la clasificaci\u00f3n, afectando negativamente a los r\u00e1nkings del portal por culpa de posibles canibalizaciones y el reparto del link juice.\n<\/p>\n

Para solucionar o evitar estos problemas, se puede aplicar una paginaci\u00f3n SEO friendly de dos formas: 1. crear una p\u00e1gina de vista general o 2. utilizar los atributos rel=\u00bbnext\u00bb y rel=\u00bbprev\u00bb.\n<\/p>\n

P\u00e1gina \u201cver todo\u201d o \u00abview-all\u00bb<\/span><\/h3>\n
\n
\"<\/a> <\/p>\n
Imagen:<\/b> P\u00e1gina \u201cview-all\u201d – Autor: Seobility – Licencia: CC BY-SA 4.0<\/a><\/div>\n<\/div>\n<\/div>\n

Una p\u00e1gina de vista general o \u00abview-all\u00bb combina todo los contenidos en una sola p\u00e1gina y es la que utilizar\u00e1 Google para su indexaci\u00f3n.\n<\/p>\n

En una tienda online, por ejemplo, todos los productos de una misma categor\u00eda se combinar\u00edan en esta \u00fanica p\u00e1gina.\n<\/p>\n

Adem\u00e1s, dichas sites son las preferidas por las y los navegantes porque no tienen que acceder a varias subp\u00e1ginas para recorrer todo el listado de productos.\n<\/p>\n

Como Maile Ohye describe en un v\u00eddeo para webmasters de Google<\/a>, los robots reconocen las p\u00e1ginas de vista general y las emplean autom\u00e1ticamente para la indexaci\u00f3n.\n<\/p>\n

De este modo, el valor de los enlaces de todas las sites individuales se consolida en la p\u00e1gina de resumen. Sin embargo, para asegurarse m\u00e1s a\u00fan, se puede establecer una URL Can\u00f3nica<\/a> en las subp\u00e1ginas, que remita a la principal:\n<\/p>\n

\u201cSi tienes una p\u00e1gina \u201cview-all\u201d disponible, Google tratar\u00e1 de detectarla autom\u00e1ticamente y enviar\u00e1 a los buscadores all\u00ed, adem\u00e1s de consolidar sus propiedades de indexaci\u00f3n. […]. La segunda opci\u00f3n es utilizar rel=\u00bbcanonical\u00bb para indicar expl\u00edcitamente a Google cu\u00e1l es la p\u00e1gina principal\u00bb. (Maile Ohye, jefe de tecnolog\u00eda de programas para desarrolladores)<\/i>.\n<\/p>\n

En este enlace se puede ver el formato URL de una p\u00e1gina de vista general:\n<\/p>\n

<link rel=\"canonical\" href=\"https:\/\/www.ejemplo.com\/paginas\/ver-todol\/\"><\/pre>\n
En cualquier caso, es importante asegurarse de que este tipo de p\u00e1ginas pueda cargarse en 4 segundos y sea f\u00e1cil de navegar para no afectar a la usabilidad del sitio.
\nSi la variante view-all no es la soluci\u00f3n \u00f3ptima (especialmente en el caso de sitios web muy grandes), existe una segunda alternativa para la paginaci\u00f3n: los atributos rel=\u00bbnext\u00bb y rel=\u00bbprev\u00bb.\n<\/p>\n
Atributos rel=\u00bbnext\u00bb\/\u00bbprev\u00bb<\/span><\/h3>\n
\n
\"<\/a>  <\/p>\n
Imagen:<\/b> rel=\u201cnext\u201d\/\u201cprev\u201d – Autor: Seobility – Licencia: CC BY-SA 4.0<\/a><\/div>\n<\/div>\n<\/div>\n
Al a\u00f1adir los atributos rel=\u00bbnext\u00bb y rel=\u00bbprev\u00bb (rel=\u00bbprev\u00bb como anterior y rel=\u00bbnext\u00bb como siguiente) en la cabecera de una p\u00e1gina web, se est\u00e1 indicando a Google que las p\u00e1ginas individuales pertenecen a un grupo, a un todo.\n<\/p>\n
El siguiente ejemplo ilustra el uso correcto de los atributos. Supongamos que un sitio web utiliza una paginaci\u00f3n que consta de tres subp\u00e1ginas con las siguientes URL:\n<\/p>\n
P\u00e1gina 1:\n<\/p>\n
https:\/\/www.ejemplo.com\/pagina1.html\n<\/p>\n
P\u00e1gina 2:\n<\/p>\n
https:\/\/www.ejemplo.com\/pagina2.html\n<\/p>\n
P\u00e1gina 3:\n<\/p>\n
https:\/\/www.ejemplo.com\/pagina3.html\n<\/p>\n
Como la p\u00e1gina 1 no tiene anterior, sino solo un sucesor, \u00fanicamente emplea el atributo rel=\u00bbnext\u00bb en su cabecera:\n<\/p>\n
<link rel=\"next\" href=\"https:\/\/www.ejemplo.com\/pagina2.html\"><\/pre>\n
En la p\u00e1gina 2, sin embargo, se necesitan ambos atributos:\n<\/p>\n
<link rel=\"prev\" href=\"https:\/\/www.ejemplo.com\/pagina1.html\">\r\n<link rel=\"next\" href=\"https:\/\/www.ejemplo.com\/pagina3.html\"><\/pre>\n
En la \u00faltima p\u00e1gina, solamente es necesario un atributo rel=\u00bbprev\u00bb:\n<\/p>\n
<link rel=\"prev\" href=\"https:\/\/www.ejemplo.com\/pagina2.html\"><\/pre>\n
Si estos atributos se implementan correctamente, Google tratar\u00e1 las p\u00e1ginas individuales como una unidad y consolidar\u00e1 sus propiedades de indexaci\u00f3n. Normalmente, la primera p\u00e1gina se muestra en los resultados de b\u00fasqueda, ya que en la mayor\u00eda de los casos es la p\u00e1gina m\u00e1s relevante.\n<\/p>\n
Tambi\u00e9n se pueden incluir estos atributos si existe una p\u00e1gina de vista general, pero la idea es m\u00e1s bien marcar una subp\u00e1gina espec\u00edfica para que sea indexada y se muestre en los resultados de b\u00fasqueda.\n<\/p>\n
Cuando se trabaja con esta alternativa, hay que observar que los par\u00e1metros como ID de sesi\u00f3n<\/a> que no cambian el contenido de una p\u00e1gina tambi\u00e9n deben incluirse en los atributos rel=\u00bbnext\u00bb\/\u00bbprev\u00bb.\n<\/p>\n
En este caso, tampoco utilizamos un enlace can\u00f3nico que se refiera a la primera p\u00e1gina de la paginaci\u00f3n, pues estos enlaces solo est\u00e1n pensados m\u00e1s bien para el contenido duplicado<\/a>. Eso es as\u00ed porque, en realidad, el contenido de la p\u00e1gina 2 de una paginaci\u00f3n no es el mismo que el de la p\u00e1gina 1. Adem\u00e1s, Google considera estos atributos simplemente como una una pista y no tiene por qu\u00e9 usarlos para la indexaci\u00f3n.\n<\/p>\n
\n
Actualizaci\u00f3n (22.03.2019):<\/b> El 21 de marzo de 2019, Google anunci\u00f3 a trav\u00e9s de Twitter que hac\u00eda a\u00f1os que no utilizaba los atributos rel=\u00bbnext\u00bb\/\u00bbprev\u00bb para la indexaci\u00f3n<\/a>. Google recomienda proporcionar todo el contenido en una p\u00e1gina view all en su lugar, ya que esta variante tambi\u00e9n es la preferida por las personas. Sin embargo, en general, siempre debe elegir la variante que ofrezca el mejor resultado para sus internautas<\/a>. Por lo tanto, si utilizas rel=\u00bbnext\u00bb\/\u00bbprev\u00bb puedes seguir haci\u00e9ndolo, sobre todo porque el marcado es compatible (en parte) con otros motores de b\u00fasqueda y navegadores.\n<\/p>\n<\/div>\n
Otros aspectos relacionados con la paginaci\u00f3n<\/span><\/h2>\n
Aunque en los comentarios anteriores recomendamos usar un enlace can\u00f3nico para ver todas las p\u00e1ginas y describimos los atributos rel=\u00bbnext\u00bb\/\u00bbprev\u00bb como una opci\u00f3n alternativa, se trata de enfoques independientes.\n<\/p>\n
Por lo tanto, ambas opciones pueden utilizarse en una p\u00e1gina al mismo tiempo. Esto significa que, adem\u00e1s de los enlaces rel=\u00bbnext\u00bb\/\u00bbprev\u00bb, tambi\u00e9n puede haber un enlace can\u00f3nico que haga referencia a una p\u00e1gina en s\u00ed.\n<\/p>\n
Suele ocurrir que, los y las webmasters incluyen noindex<\/a> o follow en la metaetiqueta<\/a> robots para evitar la indexaci\u00f3n de la p\u00e1gina 2 a la n de una paginaci\u00f3n.\n<\/p>\n
Esto es problem\u00e1tico porque, de este modo, Google deja de seguir los enlaces de las p\u00e1ginas noindex despu\u00e9s de un cierto per\u00edodo de tiempo<\/a>. Por lo tanto, pueden perderse enlaces internos<\/a> importantes (por ejemplo, enlaces a otras p\u00e1ginas de productos de la misma tienda online).\n<\/p>\n
Adem\u00e1s, el uso de \u00abnoindex\u201d o \u201cfollow\u00bb a menudo no tiene sentido para los art\u00edculos editoriales, ya que la informaci\u00f3n que le interesa a una usuaria o usuario podr\u00eda encontrarse tambi\u00e9n en esa p\u00e1gina que no est\u00e1 indexada.\n<\/p>\n
Por otra parte, Google tampoco podr\u00eda utilizar el texto completo para evaluar el contenido de los art\u00edculos. Por este motivo, solo se deber\u00eda utilizar \u00abnoindex\u00bb si no hay contenidos relevantes o enlaces internos en las p\u00e1ginas siguientes de una paginaci\u00f3n.\n<\/p>\n
Otro aspecto a considerar es el dise\u00f1o de la paginaci\u00f3n. Es mejor emplear n\u00fameros en lugar de solo los enlaces \u00abanterior \u00bb y \u00absiguiente\u00bb, pues es m\u00e1s f\u00e1cil de entender tanto para las personas como para Google. De hecho, el propio Google ofrece un buen ejemplo de ello:\n<\/p>\n
\"paginaci\u00f3n\n<\/p>\n
Captura de pantalla de paginaci\u00f3n de google.com<\/a>.\n<\/p>\n
Este ejemplo tambi\u00e9n ilustra otro aspecto a tener en cuenta a la hora de numerar las p\u00e1ginas: la p\u00e1gina actual (en este caso la p\u00e1gina 2) no debe contener un enlace, sino que debe estar resaltada.\n<\/p>\n
Adem\u00e1s, tambi\u00e9n se debe indicar siempre la primera y la \u00faltima p\u00e1gina de la paginaci\u00f3n, lo que permite a los rastreadores<\/a> captar r\u00e1pidamente una imagen completa de toda la paginaci\u00f3n sin necesidad de navegar por varios niveles de la web (por ejemplo, de la p\u00e1gina 1 a la 5, luego a la 10, etc. hasta llegar a la 18).\n<\/p>\n
Tambi\u00e9n se puede aumentar la usabilidad a\u00f1adiendo elementos ling\u00fc\u00edsticos (\u00abanterior\u00bb, \u00absiguiente\u00bb, \u00ab\u00faltima p\u00e1gina\u00bb, \u00abprimera p\u00e1gina\u00bb), los cuales son inconfundibles para las y los visitantes a diferencia de, por ejemplo,las flechas.\n<\/p>\n
Finalmente, otra buena pr\u00e1ctica es mantener una distancia suficiente entre los distintos enlaces (sobre todo si se utilizan n\u00fameros).\n<\/p>\n
Ejemplos<\/span><\/h2>\n
Veamos un art\u00edculo web que est\u00e1 dividido en 5 subp\u00e1ginas individuales y en el que tambi\u00e9n hay una p\u00e1gina para ver todo (\u00abLeer en una p\u00e1gina\u00bb):\n<\/p>\n
\"paginaci\u00f3n\"\n<\/p>\n
Captura de pantalla de sergroup.com<\/a>\n<\/p>\n
En cada subp\u00e1gina paginada, hay un enlace can\u00f3nico que remite a la p\u00e1gina de visualizaci\u00f3n.\n<\/p>\n
En este otro ejemplo podemos observar que no siempre es necesaria una p\u00e1gina global para la paginaci\u00f3n. Esta tienda online utiliza atributos rel=\u00bbnext\u00bb\/\u00bbprev\u00bb para referirse a la p\u00e1gina anterior y siguiente:\n<\/p>\n
\"paginaci\u00f3n\"\n<\/p>\n
\"paginaci\u00f3n\"\n<\/p>\n
Capturas de pantalla de asos.com<\/a>\n<\/p>\n
En este caso la tienda online que vemos en la imagen tambi\u00e9n utiliza etiquetas can\u00f3nicas que remiten a la misma p\u00e1gina en la que se utilizan.\n<\/p>\n
Para resumir, aunque rel=\u00bbnext\u00bb\/\u00bbprev\u00bb sigue siendo una opci\u00f3n adecuada para la paginaci\u00f3n, el n\u00famero de sitios web que realmente utilizan estos atributos est\u00e1 disminuyendo. Incluso las tiendas online han empezado a ofrecer todos los productos de una categor\u00eda en una sola p\u00e1gina. Para mantener la velocidad de la p\u00e1gina, los productos no se cargan a la vez, sino que solo ocurre si las personas se desplazan hacia abajo en una p\u00e1gina.\n<\/p>\n
En general, no deber\u00edas preocuparte demasiado por si tu paginaci\u00f3n es SEO friendly o no. En su lugar, intenta proporcionar la mejor experiencia de usabilidad a las y los visitantes, lo que tambi\u00e9n ser\u00e1 recompensado por Google.\n<\/p>\n
Ampliar conocimientos<\/span><\/h2>\n