¿Qué es rel = noopener en WordPress? (Explicado)

¿Qué es rel = noopener en WordPress? (Explicado) / Guía para principiantes

Recientemente, uno de nuestros lectores preguntó: ¿qué es rel = "noopener" en WordPress? Si selecciona abrir un enlace en una nueva ventana, WordPress agrega este atributo a su enlace. En este artículo, explicaremos qué es rel = "noopener" en WordPress y cómo afecta a su sitio web..

¿Qué es rel = "noopener" en WordPress?

rel = "noopener" es un atributo HTML que se agrega a todos los enlaces de WordPress que se seleccionan para abrir en una nueva pestaña del navegador. También está acompañado por un atributo rel = "noreferrer". Esta característica se introdujo en WordPress para abordar una vulnerabilidad de seguridad que puede ser explotada por sitios web maliciosos.

Hay algunas características de JavaScript que permiten que una nueva pestaña obtenga el control de su ventana de referencia. Si se vincula a un sitio web externo afectado por el código malicioso, ese sitio web puede usar window.opener Propiedad de JavaScript para cambiar la página original (su sitio web) para robar información y propagar códigos maliciosos.

Agregar rel = "noopener" evita que las nuevas pestañas aprovechen esta función de JavaScript. De manera similar, el atributo rel = "noreferrer" evita pasar la información del remitente a la nueva pestaña.

WordPress siempre se mantiene por delante de la curva para ayudar con la seguridad del sitio web. Cuando agrega un enlace y selecciona "Abrir en una pestaña nueva", WordPress agregará el código rel = "noopener" y rel = "noreferrer".

El código HTML generado por WordPress se ve así:

 enlace demo 

Cómo rel = "noopener" afecta a su WordPress SEO?

A pesar de que el atributo rel = "noopener" mejora la seguridad de WordPress, varios usuarios desean evitar su uso porque creen que afectará su SEO de WordPress.

Eso es solo un mito.

No tiene ningún impacto en las clasificaciones SEO de su sitio de WordPress ni en el rendimiento general de WordPress.

Cual es la diferencia entre noopener vs nofollow?

Es fácil mezclar rel = "noopener" con rel = "nofollow". Están completamente separados.

El atributo noopener evita que su sitio web realice piratería entre sitios y mejora la seguridad de WordPress.

Por otro lado, el atributo nofollow evita que su sitio web transfiera el enlace de SEO al sitio web vinculado.

Los motores de búsqueda buscan y consideran un atributo nofollow cuando siguen un enlace en su sitio web. Sin embargo, no dan consideración a la etiqueta noopener..

Por defecto, WordPress no le permite agregar nofollow a sus enlaces externos. Si desea agregar nofollow en WordPress, deberá utilizar un complemento. Para obtener más información, consulte nuestro artículo sobre cómo agregar títulos y nofollow a los enlaces en WordPress.

¿Afecta rel = "noreferrer" a los enlaces de afiliados en WordPress??

El rel = "noreferrer" no afecta a los enlaces de afiliados en WordPress. Algunos usuarios creen que lo hace porque rel = "noreferrer" evita pasar la información del remitente a la nueva pestaña.

Sin embargo, la mayoría de los programas de afiliados le proporcionan una URL única que tiene su ID de afiliado. Esto significa que su ID de afiliado se pasa como un parámetro de URL para que el otro sitio web realice un seguimiento.

En segundo lugar, la mayoría de los comerciantes afiliados usan un plugin de ocultamiento de enlaces para sus enlaces de afiliados.

Con el encubrimiento de enlaces, el enlace de afiliado en el que los usuarios hacen clic es en realidad la propia URL de su sitio web que luego redirige a los usuarios a la URL de destino.

Cómo deshabilitar rel = "noopener" en WordPress?

No es necesario eliminar rel = "noopener" de los enlaces de su sitio web. Es bueno para la seguridad de su sitio web y no tiene ningún impacto en el rendimiento o SEO en su sitio web.

Sin embargo, si debe eliminarlo, deberá deshabilitar el editor de bloque Gutenberg en WordPress y usar el antiguo editor clásico. Después de eso, deberá agregar el siguiente código al archivo functions.php de su tema o un complemento específico del sitio.

 add_filter ('tiny_mce_before_init', 'wpb_disable_noopener'); función wpb_disable_noopener ($ mceInit) $ mceInit ['allow_unsafe_link_target'] = true; devuelve $ mceInit;  

Nota: No recomendamos eliminar rel = "noopener". No hay una buena razón para hacerlo..

Esperamos que este artículo te haya ayudado a aprender sobre rel = "noopener" en WordPress. También puede consultar nuestra guía sobre cómo realizar un seguimiento de los enlaces salientes en WordPress.

Si le ha gustado este artículo, suscríbase a nuestros tutoriales en video del Canal de YouTube para WordPress. También puedes encontrarnos en Twitter y Facebook..