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

¿Alguna vez te has preguntado qué rel="noopener" significa en wordpress?

Cuando agrega un enlace que se abre en una nueva pestaña, WordPress lo agrega automáticamente 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?

Al agregar 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 HTML generado por WordPress para este enlace se ve así:

<a href="http://example.com" target="_blank" rel="noreferrer noopener">external link</a>

Observe que se han agregado algunos atributos HTML al enlace, rel="noopener" y rel="noreferrer". Estos atributos se agregan para cerrar un agujero de seguridad.

El problema es que el código JavaScript se puede usar para permitir que una nueva pestaña tome 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 usarlo window.opener property en JavaScript para modificar la página original (su sitio web) para robar información y distribuir código malicioso.

Complementos de WordPress rel="noopener" para evitar que la nueva pestaña use esta función de JavaScript. De la misma forma como rel="noreferrer" evita que la información de referencia se propague a la nueva sección.

¿Cómo afecta rel="noopener" al SEO de WordPress?

no funciona

a pesar de rel="noopener" mejora la seguridad de WordPress, algunos usuarios evitan usarlo, creyendo que afectará su SEO de WordPress.

Pero esto es solo un mito.

Esto no afecta la clasificación SEO de su sitio ni el rendimiento general de WordPress.

¿Cuál es la diferencia entre "noopener" y "nofollow"?

Es fácil confundirse rel="noopener" con rel="nofollow". Sin embargo, son atributos completamente separados.

en noopener El atributo evita que su sitio web sea pirateado entre sitios y mejora la seguridad de WordPress.

Por otro lado, nofollow evita que su sitio web pase jugo de enlace SEO al sitio web vinculado.

Los motores de búsqueda buscan y consideran nofollow -Atributo cuando sigue un enlace en su sitio web. Sin embargo, no tienen en cuenta este noopener Signo.

Por defecto, WordPress no permite añadir nofollow a sus enlaces externos. Si quieres agregar nofollow en WordPress, entonces necesitas usar un plugin.

Para obtener más información, consulte nuestro artículo sobre cómo agregar títulos y nofollow a los enlaces en WordPress.

¿Rel="noreferrer" afecta los enlaces de afiliados de WordPress?

en rel="noreferrer" no afecta los enlaces de afiliados de WordPress. Algunos usuarios creen que esto se debe a esto rel="noreferrer" evita que la información de referencia se pase a la nueva sección.

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 al otro sitio web de seguimiento.

En segundo lugar, la mayoría de los vendedores afiliados usan un complemento de encubrimiento de enlaces para sus enlaces de afiliados.

En 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 afecta el rendimiento del sitio web ni el SEO.

Sin embargo, si necesita eliminarlo, debe deshabilitar el editor de bloques de Gutenberg en WordPress y usar el antiguo editor clásico.

Esto se debe a que cuando quitas rel="noopener" Si elimina el enlace manualmente, el editor de bloques lo agregará automáticamente para proteger su sitio.

Con el editor de bloques deshabilitado, debe agregar un fragmento de código al archivo functions.php de su tema o Código WP complemento (recomendado). Puedes aprender a usarlos Complemento WPCode gratuito en nuestra guía para agregar fácilmente código personalizado en WordPress.

Simplemente copie y pegue 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 el interruptor Activo, luego haga clic en el botón Guardar fragmento.

Esto evitará que se agregue WordPress rel="noopener" a nuevas conexiones. 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 de WordPress? Recomendamos usar Complemento AIOSEO porque puede agregar título, nofollow y otros atributos de enlace directamente en el editor de WordPress.

Esperamos que este artículo te haya ayudado a conocer más al respecto. rel="noopener" en WordPress. También puede aprender cómo obtener un dominio de correo electrónico gratuito o consultar nuestra lista de consejos para acelerar WordPress.

Si te ha gustado este artículo, suscríbete al nuestro. canal de Youtube para tutoriales en vídeo de WordPress. También puedes encontrarnos en Closermarketing.es y Facebook.