¿Qué es el enlace noreferrer?

El 'rel="noreferrer"' es un componente HTML usado en hipervínculos para regular los datos transmitidos al sitio de destino tras un clic. Esta función se enmarca dentro de un conjunto de prácticas orientadas a salvaguardar la privacidad y fortalecer la seguridad durante la navegación en internet.

Funciones del atributo noreferrer

• Ocultar información de referencia: al usar rel="noreferrer", se bloquea la transmisión de datos sobre la página origen cuando se activa un enlace. El destino no podrá determinar de dónde proviene el tráfico, pues el navegador retiene esta información. Esta función es valiosa al enlazar sitios externos no respaldados o para salvaguardar la privacidad del usuario.

• Mejorar la seguridad: la implementación de noreferrer ayuda a mitigar riesgos de ataques como el tabnabbing. Esta práctica maliciosa intenta alterar la ventana original mediante JavaScript. La protección se consigue al negar al nuevo sitio el acceso a window.opener, reforzando así la seguridad durante la navegación.

Comparación con otros atributos

El atributo noreferrer a menudo se combina con otros atributos como noopener y nofollow. Aquí están las diferencias clave:

Implementación del atributo Noreferrer

Para implementar este atributo en un enlace, simplemente se añade a la etiqueta <a> como sigue:

• <a href="https://www.example.com" target="_blank" rel="noreferrer">Visita Example</a>

Esto asegura que al abrir el enlace en una nueva pestaña, no se comparta información sobre la página original con el sitio enlazado.

3 beneficios del uso de noreferrer

1. Privacidad del usuario: la omisión de datos de referencia permite una navegación más discreta. Los usuarios disfrutan de mayor tranquilidad al saber que su historial de visitas permanece confidencial.

2. Seguridad mejorada: al prevenir el tabnabbing y otras amenazas vinculadas a JavaScript, se logra una experiencia de navegación más robusta y protegida.

3. Control sobre el tráfico web: los administradores de sitios obtienen la capacidad de seleccionar qué información comparten con otras plataformas. Este control resulta esencial para mantener intacta su estrategia de marketing digital.

Desventajas y consideraciones

• Análisis de tráfico limitado: la implementación de noreferrer puede complicar la evaluación de las fuentes de tráfico. Las visitas tienden a registrarse como "tráfico directo" en plataformas de análisis web, como Google Analytics.

• Impacto en SEO: si bien noreferrer no altera directamente el SEO, su aplicación podría modificar la forma en que los buscadores valoran los enlaces y su autoridad. Esto puede tener implicaciones sutiles en la estrategia de posicionamiento.

Mejores prácticas para su uso

• Utilizar rel="noreferrer" en enlaces externos donde no se desea compartir información sobre la página de origen.

• Considerar combinarlo con noopener para maximizar la seguridad al abrir enlaces en nuevas pestañas.

• Evaluar las necesidades analíticas antes de implementar este atributo, asegurándose de que su uso no comprometa los objetivos de seguimiento del tráfico.

Se aconseja emplear `rel="noreferrer"` en vínculos que dirigen a sitios externos, particularmente los que se abren en pestañas nuevas. No obstante, debes considerar que su implementación podría dificultar el seguimiento del tráfico.

Las visitas suelen registrarse como "tráfico directo" en plataformas como Google Analytics. Así, mientras refuerza la privacidad y seguridad, este atributo puede limitar la habilidad de los gestores web para identificar las fuentes del tráfico recibido.