{"id":1214,"date":"2023-06-20T14:26:34","date_gmt":"2023-06-20T14:26:34","guid":{"rendered":"https:\/\/www.appyweb.es\/diccionario\/?page_id=1214"},"modified":"2024-03-25T09:59:49","modified_gmt":"2024-03-25T09:59:49","slug":"elementos-enlace-prev-next","status":"publish","type":"page","link":"https:\/\/www.appyweb.es\/diccionario\/elementos-enlace-prev-next\/","title":{"rendered":"Elementos de enlace de prev y next"},"content":{"rendered":"<h1><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-12449\" src=\"https:\/\/www.appyweb.es\/diccionario\/wp-content\/uploads\/2024\/03\/HTMLPREVNEXT-300x180.jpg\" alt=\"Elementos de enlace de prev y next\" width=\"1138\" height=\"683\" srcset=\"https:\/\/www.appyweb.es\/diccionario\/wp-content\/uploads\/2024\/03\/HTMLPREVNEXT-300x180.jpg 300w, https:\/\/www.appyweb.es\/diccionario\/wp-content\/uploads\/2024\/03\/HTMLPREVNEXT-768x461.jpg 768w, https:\/\/www.appyweb.es\/diccionario\/wp-content\/uploads\/2024\/03\/HTMLPREVNEXT.jpg 1000w\" sizes=\"auto, (max-width: 1138px) 100vw, 1138px\" \/><\/h1>\n<p>Son atributos que se pueden incluir en el c\u00f3digo HTML de un sitio web para indicar paginaci\u00f3n, por ejemplo, los elementos de enlace de prev y next se pueden visualizar como botones al final de una lista de art\u00edculos en un blog o de una lista de cat\u00e1logo, precisamente para <strong>indicar que hay m\u00e1s posts o productos en la previa o siguiente p\u00e1gina<\/strong>.<\/p>\n<h2>\u00bfQu\u00e9 son?<\/h2>\n<p>Son atributos que permiten informar al buscador, que las p\u00e1ginas pertenecen a una misma secci\u00f3n dentro del sitio. Fueron creados por Google en 2011 para sugerir <strong>una forma para ordenar la informaci\u00f3n abundante en un sitio web<\/strong>. De esta forma, el buscador puede distinguir m\u00e1s f\u00e1cilmente que todas las p\u00e1ginas est\u00e1n ordenadas y forman parte de una misma tem\u00e1tica.<\/p>\n<p>Por tanto, son atributos que se utilizan para <a href=\"https:\/\/www.appyweb.es\/posicionamiento-web\/\">implementar estrategias de posicionamiento web<\/a>, aunque Google ha indicado que no se trata de una optimizaci\u00f3n obligatoria para obtener mejores resultados en las SERP\\\\\\&#8217; (p\u00e1gina de resultados de b\u00fasqueda), si es una buena sugerencia para facilitar el trabajo del algoritmo.<\/p>\n<h2>\u00bfC\u00f3mo se utilizan prev y next?<\/h2>\n<p>Lo recomendable es que estas sean empleadas en sitios web que requieren de varias p\u00e1ginas para mostrar listas de informaci\u00f3n o productos. Como se mencion\u00f3 anteriormente, esto suele suceder en empresas que venden productos por Internet. Al tener un cat\u00e1logo amplio no solo necesitar\u00e1n espacio extra, sino tambi\u00e9n un orden espec\u00edfico de p\u00e1ginas para mostrarlos.<\/p>\n<p>En pocas palabras, los elementos de enlace prev y next sirven <a href=\"https:\/\/www.appyweb.es\/diseno-web\/%20del%20sitio\">para mejorar el dise\u00f1o web<\/a>, al mismo tiempo que <strong>se a\u00f1ade una nueva opci\u00f3n de navegabilidad para los usuarios<\/strong>, as\u00ed que puedan acceder a las p\u00e1ginas de forma ordenada.<\/p>\n<p>Con respecto al algoritmo, cuando se organizan distintas p\u00e1ginas que pertenecen a una sola secci\u00f3n, el buscador puede interpretarlo como contenido duplicado, lo que puede ser poco beneficioso para el posicionamiento. Es por eso que las etiquetas next y prev se utilizan, de forma que <strong>para el robot sea m\u00e1s f\u00e1cil diferenciar que no son iguales<\/strong>, pero pertenecen a la misma categor\u00eda.<\/p>\n<h2>\u00bfC\u00f3mo implementar enlaces prev y next?<\/h2>\n<p>Estos atributos se introducen en el c\u00f3digo HTML del sitio web, se utiliza rel=\u00bbprev\u00bb y rel=\u00bbnext\u00bb dentro del enlace o link que indica las p\u00e1ginas de una secci\u00f3n. Por ejemplo, para un sitio que vende camisetas y tiene una categor\u00eda de \u00abcamisetas negras\u00bb en su cat\u00e1logo, los elementos de enlace se ver\u00edan as\u00ed.<\/p>\n<ul>\n<li>&lt;link rel=\u00bbnext\u00bb href=\u00bbhttps:\/\/empresadecamisetas.com\/camisetas-negras\/pagina2\/&gt;<\/li>\n<\/ul>\n<p>Ahora, en el c\u00f3digo anterior se indica que existe una \u201cp\u00e1gina 2\u201d en la p\u00e1gina 1 o home con el atributo <em>next<\/em>, pero, una vez en la p\u00e1gina 2, tambi\u00e9n se debe a\u00f1adir el elemento prev, para indicar que existe una p\u00e1gina 1 o home, al mismo tiempo, se indica que la siguiente es la p\u00e1gina 3.<\/p>\n<ul>\n<li>&lt;link rel=\u00bbprev\u00bb href=\u00bbhttps:\/\/empresadecamisetas.com\/camisetas-negras\/&gt;<\/li>\n<li>&lt;link rel=\u00bbnext\u00bb href=\u00bbhttps:\/\/empresadecamisetas.com\/camisetas-negras\/pagina3\/&gt;<\/li>\n<\/ul>\n<p>Despu\u00e9s, en la p\u00e1gina 3 se indica la primera l\u00ednea de c\u00f3digo con la p\u00e1gina 2 y la segunda con la p\u00e1gina 4, y as\u00ed sucesivamente en todas las p\u00e1ginas de la secci\u00f3n de camisetas negras.<\/p>\n<h2>Recomendaciones al utilizar elementos de enlaces prev y next<\/h2>\n<ul>\n<li>La primera p\u00e1gina nunca debe tener el elemento prev, ya que es la n\u00famero 1, es decir, la portada o la home de la secci\u00f3n.<\/li>\n<li>Asimismo, la \u00faltima p\u00e1gina solo debe contener el elemento prev, ya que despu\u00e9s de \u00e9sta no hay m\u00e1s p\u00e1ginas.<\/li>\n<li>En los casos anteriores, si se a\u00f1aden los atributos incorrectos es posible que se genere un error en la indexaci\u00f3n.<\/li>\n<li>Es <strong>recomendable utilizar las etiquetas canonical como base<\/strong>, estas impedir\u00e1n que el robot las eval\u00fae como duplicados.<\/li>\n<\/ul>\n<p><script type=\"application\/ld+json\">{\"@context\":\"https:\/\/schema.org\",\"@type\":\"FAQPage\",\"mainEntity\":[ \n{\"@type\":\"Question\",\"name\":\"\ud83d\udccc \u00bfQu\u00e9 son?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"<\/p>\n<p>Son atributos que permiten informar al buscador, que las p\u00e1ginas pertenecen a una misma secci\u00f3n dentro del sitio. Fueron creados por Google en 2011 para sugerir <strong>una forma para ordenar la informaci\u00f3n abundante en un sitio web<\/strong>. De esta forma, el buscador puede distinguir m\u00e1s f\u00e1cilmente que todas las p\u00e1ginas est\u00e1n ordenadas y forman parte de una misma tem\u00e1tica.<\/p>\n<p>Por tanto, son atributos que se utilizan para <a href='https:\/\/www.appyweb.es\/posicionamiento-web\/'>implementar estrategias de posicionamiento web<\/a>, aunque Google ha indicado que no se trata de una optimizaci\u00f3n obligatoria para obtener mejores resultados en las SERP\\\\\\' (p\u00e1gina de resultados de b\u00fasqueda), si es una buena sugerencia para facilitar el trabajo del algoritmo.<\/p>\n<p>\"}},\n{\"@type\":\"Question\",\"name\":\"\ud83d\udccc \u00bfC\u00f3mo se utilizan prev y next?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"<\/p>\n<p>Lo recomendable es que estas sean empleadas en sitios web que requieren de varias p\u00e1ginas para mostrar listas de informaci\u00f3n o productos. Como se mencion\u00f3 anteriormente, esto suele suceder en empresas que venden productos por Internet. Al tener un cat\u00e1logo amplio no solo necesitar\u00e1n espacio extra, sino tambi\u00e9n un orden espec\u00edfico de p\u00e1ginas para mostrarlos.<\/p>\n<p>En pocas palabras, los elementos de enlace prev y next sirven <a href='https:\/\/www.appyweb.es\/diseno-web\/%20del%20sitio'>para mejorar el dise\u00f1o web<\/a>, al mismo tiempo que <strong>se a\u00f1ade una nueva opci\u00f3n de navegabilidad para los usuarios<\/strong>, as\u00ed que puedan acceder a las p\u00e1ginas de forma ordenada.<\/p>\n<p>Con respecto al algoritmo, cuando se organizan distintas p\u00e1ginas que pertenecen a una sola secci\u00f3n, el buscador puede interpretarlo como contenido duplicado, lo que puede ser poco beneficioso para el posicionamiento. Es por eso que las etiquetas next y prev se utilizan, de forma que <strong>para el robot sea m\u00e1s f\u00e1cil diferenciar que no son iguales<\/strong>, pero pertenecen a la misma categor\u00eda.<\/p>\n<p>\"}},\n{\"@type\":\"Question\",\"name\":\"\ud83d\udccc \u00bfC\u00f3mo implementar enlaces prev y next?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"<\/p>\n<p>Estos atributos se introducen en el c\u00f3digo HTML del sitio web, se utiliza rel='prev' y rel='next' dentro del enlace o link que indica las p\u00e1ginas de una secci\u00f3n. Por ejemplo, para un sitio que vende camisetas y tiene una categor\u00eda de 'camisetas negras' en su cat\u00e1logo, los elementos de enlace se ver\u00edan as\u00ed.<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<ul>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<li>\t\t<link rel='next' href='https:\/\/empresadecamisetas.com\/camisetas-negras\/pagina2\/><\/li>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/ul>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<p>Ahora, en el c\u00f3digo anterior se indica que existe una \u201cp\u00e1gina 2\u201d en la p\u00e1gina 1 o home con el atributo <em>next<\/em>, pero, una vez en la p\u00e1gina 2, tambi\u00e9n se debe a\u00f1adir el elemento prev, para indicar que existe una p\u00e1gina 1 o home, al mismo tiempo, se indica que la siguiente es la p\u00e1gina 3.<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<ul>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<li>\t\t<link rel='prev' href='https:\/\/empresadecamisetas.com\/camisetas-negras\/><\/li>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<li>\t\t<link rel='next' href='https:\/\/empresadecamisetas.com\/camisetas-negras\/pagina3\/><\/li>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/ul>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<p>Despu\u00e9s, en la p\u00e1gina 3 se indica la primera l\u00ednea de c\u00f3digo con la p\u00e1gina 2 y la segunda con la p\u00e1gina 4, y as\u00ed sucesivamente en todas las p\u00e1ginas de la secci\u00f3n de camisetas negras.<\/p>\n<p>\"}},\n{\"@type\":\"Question\",\"name\":\"\ud83d\udccc Recomendaciones al utilizar elementos de enlaces prev y next\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<ul>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<li>La primera p\u00e1gina nunca debe tener el elemento prev, ya que es la n\u00famero 1, es decir, la portada o la home de la secci\u00f3n.<\/li>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<li>Asimismo, la \u00faltima p\u00e1gina solo debe contener el elemento prev, ya que despu\u00e9s de \u00e9sta no hay m\u00e1s p\u00e1ginas.<\/li>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<li>En los casos anteriores, si se a\u00f1aden los atributos incorrectos es posible que se genere un error en la indexaci\u00f3n.<\/li>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<li>Es <strong>recomendable utilizar las etiquetas canonical como base<\/strong>, estas impedir\u00e1n que el robot las eval\u00fae como duplicados.<\/li>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/ul>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<p>\"}}\n]}<\/script><\/p>\n<h2>M\u00e1s informaci\u00f3n sobre elementos de enlace prev y next<\/h2>\n<p>\u00bfQuieres saber m\u00e1s sobre estos atributos? Aqu\u00ed tienes un par de enlaces que te ayudar\u00e1n a saber c\u00f3mo funciona la paginaci\u00f3n en la optimizaci\u00f3n para Google y cu\u00e1les son sus recientes modificaciones.<\/p>\n<ul>\n<li><a href=\"https:\/\/www.appyweb.es\/diccionario\/numero-paginas-reales-sitio\/\">\u00bfQu\u00e9 son los n\u00fameros de p\u00e1ginas reales de un sitio?<\/a><\/li>\n<li><a href=\"https:\/\/comenzandodecero.com\/guia-seo-de-paginacion-sin-relnext-and-relprev\/#Google_anuncia_modificaciones_en_la_gestion_de_paginacion\" rel=\"nofollow noopener\" target=\"_blank\">Google anuncia modificaciones en la gesti\u00f3n de paginaci\u00f3n<\/a><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Son atributos que se pueden incluir en el c\u00f3digo HTML de un sitio web para indicar paginaci\u00f3n, por ejemplo, los elementos de enlace de prev y next se pueden visualizar como botones al final de una lista de art\u00edculos en un blog o de una lista de cat\u00e1logo, precisamente para indicar que hay m\u00e1s posts [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":12449,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-1214","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/www.appyweb.es\/diccionario\/wp-json\/wp\/v2\/pages\/1214","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.appyweb.es\/diccionario\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.appyweb.es\/diccionario\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.appyweb.es\/diccionario\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.appyweb.es\/diccionario\/wp-json\/wp\/v2\/comments?post=1214"}],"version-history":[{"count":8,"href":"https:\/\/www.appyweb.es\/diccionario\/wp-json\/wp\/v2\/pages\/1214\/revisions"}],"predecessor-version":[{"id":12451,"href":"https:\/\/www.appyweb.es\/diccionario\/wp-json\/wp\/v2\/pages\/1214\/revisions\/12451"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.appyweb.es\/diccionario\/wp-json\/wp\/v2\/media\/12449"}],"wp:attachment":[{"href":"https:\/\/www.appyweb.es\/diccionario\/wp-json\/wp\/v2\/media?parent=1214"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}