¿Qué es Noopener?
El término "noopener" hace referencia al atributo HTML rel="noopener"
que se añade a los enlaces configurados para abrirse en una nueva pestaña o ventana del navegador por motivos de seguridad. Este atributo proporciona un nivel adicional de seguridad al impedir que un sitio web de terceros al que se enlace tome el control de la pestaña del navegador a través del objeto ventana (la propiedad window.opener).
Así es como se ve en código HTML:
<a href="https://example.com" rel="noopener" target="_blank">Enlace de ejemplo</a>
¿Por qué es importante Noopener?
Sin el atributo rel="noopener"
, el sitio web enlazado podría tomar el control de la pestaña de la página enlazada en un navegador y redirigirla a una página de phishing o a un sitio web malicioso. Esto podría utilizarse para robar datos personales o instalar programas maliciosos. El atributo noopener
en los enlaces externos protege a los visitantes de este tipo de ataques. Dado que no afecta en absoluto al SEO de su sitio, puede utilizarlo de forma segura para maximizar la seguridad de todos sus usuarios.
Desde 2017, este atributo se añade automáticamente a los enlaces que se abren en una nueva ventana o pestaña en WordPress. Sin embargo, puede (y debe) añadirse a todos los enlaces externos, no solo en WordPress.
La buena noticia es que, desde 2020, la mayoría de los navegadores procesan automáticamente los enlaces con target="_blank"
como si tuvieran establecido rel="noopener"
.
¿Influye Noopener en el SEO?
Algunos propietarios de sitios se han mostrado reacios a utilizar el atributo "noopener" porque temen que afecte al SEO de su sitio. Sin embargo, "noopener" tiene un impacto nulo en el SEO, tanto en términos de rastreo como de flujo de link juice. El atributo "noopener" funciona a nivel del navegador, evitando vulnerabilidades de seguridad sin afectar a la optimización de los motores de búsqueda.
¿Necesita utilizar Noopener en su sitio web?
Si utiliza WordPress, probablemente esté utilizando "noopener" automáticamente. Los navegadores modernos procesarán los enlaces con target="_blank"
como si rel="noopener"
estuviera presente de todos modos. Esto proporciona un nivel adicional de seguridad para sus usuarios, incluso si no tienen un navegador moderno.
Por otro lado, si no utiliza WordPress, es una buena práctica incluir manualmente "noopener" en los enlaces que se abren en una nueva pestaña/ventana. Esto protegerá a aquellos visitantes que puedan estar utilizando versiones antiguas de navegadores.
Aunque el uso de "noopener" es una forma eficaz de proteger a los usuarios de códigos maliciosos, sigue siendo importante considerar cuidadosamente a dónde se enlaza. Al elegir sólo sitios web autorizados y de confianza, se minimiza el riesgo para los usuarios. Sin embargo, dado que los sitios web pueden cambiar, morir o ser revendidos, incluso los enlaces buenos de hoy pueden convertirse en maliciosos mañana. Por eso, "noopener" es una importante capa adicional de seguridad para garantizar la seguridad de sus usuarios, independientemente de los enlaces que pinchen en su sitio.
Buenas prácticas para utilizar Noopener
- Implementar automáticamente en CMS: Utiliza un CMS como WordPress que añada automáticamente
rel="noopener"
a las nuevas pestañas/ventanas. - Adición manual: Si no utiliza un CMS, añada manualmente
rel="noopener"
a todos los enlaces que se abran en una nueva pestaña/ventana. - Auditorías periódicas: Comprueba y actualiza periódicamente los enlaces para asegurarte de que apuntan a fuentes de confianza.
- Manténgase informado: Mantente al día de las actualizaciones de los navegadores para saber cómo gestionan los atributos de seguridad de los enlaces.
Preguntas frecuentes
¿Por qué se introdujo el atributo noopener?
El atributo noopener se introdujo para evitar que los sitios web enlazados tomaran el control de la pestaña de origen a través de la propiedad window.opener, protegiendo a los usuarios de posibles amenazas de seguridad.
¿Influye el noopener en el SEO?
No, el atributo noopener no tiene ningún impacto en el SEO. Es puramente una característica de seguridad que previene ciertos tipos de ataques sin afectar al posicionamiento en buscadores.
¿Debo añadir noopener a todos mis enlaces externos?
Sí, añadir noopener a todos los enlaces externos que se abren en una nueva pestaña/ventana es una buena práctica de seguridad, que protege a los usuarios de posibles vulnerabilidades.