Las etiquetas Rel son potentes etiquetas que pueden añadirse a un sitio web para señalar una relación entre la página web actual y la página web a la que enlaza la etiqueta.
El uso adecuado de estas etiquetas puede ayudarle a evitar sanciones por contenido duplicado, principalmente informando a los motores de búsqueda de la página original y de las páginas que son meras copias (o páginas que forman parte de una secuencia). También puede indicar a los motores de búsqueda qué páginas mostrar en sus SERP y cuáles evitar.
Como puede ver, los usos de estas etiquetas son muy diversos.
En este artículo, vamos a hablar brevemente de las tres etiquetas rel más importantes, así como de cómo y cuándo debe utilizarlas en su sitio web:
- Etiqueta rel canonical (rel=”canonical”)
- Etiquetas rel next/prev (rel=”next” y rel=”prev”)
- Etiqueta rel alternate (rel=”alternate”)
Los ejemplos que voy a utilizar en este artículo son específicos de un sitio WordPress, pero puedes aplicar estas técnicas a cualquier CMS así como a tu tienda Magento.
Así que ¡manos a la obra!
¿Qué es una etiqueta ‘rel canonical’?
En pocas palabras, una etiqueta canónica indica a Google y a otros robots de los motores de búsqueda que dos o más páginas web son esencialmente iguales (en términos de contenido), pero que una de ellas es una variación o duplicado de la página principal representada en la etiqueta canónica.
Como ejemplo, eche un vistazo a las siguientes URL:
http://example.com/article-on-veggies/
https://example.com/article-on-veggies/
https://www.example.com/article-on-veggies/
http://example.com/article-on-veggies/comments/
http://example.com/article-on-veggies/1/
Como puede ver, todas las páginas anteriores tienen el mismo contenido, pero URL diferentes.
Cuando el sitio no está configurado correctamente, se podría visitar el mismo artículo utilizando todas estas URL, pero como el contenido es exactamente el mismo, cuando Google indexa todas estas páginas, detecta contenido duplicado.
Y esto es lo que ocurre cuando Google detecta contenido duplicado:
“En los raros casos en los que Google perciba que el contenido duplicado puede mostrarse con la intención de manipular nuestras clasificaciones y engañar a nuestros usuarios, también realizaremos los ajustes oportunos en la indexación y clasificación de los sitios implicados. Como resultado, la clasificación del sitio puede verse afectada o el sitio puede ser eliminado por completo del índice de Google, en cuyo caso dejará de aparecer en los resultados de búsqueda.”
¿Cómo evitar este problema? Aquí es donde entra en juego la “etiqueta canónica”. Al añadir una etiqueta canónica a estas páginas, puede informar fácilmente a Google (y a otros motores de búsqueda) de que todas estas páginas son meras variaciones de una única página original.
Siguiendo con nuestro ejemplo, todas las páginas anteriores deberían tener la siguiente etiqueta canónica:
<link rel=”canonical” href=”https://example.com/article-on-veggies/” />
El uso de esta etiqueta canónica indica a Google que todas las demás páginas son copias de la página principal que en este caso es: https://example.com/article-on-veggies/
Así que para reiterar, una etiqueta canónica se puede utilizar para duplicar páginas que son equivalentes a la página original en términos de tener el contenido exacto o similar.
¿Qué son las etiquetas rel ‘prev’ y ‘next’?
Las etiquetas ‘rel prev’ y ‘rel next’ (rel=”prev” y rel=”next”) pueden utilizarse para establecer una relación entre distintas páginas web que forman parte de una secuencia paginada.
A continuación se ofrecen algunos ejemplos de secuencias paginadas:
- Una página de archivo de un sitio web dividida en varias páginas
- Un hilo del foro dividido en varias páginas
- Un artículo dividido en varias páginas
- Un listado de productos dividido en varias páginas
Veamos en qué se diferencian las etiquetas “next/prev” de la etiqueta “canonical” con el siguiente ejemplo:
Por ejemplo, supongamos que tiene una categoría de sitio web con 100 entradas y muestra 20 entradas por página. Esto significa que el archivo de la categoría tendrá cuatro URLs diferentes. Estas URL no son diferentes – son parte de una única página que se divide en diferentes secciones para aumentar la legibilidad.
Digamos que las URLs se ven como:
https://example.com/category-cars/
https://example.com/category-cars/page-2/
https://example.com/category-cars/page-3/
https://example.com/category-cars/page-4/
Utilizar una etiqueta canónica en este caso no es lo ideal porque, aunque estas páginas son esencialmente iguales, tienen contenidos diferentes. Recuerde que, como hemos dicho antes, una sola etiqueta canónica sólo debe utilizarse en páginas que tengan un contenido idéntico o casi similar.
En este caso, la mejor forma de indicar a Google que estas páginas forman parte de la misma secuencia es utilizar las etiquetas “anterior” y “siguiente”.
Así, para la primera página(https://example.com/vegan-article/) utilizaríamos la siguiente etiqueta:
<link rel=’next’ href=’https://example.com/vegan-article/page-2/’ />
Como puede ver, esto indica a Google que esta página es la segunda de la secuencia.
La segunda página(https://example.com/vegan-article/page-2/) tendría las siguientes etiquetas:
<link rel=’prev’ href=’https://example.com/vegan-article/’ />
<link rel=’next’ href=’https://example.com/vegan-article/page-3/’ />
Esto indica a Google que esta página es una continuación de la secuencia y, por lo tanto, tiene una página anterior y una página siguiente. La etiqueta indica las URL de ambas.
La cuarta y última página de la secuencia tendría la siguiente etiqueta:
<link rel=’prev’ href=’https://example.com/vegan-article/page-3/’ />
Esta etiqueta indica a Google que la página ya no es continua (no hay etiqueta ‘next’) , sino que forma parte de una secuencia. La URL de la secuencia se indica mediante la etiqueta ‘prev’.
Si lo desea, también puede añadir una etiqueta ‘canonical’ (específica de la página) junto con la etiqueta ‘next/prev’ en la misma página web, ya que estas etiquetas son independientes entre sí según el blog webmaster central de Google.
Siguiendo con nuestro ejemplo anterior, la segunda página tendría la siguiente etiqueta canónica:
<link rel=’canonical’ href=’https://example.com/vegan-article/2/’ />
<link rel=’prev’ href=’https://example.com/vegan-article/’ />
<link rel=’next’ href=’https://example.com/vegan-article/3/’ />
…y la cuarta página tendría esta etiqueta canónica:
<link rel=’canonical’ href=’https://example.com/vegan-article/4/’ />
<link rel=’prev’ href=’https://example.com/vegan-article/3/’ />
Como ves, la etiqueta canonical en este caso cambia en función de la URL de la página y no es la misma para toda la secuencia de páginas.
Contenido relacionado: Guía del vendedor para las notificaciones push web
¿Qué es una etiqueta ‘rel alternate’?
La etiqueta ‘rel alternate’ es similar a la etiqueta canonical, pero a diferencia de ésta, la etiqueta alternate puede utilizarse para establecer una relación entre páginas que tienen una versión completamente diferente del ‘mismo’ contenido.
Por ejemplo, páginas con el mismo contenido pero escritas en diferentes idiomas o páginas con el mismo contenido pero diseñadas para mostrarse en diferentes dispositivos, como páginas de escritorio y móviles.
Por ejemplo, supongamos que tiene una versión en inglés de una página web que se ha traducido al alemán. Los enlaces a la versión inglesa y alemana son los siguientes:
Versión inglesa: http://example.com/some-article/
Versión alemana: http://example.com/some-article-german/
En este caso, puede añadir la siguiente etiqueta a la versión inglesa de la página web para indicar a Google que existe una versión alemana de esta página en la URL enlazada, de la siguiente forma:
<link rel=”alternate” href=”http://example.com/some-article-german/” hreflang=”de” />
El atributo “hreflang” indica el idioma de la página enlazada y “de” es el código de idioma para el alemán.
Si tiene todo un sitio web traducido, puede añadir la etiqueta rel alternate a nivel de dominio de esta forma:
<link rel=”alternate” href=”http://example.com/de/” hreflang=”de” />
Para saber más sobre esta etiqueta lee este artículo oficial de Google.
Optimizar su sitio WordPress para clasificar mejor usando estas etiquetas
Ahora que hemos echado un vistazo a lo que hacen estas etiquetas rel, te mostraré cómo aplicar estas etiquetas a tu blog de WordPress para hacerlo más amigable con el SEO.
Veamos las siguientes secciones y escenarios estándar relacionados con un sitio WordPress y cómo encajan estas etiquetas:
- Página de inicio/índice de WordPress
- Páginas de entradas individuales
- Páginas de archivo de WordPress (archivo de categoría, etiqueta, autor y fecha)
- Páginas de listado de productos (archivos personalizados)
- Sitio diferente para usuarios móviles
- Diferentes idiomas
- Versión AMP del sitio
- Uso del dominio CROss
1) Página de inicio/índice de WordPress
Dependiendo de la configuración, la página de índice de su sitio web (es decir, la página de inicio) puede tener muchas variaciones:
http://example.com
http://www.example.com
https://example.com
https://www.example.com
https://www.example.com/index.php
https://example.com/index.php
http://example.com/index.php
http://www.example.com/index.php
Como puedes ver, esto incluye versiones con y sin ‘www‘, la versión HTTP, la versión HTTPS, y versiones con y sin el nombre de archivoindex.php.
Como el contenido de todas estas URLs es exactamente el mismo, el uso de una etiqueta canónica solucionaría el problema, aunque definitivamente no es la mejor solución. La mejor solución es elegir una versión y redirigir 301 todas las demás versiones a ella.
Una vez redirigidas las URL, puede utilizar la etiqueta canónica de la siguiente manera, utilizando http://example.com como versión elegida:
<link rel=”canonical” href=”http://example.com”>
Otra cosa a tener en cuenta es que si su sitio WordPress está configurado para mostrar sus últimas entradas, tendrá URLs paginadas para la página de índice.
Dependiendo de su base de paginación, sus URLs se verán de la siguiente manera:
http://example.com
http://example.com/page/1/
http://example.com/page/2/
…etc.
Como ya se ha dicho, la mejor manera de manejar esto es añadir las etiquetas ‘next’ y ‘prev’ para indicar una secuencia lógica.
También puede bloquear la indexación de estas subpáginas añadiendo la metaetiqueta robots ‘noindex‘. De hecho, puede añadir ambas etiquetas al mismo tiempo.
Así es como se verían las etiquetas para la página de índice principal http://example.com:
<link rel=”canonical” href=”http://example.com”>
<link rel=”next” href=”http://example.com/page/1/” >
Para la segunda página(http://example.com/page/1/), las etiquetas serían las siguientes :
<link rel=”canonical” href=”http://example.com/page/1/”>
<link rel=”next” href=”http://example.com/page/2/” >
<link rel=”prev” href=”http://example.com/page/” >
<meta name=”robots” content=”noindex,follow”>
Como puedes ver, hemos añadido la etiqueta ‘noindex’ para la segunda página paginada para bloquear su indexación.
De esta forma, puede bloquear la indexación de todas las subpáginas e informar a Google de que estas páginas forman parte de la misma secuencia paginada.
2) Páginas individuales de WordPress
En la mayoría de los casos, las páginas de una sola entrada no requieren la etiqueta “next/prev”, ya que no forman parte de una secuencia.
Debe tenerse en cuenta que WordPress añade automáticamente las etiquetas ‘canonical’ y ‘next/prev’ a las páginas de entrada única. Es una buena práctica eliminar estas etiquetas “next/prev” iniciadas por WordPress, ya que pueden enviar mensajes contradictorios a Google y a otros robots de motores de búsqueda.
Puede eliminar fácilmente estas etiquetas añadiendo lo siguiente a su archivo functions.php:
remove_action(‘wp_head’, ‘adjacent_posts_rel_link_wp_head’);
Entradas individuales paginadas: Si tus entradas individuales son demasiado largas, por ejemplo más de 5.000 palabras, puedes dividirlas en diferentes páginas para mejorar la legibilidad.
WordPress le permite hacerlo utilizando la etiqueta <!–nextpage–>. Todo lo que tiene que hacer es escribir esta etiqueta dentro de su contenido donde desee que aparezca el salto de página en el editor HTML (o editor de texto) y las páginas se dividirán en consecuencia.
Si divide una entrada en varias páginas mediante esta técnica, puede utilizar la etiqueta <siguiente/anterior> para indicar a Google que estas páginas forman parte de un único artículo.
Una gran ventaja de hacer esto es que Google siempre mostrará el primer artículo de la secuencia en las SERP y no las subpáginas.
Por ejemplo, supongamos que estas son las URL del artículo dividido:
http://example.com/some-article/
http://example.com/some-article/2/
http://example.com/some-article/3/
Puede añadir las siguientes etiquetas a la primera página(http://example.com/some-article/):
<link rel=”canonical” href=”http://example.com/some-article/”>
<link rel=”next” href=”http://example.com/some-article/2/”>
Como puedes ver hemos añadido una etiqueta canonical y una etiqueta next. La etiqueta next indica a Google que el artículo continúa, junto con la URL de la página web que continúa.
A continuación, puede añadir las siguientes etiquetas a la segunda página(http://example.com/some-article/2/):
<link rel=”canonical” href=”http://example.com/some-article/2/”>
<link rel=”next” href=”http://example.com/some-article/3/”>
<link rel=”prev” href=”http://example.com/some-article/”>
También en este caso estamos informando a Google de que el artículo forma parte de una secuencia y de que hay una página anterior y otra siguiente, como indican los enlaces.
Páginas de comentarios paginadas: Si está utilizando los comentarios de WordPress y también utiliza la opción “romper comentarios” para dividir sus comentarios en secciones separadas, entonces WordPress crea URLs separadas para cada sección de comentarios de la siguiente manera:
https://example.com/seo-article/
https://example.com/seo-article/comment-page-1/
https://example.com/seo-article/comment-page-2/
…etc.
Como puede ver, esto también puede llevar a la duplicación de contenidos. La mejor manera de evitar este problema es añadir una etiqueta canónica que apunte a la página principal, que en el ejemplo anterior es https://example.com/seo-article/.
Así, todas las páginas de comentarios (según nuestro ejemplo anterior) tendrían la siguiente etiqueta canónica:
<link rel=’canonical’ href=’https://example.com/seo-article/’ />
Otra opción, por supuesto, es dejar de dividir los comentarios en diferentes páginas o dejar de utilizar el sistema de comentarios de WordPress y en su lugar utilizar software de terceros como Disqus.
Contenido relacionado: 18 herramientas SEO gratuitas para mejorar tu posicionamiento en Google en 2017
3) Páginas de archivo de WordPress
WordPress autogenera páginas de archivo, como:
- Archivos de categoría
- Archivos de etiquetas
- Archivos de fecha
- Archivos de autor
- Archivos de taxonomía personalizados
Todas las páginas de archivo tienen la misma estructura de URL, así que echemos un vistazo a los archivos de categorías.
http://example.com/category-1/
http://example.com/category-1/page/2/
http://example.com/category-1/page/3/
http://example.com/category-1/page/4/
Como las páginas de archivo forman parte de una secuencia, es mejor marcarlas con la etiqueta prev/next. Y al igual que en la página de inicio, también puede añadir la etiqueta noindex a las páginas de categoría a partir de la segunda página.
Por ejemplo, para la página uno(http://sitename.com/category-1/) tendríamos las siguientes etiquetas:
<link rel=”canonical” content=”http://sitename.com/category-1/” />
<link rel=”next” content=”http://sitename.com/category-1/page/2″ />
Y para la página dos(http://sitename.com/category-1/page/2/) tendríamos estas etiquetas:
<link rel=”canonical” content=”http://sitename.com/category-1/” />
<link rel=”prev” content=”http://sitename.com/category-1/page/” />
<link rel=”next” content=”http://sitename.com/category-1/page/3″ />
<meta name=”robots” content=”noindex/follow” />
4) Páginas de productos (archivos de tipo de entrada personalizada)
Si vendes productos en tu sitio y utilizas un plugin como WooCommerce, entonces tendrás páginas de productos que se pueden ordenar en base a varios parámetros.
Por ejemplo, los productos pueden ser ordenados en base a su popularidad, rangos de precios, fecha de adición, etc. Esto puede producir muchas páginas diferentes con el mismo contenido.
Aquí hay un ejemplo de una página de producto y las diferentes versiones generadas debido a la clasificación:
https://example.com/shop/
https://example.com/shop/?orderby=popularity
https://example.com/shop/?orderby=price
https://example.com/shop/?orderby=rating
https://example.com/shop/?orderby=date
Además de esto, las páginas de producto también pueden tener paginación y por lo tanto incluso las páginas paginadas tendrán todas estas versiones URL diferentes:
https://example.com/shop/page/2/
https://example.com/shop/page/2/?orderby=popularity
https://example.com/shop/page/2/?orderby=price
…etc.
Esto puede dar lugar claramente a problemas de contenido duplicado. Lo mejor es añadir la etiqueta rel=”canonical” junto con la etiqueta rel=”next/prev”. Así, la primera página(https://example.com/shop/) y todas las variaciones tendrían las siguientes etiquetas:
<link rel=”canonical” href=”https://example.com/shop/”>
<link rel=”siguiente” href=”https://example.com/shop/page/2/”>
La segunda página tendría las siguientes etiquetas:
<link rel=”canonical” href=”https://example.com/shop/page/2/”>
<link rel=”next” href=”https://example.com/shop/page/3/”>
<link rel=”prev” href=”https://example.com/shop/”>
…y así sucesivamente para el resto de páginas paginadas.
5) Diferentes versiones del sitio
Muchos sitios web tienen una versión móvil separada. Por ejemplo, aquí están las versiones de escritorio y móvil de NYtimes.com:
Versión de escritorio: https://nytimes.com/
Versión móvil: https://mobile.nytimes.com/
La mejor forma de alertar a Google de la variante móvil del sitio web es añadir una etiqueta rel=”alternate” a la página de escritorio que apunte a la URL de la página móvil correspondiente. Esto ayuda a Googlebot a descubrir la ubicación de las páginas móviles de su sitio:
<link rel=”alternate” media=”only screen and (max-width: 640px)” href=”https://mobile.nytimes.com/”>
Del mismo modo, en la página para móviles(https://mobile.nytimes.com/), puede añadir una etiqueta link rel=”canonical” que remita a la URL correspondiente para ordenadores de sobremesa, como se indica a continuación:
<link rel=”canonical” href=”https://nytimes.com/”>
El uso de la etiqueta “alternate” indica a Google que existe una versión móvil alternativa del sitio. El atributo “media” indica a Google que la versión móvil se utiliza para dispositivos con una anchura inferior a 640 píxeles, es decir, smartphones.
6) Versiones en distintos idiomas
Como se ha indicado anteriormente, si dispone de una o varias versiones traducidas de su sitio web, puede utilizar la etiqueta “rel alternate” y la etiqueta “hreflang” para indicárselo a Google.
Contenido relacionado: 5 cosas por las que deberías posicionarte en 2017
7) Páginas AMP
Si tienes una versión AMP de tu sitio web, Google recomienda utilizar una nueva etiqueta rel=”amphtml” para indicar la presencia de la página AMP. En la página AMP, a continuación, puede utilizar la etiqueta canónica para apuntar de nuevo a la página original.
Supongamos que la URL principal y las versiones AMP son las siguientes:
URL principal del artículo: https://www.example.com/some-article/
URL del artículo AMP: https://www.example.com/amp/some-article/
Puede añadir lo siguiente a la página principal (es decir, la página no AMP) indicando que hay una página AMP presente.
<link rel=”amphtml” href=”https://www.example.com/amp/some-article/”>
Y luego en la página AMP, puedes añadir la siguiente etiqueta canónica apuntando de nuevo a la URL del artículo principal.
<link rel=”canonical” href=”https://www.example.com/some-article/”>
8) Páginas de dominio CROss
Las etiquetas canónicas también pueden utilizarse para apuntar a URL de otros dominios.
Si ha vuelto a publicar algunos artículos de un sitio web diferente, puede indicárselo a Google utilizando la etiqueta canónica. De esta manera, puede mantenerse alejado de cualquier penalización por contenido duplicado.
Por ejemplo, si la URL original del artículo republicado es:
http://example.com/original-article-link/
puede añadir esta etiqueta canónica a su artículo republicado:
<link rel=”canonical” href=”http://example.com/original-article-link/” />
Comprobación de la fuente HTML para asegurarse de que tiene las etiquetas Rel adecuadas
Hay muchos buenos plugins SEO disponibles para WordPress y otras plataformas que pueden añadir todas estas etiquetas mencionadas para su automáticamente.
Pero tanto si utiliza un plugin SEO como si no, siempre es una buena idea comprobar el código HTML de las diferentes páginas de su sitio web para asegurarse de que las etiquetas se añaden correctamente. Esto también le dirá si hay etiquetas duplicadas presentes para que pueda eliminarlas.
Por ejemplo, WordPress añade sus propias etiquetas “canonical” y “next/prev” para algunas páginas. También hay ciertos temas que tienden a añadir sus propias etiquetas. Es posible que desee eliminar estas etiquetas en primer lugar si desea añadir las suyas propias, ya que si no lo hace, dará lugar a etiquetas duplicadas. En otras palabras, podrías acabar teniendo dos etiquetas rel diferentes, como dos etiquetas canonical diferentes en la misma página.
De forma similar, si ha realizado cambios personalizados en el archivo functions.php de su tema para añadir o eliminar algunas etiquetas de la cabecera de WordPress y también ha añadido un plugin SEO, podría tener problemas con las etiquetas duplicadas.
Por eso es importante comprobar periódicamente la fuente HTML para asegurarse de que todo está bien.
Para comprobar la fuente HTML, simplemente abra su sitio web en su navegador favorito y, a continuación, haga clic con el botón derecho en cualquier lugar de la página y seleccione “Ver fuente de la página” (o utilice el atajo de teclado CTRL + U si está en Chrome/Firefox u Opción+Comando+U si está en Safari).
Esto es lo que verás:
Como se muestra en la imagen de abajo, mira entre las etiquetas <head> del principio y del final para ver todas tus etiquetas.
Contenido Relacionado: Cómo rankear usando tácticas de SEO de sombrero negro de una manera de sombrero blanco
Si estás usando WordPress, asegúrate de revisar la fuente HTML de las siguientes páginas:
- Página de inicio y páginas paginadas si están presentes
- Páginas de una sola entrada
- Páginas de entradas individuales con paginación (si divide sus artículos en secciones)
- Páginas de comentarios de WordPress (si utiliza comentarios de WordPress y divide los comentarios en secciones)
- Páginas de archivo (primera página y algunas páginas paginadas)
- Páginas de búsqueda y 404
- Páginas de archivo personalizadas (si utiliza plugins como WooCommerce)
- Páginas de productos
Comprobar manualmente las fuentes HTML de estas páginas es la mejor manera de asegurarse de que sus etiquetas se están aplicando correctamente sin ningún error. Sí, los plugins de SEO ayudan, pero confiar en ellos al 100% no es ciertamente el camino a seguir.
Ahora que ya sabe cómo utilizar estas etiquetas rel:
- Etiqueta rel canonical (rel=”canonical”)
- Etiqueta rel next/prev (rel=”next” y rel=”prev”)
- Etiqueta rel alternate (rel=”alternate”)
…puede evitar las penalizaciones por contenido duplicado, informar a Google de la página adecuada que debe mostrar en las SERP y mejorar así la clasificación de su sitio.
