Cuando creamos un enlace en nuestra página hacia otra web es habitual encontrarnos con atributos como nofollow, noopener, noreferrer, sponsored o ugc.
Pero ¿para qué sirve cada uno? ¿Hay que utilizarlos siempre? ¿Afectan al posicionamiento SEO?
En este artículo vamos a explicar de forma sencilla qué significa cada atributo y cuándo tiene sentido utilizarlo.
Un enlace normal no es obligatorio utilizar atributo rel
Empecemos por lo más sencillo.
Si enlazamos otra web y se trata de un enlace normal que queremos recomendar a nuestros usuarios, no necesitamos añadir ningún atributo rel.
Por ejemplo:
<a href="https://www.ejemplo.com/">Visitar la web</a>Este es un enlace completamente normal.
Google recomienda utilizar enlaces externos cuando tienen sentido para el contenido. No debemos tener miedo de enlazar a otras páginas simplemente porque sean externas. De hecho, los enlaces pueden servir para citar fuentes y aportar información adicional al lector.
¿Qué es rel="noopener"?
noopener es un atributo que no esta relacionado con el SEO y si con la seguridad.
Tradicionalmente se utilizaba sobre todo cuando abríamos un enlace en una nueva pestaña mediante target="_blank".
Por ejemplo:
<a href="https://www.ejemplo.com/" target="_blank" rel="noopener"> Visitar la web </a>noopener evita que la página que hemos abierto pueda acceder a la página que la abrió mediante window.opener. De esta forma se evita un posible problema de seguridad.
Además, los navegadores modernos aplican este comportamiento de forma implícita cuando se utiliza target="_blank", por lo que actualmente no siempre es necesario escribir rel="noopener" expresamente. Aun así, utilizarlo de forma explícita sigue siendo correcto y puede hacer más evidente la intención del código.
¿Qué es rel="noreferrer"?
noreferrer tiene una función diferente.
Cuando se utiliza, el navegador no envía al sitio de destino la información del encabezado HTTP Referer, es decir, no informa de la página desde la que se ha realizado la navegación.
Además, noreferrer implica también el comportamiento de noopener.
Por ejemplo:
<a href="https://www.ejemplo.com/" target="_blank" rel="noreferrer"> Visitar la web </a>Normalmente no necesitamos utilizar noreferrer en todos nuestros enlaces. Tiene sentido cuando existe una razón concreta para no transmitir la información de referencia.
¿Qué es rel="nofollow"?
Este es probablemente el atributo que más dudas genera cuando hablamos de SEO.
nofollow sirve para indicar a Google que no queremos que considere ese enlace como una recomendación normal de nuestro sitio hacia la página enlazada.
Google recomienda utilizar nofollow cuando no queremos asociar nuestro sitio con la página enlazada o cuando preferimos que Google no rastree esa página a través de nuestro enlace.
Por ejemplo:
<a href="https://www.ejemplo.com/" rel="nofollow"> Visitar la web </a>Es importante no interpretar nofollow como un simple interruptor de "pasar o no pasar autoridad SEO". Desde 2019 Google considera estos atributos como indicaciones para sus sistemas, no como una orden absoluta.
¿Debemos poner nofollow a todos los enlaces externos?
No.
Este es uno de los errores más habituales.
Si enlazamos a una página porque queremos recomendarla, citar una fuente o proporcionar información útil al usuario, normalmente no necesitamos utilizar nofollow.
Por ejemplo, si estamos escribiendo un artículo y queremos enlazar a la documentación oficial de Google, podemos utilizar un enlace normal:
<a href="https://developers.google.com/search/"> Documentación de Google </a>No tendría sentido poner nofollow simplemente porque el enlace apunta a una página externa.
Google recomienda precisamente utilizar nofollow cuando existe una razón para no asociar nuestro sitio con la página enlazada, y no como una regla general para todos los enlaces externos.
¿Qué es rel="sponsored"?
sponsored está pensado para identificar enlaces que tienen una relación comercial.
Por ejemplo:
- Publicidad.
- Enlaces patrocinados.
- Colaboraciones pagadas.
- Enlaces por los que recibimos una compensación.
- Determinados enlaces de afiliación.
En estos casos podemos utilizar:
<a href="https://www.ejemplo.com/" rel="sponsored"> Producto recomendado </a>Google recomienda actualmente utilizar sponsored para identificar los enlaces publicitarios o pagados. nofollow sigue siendo una opción válida, pero Google prefiere sponsored para este propósito.
¿Qué es rel="ugc"?
ugc significa User Generated Content, es decir, contenido generado por los usuarios.
Está pensado principalmente para enlaces publicados por usuarios en lugares como:
- Comentarios.
- Foros.
- Comunidades.
- Preguntas y respuestas.
Por ejemplo:
<a href="https://www.ejemplo.com/" rel="ugc"> Enlace publicado por un usuario </a>Google recomienda utilizar ugc para identificar este tipo de enlaces.
¿Se pueden combinar varios atributos?
Sí.
Los valores de rel pueden combinarse cuando sea necesario.
Por ejemplo, si tenemos un enlace publicado por un usuario que además es patrocinado, podemos utilizar:
<a href="https://www.ejemplo.com/" rel="ugc sponsored"> Enlace </a>También podemos combinar nofollow con otros valores:
<a href="https://www.ejemplo.com/" rel="ugc nofollow"> Enlace </a>Google admite utilizar varios valores en el mismo atributo rel.
¿Qué atributo debo utilizar?
Esta tabla puede servir como referencia rápida:
| Situación | rel recomendado |
|---|---|
| Enlace externo normal | Ninguno |
Enlace con target="_blank" |
noopener (aunque los navegadores modernos ya aplican este comportamiento) |
| Enlace publicitario o pagado | sponsored |
| Enlace de afiliación con relación comercial | sponsored |
| Enlace publicado por un usuario | ugc |
| Enlace que no queremos respaldar o asociar con nuestro sitio | nofollow |
| Enlace de usuario que además es patrocinado | ugc sponsored |
Algunos ejemplos prácticos
Enlace normal
<a href="https://www.google.com/"> Google </a>No necesitamos ningún rel.
Enlace que se abre en otra pestaña
<a href="https://www.google.com/" target="_blank" rel="noopener"> Google </a>El atributo noopener está relacionado con la seguridad, no con el SEO.
Enlace patrocinado
<a href="https://www.ejemplo.com/" rel="sponsored"> Ver producto </a>Enlace publicado por un usuario
<a href="https://www.ejemplo.com/" rel="ugc"> Web recomendada por un usuario </a>Enlace que no queremos respaldar
<a href="https://www.ejemplo.com/" rel="nofollow"> Más información </a>¿Y si utilizo un atributo incorrectamente?
No debemos obsesionarnos con conseguir que todos los enlaces tengan un atributo rel determinado.
Lo importante es utilizarlo cuando exista una razón para hacerlo.
Un enlace normal hacia una fuente fiable no necesita nofollow.
Un enlace publicitario debería identificarse como sponsored.
Un enlace introducido por un usuario puede identificarse como ugc.
Y noopener tiene principalmente una finalidad de seguridad cuando se abren nuevos contextos de navegación.
Conclusión
No existe una regla que diga que todos los enlaces externos deben llevar nofollow o noopener.
Cada atributo tiene una función diferente:
- Sin rel: para un enlace externo normal que queremos utilizar de forma natural.
- noopener: relacionado con la seguridad al abrir enlaces en un nuevo contexto.
- noreferrer: evita enviar la información de referencia y además proporciona el comportamiento de
noopener. - nofollow: cuando no queremos asociar nuestro sitio con la página enlazada o queremos indicar a Google que no trate el enlace como una recomendación normal.
- sponsored: para enlaces publicitarios, patrocinados o con una relación comercial.
- ugc: para enlaces publicados por usuarios.
Por tanto, antes de añadir un atributo rel a un enlace, lo mejor es preguntarnos primero:
¿Qué tipo de relación tenemos con la página a la que estamos enlazando?
A partir de ahí podremos elegir el atributo adecuado o, simplemente, no utilizar ninguno.