02 Mar 2026

rel=”noopener noreferrer nofollow”: Qué son, para qué sirven y cuándo usarlos

Si trabajas con HTML o administras un sitio web, es muy probable que hayas visto estos atributos en los enlaces: rel="noopener", rel="noreferrer" y rel="nofollow". Aunque parecen pequeños detalles, tienen un impacto real en la seguridad de tu sitio, en la privacidad de tus usuarios y en tu estrategia de posicionamiento web.

En este artículo técnico te explicamos qué hace cada uno, cuándo combinarlos y cómo afectan al rastreo de Google y otros motores de búsqueda.

¿Qué es el atributo rel en los enlaces HTML?

El atributo rel (de relationship) define la relación entre el documento actual y el recurso al que apunta el enlace. Se usa dentro de la etiqueta <a> y puede contener múltiples valores separados por espacios.

<a href="https://ejemplo.com" target="_blank" rel="noopener noreferrer nofollow">
  Visitar sitio
</a>

Cada valor que asignes modifica el comportamiento del navegador y la forma en que los motores de búsqueda interpretan ese enlace.

rel="noopener": Seguridad ante todo

Cuando un enlace se abre en una nueva pestaña usando target="_blank", el sitio de destino puede acceder al objeto window.opener de tu página. Esto significa que una página externa podría redirigir tu sitio a una URL maliciosa sin que el usuario lo note.

El atributo noopener bloquea ese acceso por completo. El nuevo documento se abre en un contexto de navegación separado, sin ningún acceso al contexto original.

¿Cuándo usarlo?

  • Siempre que uses target="_blank" en enlaces externos.
  • En blogs, tiendas online o plataformas donde los usuarios pueden ingresar URLs.

Desde 2021, los navegadores modernos aplican noopener automáticamente cuando se usa target="_blank", pero seguir incluyéndolo explícitamente es una buena práctica para garantizar compatibilidad con navegadores más antiguos.

rel="noreferrer": Privacidad en el origen del tráfico

El atributo noreferrer hace dos cosas a la vez: aplica el comportamiento de noopener y además oculta la cabecera HTTP Referer cuando el usuario hace clic en el enlace.

Esto significa que el sitio de destino no sabrá desde qué página llegó el visitante. En Google Analytics y otras herramientas de analítica, ese tráfico aparecerá como “directo” en lugar de “referral”.

<!-- El sitio destino no recibirá información de origen -->
<a href="https://externo.com" rel="noreferrer" target="_blank">Enlace</a>

¿Cuándo usarlo?

  • Cuando enlazas a recursos externos y no quieres revelar la URL de tu página por razones de privacidad o confidencialidad.
  • En intranets o áreas privadas donde no deseas exponer rutas internas.

Nota importante para SEO: noreferrer no tiene impacto directo en el rastreo de Google, ya que los bots no siguen cabeceras Referer de la misma forma que los navegadores. Sin embargo, afecta los datos de analítica del sitio al que enlazas.

rel="nofollow": Control del PageRank y rastreo

Este es el más relevante desde el punto de vista SEO. El atributo nofollow le indica a los motores de búsqueda que no transfieran autoridad (PageRank) a través de ese enlace ni que sigan rastreándolo para indexación.

Fue creado por Google en 2005 para combatir el spam en comentarios y foros, donde usuarios malintencionados publicaban enlaces para manipular los resultados de búsqueda.

<a href="https://publicidad.com" rel="nofollow">Patrocinador</a>

¿Cuándo debes usarlo obligatoriamente?

  • Enlaces pagados o patrocinados: Google exige usar rel="sponsored" o rel="nofollow" en enlaces de publicidad.
  • Contenido generado por usuarios: comentarios, foros, fichas de productos.
  • Widgets y banners de terceros.
  • Directorios o listados donde no puedes garantizar la calidad del destino.

Desde 2019, Google considera nofollow como una sugerencia, no una directiva absoluta. Aun así, sigue siendo el estándar para evitar penalizaciones por esquemas de enlaces artificiales.

¿Cómo combinarlos correctamente?

La combinación más común y recomendada para enlaces externos que se abren en nueva pestaña es:

<a href="https://sitioexterno.com" target="_blank" rel="noopener noreferrer nofollow">
  Enlace seguro y SEO-friendly
</a>

Esta combinación logra:

  1. Seguridad: bloquea el acceso a window.opener.
  2. Privacidad: no revela el origen al sitio de destino.
  3. Control SEO: no transfiere PageRank a sitios de terceros no verificados.

Tabla resumen: ¿Cuál usar y cuándo?

Atributo Efecto principal Impacto SEO Caso de uso típico
noopener Bloquea window.opener Ninguno target="_blank" en externos
noreferrer Oculta cabecera Referer + noopener Indirecto (analítica) Privacidad del origen
nofollow No transfiere PageRank Alto Patrocinios, UGC, spam
sponsored Variante oficial de nofollow para pago Alto Publicidad y afiliados
ugc Contenido generado por usuarios Alto Comentarios, foros

Implementar correctamente noopener, noreferrer y nofollow no es solo una buena práctica técnica: es una combinación de seguridad, privacidad y estrategia SEO que todo desarrollador web y especialista en posicionamiento debe dominar.

Si gestionas un sitio en Chile o Latinoamérica y quieres asegurarte de que tus enlaces están correctamente configurados para evitar penalizaciones y vulnerabilidades, audita tu código HTML y verifica que los enlaces externos cuenten con los atributos adecuados.

En maadchile.cl te ayudamos a implementar las mejores prácticas técnicas de SEO para que tu sitio sea más seguro, rápido y bien posicionado.

¿Tienes dudas sobre cómo configurar los atributos rel en tu proyecto? Contáctanos o deja tu consulta en los comentarios.

5/5 - (1 voto)
César Martínez
Últimas entradas de César Martínez (ver todo)