Diferencias entre los atributos para enlaces nofollow y noopener

Tiempo de lectura: 3 min

Valencia, 30/08/2026, G.B.
Cuando trabajamos con enlaces en HTML es habitual encontrarse con atributos como rel="nofollow" o rel="noopener", muchas veces usados juntos y, por eso mismo, confundidos con frecuencia. Aunque ambos «viajan» dentro del mismo atributo rel, cumplen funciones completamente distintas: uno habla con los buscadores, el otro protege al usuario.

nofollow: una señal para los buscadores

El atributo nofollow es una instrucción dirigida a los rastreadores de buscadores como Google o Bing. Le indica al motor de búsqueda que no debe seguir ese enlace para rastrear la página de destino ni transferirle autoridad (lo que tradicionalmente se conocía como «PageRank») a través de él.

Se usa habitualmente en:

• Enlaces en comentarios de usuarios, para evitar que se abuse de ellos con fines de SEO.
• Enlaces patrocinados o de afiliados (aunque hoy Google recomienda sponsored para estos casos específicos).
• Enlaces hacia sitios externos sobre los que no queremos «avalar» contenido con nuestra autoridad de dominio.

Es importante entender que nofollow no afecta en absoluto a la experiencia del usuario. El enlace sigue funcionando exactamente igual al hacer clic; es una señal puramente semántica para los buscadores.

noopener: una medida de seguridad del navegador

El atributo noopener, en cambio, no tiene ninguna relación con el posicionamiento. Es una protección de seguridad del navegador que entra en juego cuando un enlace se abre en una nueva pestaña con target="_blank".

Por defecto, cuando se abre un enlace de esta forma, la página de destino recibe acceso parcial a la ventana original a través del objeto window.opener en JavaScript. Esto puede ser aprovechado por una página maliciosa para manipular o redirigir la pestaña de origen, una técnica conocida como tabnabbing.

Añadir rel="noopener" corta ese acceso: la nueva pestaña se abre con normalidad, pero pierde la capacidad de interactuar con la ventana que la originó. Como beneficio adicional, en varios navegadores esto también mejora ligeramente el rendimiento al abrir la nueva pestaña.

¿Por qué se ven tantas veces juntos?

Es habitual encontrar enlaces con rel="nofollow noopener", especialmente en enlaces externos que se abren en una pestaña nueva. La combinación tiene sentido porque cada atributo resuelve un problema distinto:

<a href="https://ejemplo.com" target="_blank" rel="nofollow noopener">
  Enlace externo
</a>

• nofollow cuida la relación con los buscadores.
• noopener cuida la seguridad del usuario.

No son intercambiables ni redundantes: usar solo uno de los dos deja la otra cuestión sin resolver. Si un enlace se abre en pestaña nueva, noopener debería estar presente casi siempre por seguridad, independientemente de si además se decide aplicar o no nofollow según el criterio SEO de cada caso.