¿Qué es Rel = ”Noopener” y cómo se usa con WordPress?

Al crear y mantener sitios web, siempre debemos tener en cuenta la seguridad de los sitios bajo nuestro cuidado. Los blogs especialmente necesitan un nivel adicional de cuidado considerando la cantidad de enlaces externos que suelen tener. El cuidado de los enlaces externos implica diferentes tareas para estar siempre optimizados. Una de las herramientas que ayuda a supervisar la seguridad de sus enlaces externos es el atributo HTML rel = ”noopener”. Es algo simple pero puede hacer maravillas por la seguridad de un sitio.

En esta publicación, veremos qué es exactamente un enlace noopener y cómo usar el atributo rel = ”noopener” con WordPress.

¿Qué es el atributo Rel = ”Noopener”?

En pocas palabras, el atributo rel = ”noopener” se agrega a un enlace que se abre en una nueva pestaña / ventana. Cuando agrega un enlace en WordPress, tiene la opción de seleccionar si el enlace se abrirá en la misma ventana o en una diferente. Cuando selecciona abrir en otra ventana, WordPress agrega automáticamente el atributo rel = ”noopener” a su HTML junto con el atributo usual, target = ”_ blank”.

¿Cuál es el propósito de agregar el atributo rel = ”noopener” a los enlaces que se abren en una nueva ventana? En primer lugar, en términos de experiencia del usuario y métricas de visitantes, es genial tener enlaces externos abiertos en nuevas pestañas, de esa manera no abandonan su sitio por completo.

Pero la razón principal por la que existe este atributo es por seguridad.

Tabnabbing inverso

El atributo rel = ”noopener” protege los sitios de intenciones maliciosas, específicamente, el ataque de phishing llamado tabnabbing inverso.

Tabnabbing inverso es cuando un sitio malicioso usa window.opener.location.assign () para reemplazar una página real por una falsa. Funciona así: la página donde se agregan los enlaces, llamada página principal, conduce a las páginas secundarias a través de dichos enlaces. La página secundaria maliciosa luego se adjunta a la página principal con window.opener.location.assign () e imita el sitio original con uno falso.

Si el sitio imitado tiene un widget de inicio de sesión y el usuario ingresa su información, toda esa información es robada por la página secundaria maliciosa. Lo que hace el atributo rel = ”noopener” es proteger la página principal para que no sea atacada con intenciones malintencionadas mediante tabnabbing inverso a través de las páginas secundarias.

¿Qué pasa con Noreferrer?

El atributo rel = ”noopener” funciona en la mayoría de los navegadores excepto Firefox y otros navegadores más antiguos. Cuando WordPress agrega el atributo rel = ”noopener” a sus enlaces de forma predeterminada, debe agregar el atributo rel = ”noreferrer” junto a él. Si ha actualizado a la última versión de WordPress, ambos atributos se agregarán automáticamente a sus enlaces.

El atributo rel = ”noreferrer” le indicará al navegador que no recopile información de referencia de la página principal que envía los enlaces.

Así es como deberían verse sus enlaces:

 <a href="https://www.example.com" rel="noopener noreferrer" target="_blank"> ejemplo de texto de anclaje </a>

¿Cómo se relaciona un enlace Noopener con los enlaces Dofollow y Nofollow?

Es un error común pensar que los enlaces con el atributo rel = ”noopener” están relacionados con enlaces dofollow y nofollow, cuando en realidad no lo están. La diferencia es que los enlaces noopener y noreferrer están destinados a fines de seguridad, mientras que los enlaces dofollow y nofollow tienen más que ver con el rango de página y el SEO.

Por ejemplo, un enlace con un atributo rel = noopener puede ser dofollow o nofollow. Esa elección depende de ti. De hecho, publicamos un artículo en profundidad al respecto hace un tiempo que definitivamente deberías revisar.

Todos los enlaces agregados se atribuyen automáticamente como enlaces de seguimiento (dofollow). Para asegurarse de que sean nofollow, sus enlaces deberían verse así:

 <a href="https://www.example.com" rel="noopener noreferrer nofollow" target="_blank"> ejemplo de texto de anclaje </a>

¿Un enlace Noopener afecta el SEO?

Es un mito que un enlace con un atributo rel = ”noopener” puede afectar al SEO. El uso de enlaces noopener y noreferrer no afectará en absoluto al SEO. ¡Sin embargo, los enlaces Dofollow y follow sí afectan al SEO!

Solo recuérdalo así:

• noopener y noreferrer: pertenecen a la seguridad
• nofollow y dofollow: pertenecen a SEO y autoridad de dominio

¿Cuándo es una buena idea utilizar el atributo Rel = ”Noopener”?

Debe utilizar el atributo rel = ”noopener” en todos sus enlaces cada vez. No es sorprendente que WordPress ahora agregue el atributo rel = ”noopener” como predeterminado. La seguridad es extremadamente importante para todo tipo de sitios, desde blogs hasta comercio electrónico y sitios llenos de enlaces de afiliados.

En algunos casos, es posible que desee deshacer la función predeterminada de agregar los atributos rel = ”noopener” y rel = ”noreferral”. Sin embargo, no le sugerimos que lo haga. Puede abrir su sitio a riesgos de seguridad.

¿Qué pasa con sus enlaces de afiliados?

Si le preocupa cómo sus enlaces de afiliados se ven afectados por el uso de los atributos rel = ”noopener” y rel = ”noreferer”, no es necesario. La mayoría de los enlaces de afiliados tendrán su ID de afiliado en la propia URL, por lo que no es necesario enviar ninguna información de referencia a las páginas secundarias de afiliados a través de sus enlaces. De hecho, agregar los atributos rel = ”noopener” y rel = ”noferrer” a sus enlaces de afiliados debería ser una práctica común. No siempre puede estar seguro de la seguridad de los sitios por los que responde.

Un consejo para los enlaces de afiliados: siempre enlace a sitios que pueda estar seguro de que son seguros. No se limite a enlazar a un millón de sitios que ofrecen ingresos de afiliados de todo lo que venden. Sus seguidores querrán hacer clic en sus enlaces de afiliados si es honesto acerca de los productos. Más aún, si realmente revisa los productos en lugar de simplemente llenar su sitio con enlaces.

En este artículo, encontrará una gran cantidad de excelentes programas de afiliados de WordPress por los que garantizamos.

Últimos pensamientos sobre el atributo Rel = "Noopener"

En esta publicación, analizamos el propósito detrás del atributo rel = ”noopener” y su compañero el atributo rel = ”noreferrer”. Analizamos cuál es su propósito y cómo la nueva actualización de WordPress ahora los agrega de forma predeterminada a todos sus enlaces. Sin embargo, siempre debe verificar si su WordPress lo está haciendo. También analizamos cómo los enlaces noopener están relacionados con los enlaces dofollow y nofollow y en qué se diferencian.

Recuerde que el atributo rel = ”noopener” existe para mantener su sitio web seguro y siempre debe usarlo. No afectará su SEO ni sus enlaces de afiliados. Esperamos que este artículo le haya ayudado a comprenderlo todo mejor y por qué es importante incluir el atributo de los enlaces en todo su contenido.

Háganos saber sus pensamientos en los comentarios, ¿alguna vez ha sido víctima de tabnabbing inverso? ¿Siempre utiliza el atributo rel = ”noopener”?

Imagen destacada a través de MarySan / shutterstock.com