¿Te has preguntado qué rel="noopener" significa en WordPress?
Cuando agrega un enlace que se abre en una nueva pestaña, WordPress agrega automáticamente el rel="noopener" atribuir al enlace.
En este artículo te explicamos qué rel="noopener" significa en WordPress y cómo afecta a su sitio web.
¿Qué es rel=»noopener» en WordPress?
Cuando agrega enlaces a su sitio web de WordPress, puede usar atributos HTML para controlar lo que sucede cuando hace clic en el enlace.
Por ejemplo, cuando crea un enlace, hay un interruptor que le permite abrirlo en una nueva pestaña.
El código HTML generado por WordPress para este enlace se ve así:
<a href="http://example.com" target="_blank" rel="noreferrer noopener">external link</a>
Tenga en cuenta que se han agregado algunos atributos HTML al enlace, rel="noopener" y rel="noreferrer". Estos atributos se agregaron para corregir una vulnerabilidad de seguridad.
El problema es que el código JavaScript se puede usar para dar a una nueva pestaña control sobre la ventana de referencia. Si se vincula a un sitio web externo que se ha visto afectado por el código malicioso, ese sitio web puede descargar el window.opener property en JavaScript para modificar la página original (su sitio web) para robar información y distribuir código malicioso.
WordPress agrega rel="noopener" para evitar que la nueva pestaña aproveche esta característica de JavaScript. Así mismo el rel="noreferrer" El atributo impide pasar la información de referencia a la nueva pestaña.
¿Cómo afecta rel=»noopener» al SEO de WordPress?
no lo hace
A pesar de rel="noopener" El atributo mejora la seguridad de WordPress, algunos usuarios lo evitan porque creen que afectará su SEO de WordPress.
Pero eso es solo un mito.
No afectará las clasificaciones de SEO de su sitio ni el rendimiento general de WordPress.
¿Cuál es la diferencia entre «noopener» y «nofollow»?
es facil de confundir rel="noopener" de rel="nofollow". Sin embargo, son atributos completamente separados.
Él noopener El atributo evita que su sitio web sea pirateado y mejora la seguridad de WordPress.
Por otro lado, el nofollow El atributo evita que su sitio web pase jugo de enlace SEO al sitio web vinculado.
Los motores de búsqueda buscan y consideran la nofollow atributo al seguir un enlace en su sitio web. Sin embargo, no tienen en cuenta la noopener etiqueta.
Por defecto, WordPress no le permite agregar nofollow a sus enlaces externos. Si quieres agregar nofollow en WordPress, necesitas usar un plugin.
Para obtener más información, consulte nuestro artículo sobre cómo agregar un título y enlaces nofollow en WordPress.
¿Rel=»noreferrer» afecta los enlaces de afiliados en WordPress?
Él rel="noreferrer" no afecta los enlaces de afiliados en WordPress. Algunos usuarios creen que este es el caso rel="noreferrer" evita que la información de referencia se pase a la nueva pestaña.
Sin embargo, la mayoría de los programas de afiliados le brindan una URL única que contiene su ID de afiliado. Esto significa que su ID de afiliado se pasa como un parámetro de URL para que lo siga el otro sitio web.
En segundo lugar, la mayoría de los vendedores afiliados usan un complemento para ocultar enlaces para sus enlaces de afiliados.
Con el encubrimiento de enlaces, el enlace de afiliado en el que hacen clic los usuarios 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 hay necesidad de quitar rel="noopener" de enlaces en su sitio web. Es bueno para la seguridad de su sitio web y no afectará el rendimiento o el SEO de su sitio web.
Sin embargo, si necesita eliminarlo, debe deshabilitar el editor de bloques de Gutenberg en WordPress y usar el antiguo editor clásico.
Eso es porque si eliminas rel="noopener" manualmente desde el enlace, el editor de bloques lo agregará automáticamente para mantener su sitio web seguro.
Una vez que el editor de bloques está deshabilitado, debe agregar un fragmento de código al archivo functions.php de su tema o al Código WP complemento (recomendado). Puedes aprender a usar el Complemento gratuito de WPCode en nuestra guía sobre cómo agregar fácilmente código personalizado en WordPress.
Simplemente copie el siguiente código en un nuevo fragmento de PHP:
add_filter('tiny_mce_before_init','wpb_disable_noopener');
function wpb_disable_noopener( $mceInit ) {
$mceInit['allow_unsafe_link_target']=true;
return $mceInit;
}
Asegúrese de activar la opción «Activo», luego haga clic en el botón «Guardar fragmento».
Esto evita que WordPress agregue rel="noopener" a nuevos enlaces. También debe editar manualmente los enlaces antiguos para eliminar el atributo.
¿Quiere tener aún más control sobre qué atributos rel se agregan a sus enlaces en WordPress? Recomendamos el Complemento AIOSEO porque le permite agregar título, nofollow y otros atributos de enlace directamente en el editor de WordPress.
Esperamos que este artículo le haya ayudado a aprender más sobre rel="noopener" en WordPress. Es posible que también desee aprender cómo obtener un dominio de correo electrónico gratuito o consultar nuestra lista de consejos para acelerar el rendimiento de WordPress.
Si te ha gustado este artículo, suscríbete a nuestro Canal de Youtube para tutoriales en vídeo de WordPress. También puedes encontrarnos en Gorjeo y Facebook.