Al crear y mantener sitios web, siempre debemos tener en cuenta la seguridad de los sitios bajo nuestro cuidado. Los blogs necesitan especialmente un nivel adicional de cuidado teniendo en cuenta la cantidad de enlaces externos que suelen tener . Cuidar los enlaces externos implica diferentes tareas para asegurarse siempre de que estén optimizados. Una de las herramientas que ayudan a supervisar la seguridad de sus enlaces externos es el atributo HTML rel=”noopener”. Es algo simple pero puede hacer maravillas para 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.
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 habitual 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 de 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.
Tabulación inversa
El atributo rel=”noopener” protege los sitios de intenciones maliciosas, en concreto, del ataque de phishing llamado reverse tabnabbing .
Tabnabbing inverso es cuando un sitio malicioso usa window.opener.location.assign() para reemplazar una página real con una falsa. Funciona así: la página donde se añaden los enlaces, llamada página padre, 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, la página secundaria malintencionada roba toda esa información. Lo que hace el atributo rel=”noopener” es proteger la página principal de ser atacada con intenciones maliciosas mediante tabnabbing inverso a través de páginas secundarias.
¿Qué pasa con Noreferrer?
El atributo rel=”noopener” funciona en la mayoría de los navegadores excepto en 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">texto ancla de ejemplo</a>
Es un error común pensar que los enlaces con el atributo rel=”noopener” están relacionados con los enlaces dofollow y nofollow, cuando en realidad no lo están. La diferencia es que los enlaces noopener y noreferrer tienen 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 usted. De hecho, hace un tiempo publicamos un artículo detallado al respecto que definitivamente debería consultar.
Todos los enlaces agregados se atribuyen automáticamente como enlaces de seguimiento (dofollow). Para asegurarse de que no sigan, sus enlaces deben verse así:
<a href="https://www.example.com" rel="noopener noreferrer nofollow" target="_blank">texto de anclaje de ejemplo</a>
¿Un enlace Noopener afecta al SEO?
Es un mito que un enlace con un atributo rel=”noopener” pueda afectar el SEO. El uso de enlaces noopener y noreferrer no afectará al SEO en absoluto. ¡Sin embargo, los enlaces dofollow y follow sí afectan el SEO!
Solo recuérdalo así:
- noopener y noreferrer: relacionados con la seguridad
- nofollow y dofollow: pertenecen a SEO y autoridad de dominio
¿Cuándo es una buena idea usar el atributo Rel=”Noopener”?
Debe usar 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 sitios de comercio electrónico 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 te sugerimos que lo hagas. 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 necesita hacerlo. 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 afiliado debería ser una práctica común. No siempre puede estar seguro de la seguridad de los sitios por los que está avalando.
Un consejo para los enlaces de afiliados: siempre enlace a sitios que pueda estar seguro de que son seguros. No se limite a vincular a un millón de sitios que ofrecen ingresos de afiliados de lo que sea que vendan. Tus seguidores querrán hacer clic en tus enlaces de afiliado si eres 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á muchos excelentes programas de afiliados de WordPress 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 como predeterminados a todos sus enlaces. Sin embargo, siempre debe verificar dos veces si su WordPress lo está haciendo. También analizamos cómo se relacionan los enlaces noopener con los enlaces dofollow y nofollow y en qué se diferencian.
Recuerda que el atributo rel=”noopener” existe para mantener tu sitio web seguro y siempre debes usarlo. No afectará a tu SEO ni a tus enlaces de afiliado. Esperamos que este artículo te haya ayudado a entenderlo todo mejor y por qué es importante incluir el atributo de los enlaces en todo tu contenido.
Háganos saber sus pensamientos en los comentarios, ¿alguna vez ha sido víctima de tabnabbing inverso? ¿Siempre usas el atributo rel=”noopener”?
Imagen destacada a través de MarySan / shutterstock.com