¿Qué es y para qué sirve rel=”noopener” en WordPress?

Seguramente que alguna vez os hayáis preguntado ¿Qué significa el rel noopener en Wordpress?

El noopener es un atributo de la etiqueta HTML que se agrega de forma automática a los enlaces que están configurados para abrir en una nueva pestaña del navegador.

En este artículo vamos a intentar explicar lo mejor posible que es el link nooponer y como puede afectar a nuestras páginas web.

Si lo necesitas puedes contratar mis servicios de Posicionamiento web Santiago de Compostela.

¿Qué es “rel noopener” en WordPress?

Cuando agregamos un enlace desde nuestra página de Wordpress, podemos añadir distintos atributos a nuestros enlaces.

Por ejemplo, cuando creamos un enlace, disponemos de una serie de botones para añadir distintos atributos como: Abrir en una nueva pestaña, que los buscadores ignoren la url o es enlace de un anuncio.

¿Cómo se ve en HTML rel noopener?

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

<a href="https://ejemplo.es" target="_blank" rel="noreferrer noopener">enlace de ejemplo</a>

En este ejemplo, podéis ver como se han añadido unos atributos HTML en el enlace, Noreferrer noopener. Estos atributos se agregan a los links para solucionar unos temas de vulneración de seguridad.

Estos atributos son la solución a un problema con el código JavaScript, que puede ser utilizado para obtener el control de la ventana principal. El caso es que, pueden usar la propiedad “Window.opener” en JavaScript para cambiar nuestra página de inicio, robarnos información o seguir propagando el código malicioso.

Diferencias entre noopener VS noreferrer

• Rel=”noopener”: Se emplea para evitar que la nueva pestaña pueda usar esta característica de JavaScript
• Rel=”noreferrer”: Este atributo impide que pase la información a la nueva pestaña.

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

Podéis estar tranquilos porque no es algo que afecte a nuestro posicionamiento en los buscadores.

He escuchado que algunas personas no lo usan porque temen que afecte al SEO de sus páginas. No hay nada que temer ya que solo es una medida de seguridad. Por usarlo o dejar de hacerlo no vamos a ver cambios en los resultados de Google.

Este atributo tampoco va a afectar al rendimiento o velocidad de nuestro sitio web.

¿Cuál es la diferencia entre rel nofollow noopener?

Es probable que mucha gente al principio pueda confundir estos dos términos. Sin embargo, estos dos atributos son completamente distintos.

• Nofollow: El atributo “nofollow” lo usamos cuando creamos un enlace y no queremos transmitir autoridad (Link Juice) a la página destino.
• Noopener: El atributo “noopener” como mencionamos anteriormente, sirve para mejorar la seguridad de Wordpress y evitar los hackeos.

Los motores de búsqueda dan importancia a los atributos “nofollow” cuando rastrean una página web, sin embargo, al “noopener” no lo tienen en consideración.

Wordpress no nos permite crear enlaces nofollow, para ello debemos instalar un plugin como el Yoast SEO o hacerlo manualmente.

¿Rel=”noreferrer” afecta los enlaces de afiliados en WordPress?

El rel noreferrer no afecta a los enlaces de afiliados que coloquemos en nuestras páginas web en Wordpress. Algunas personas creen que puede evitar que transmita nuestra información de los enlaces de afiliados a la nueva pestaña.

Hoy en día, la gran parte de los programas de afiliados facilitan una URL única con el ID del usuario. Digamos que el ID de afiliado se transmite como un parámetro en la URL para que la empresa pueda realizar el seguimiento.

Las empresas que realizan enlaces de afiliados suelen emplear algún tipo de plugin para encubrir sus enlaces.

Los enlaces encubiertos redirigen a las páginas de los productos o servicios de las empresas que proporcionan los links de afiliados.

¿Cómo podemos desactivar rel=”noopener” en WordPress?

Realmente, yo no lo desactivaría ya que, es un atributo de las etiquetas html que nos ayuda a mantener la seguridad de nuestra web. Además, como mencionamos anteriormente, no afecta al SEO de nuestra página.

Si a pesar de todo ello, seguís queriendo desactivarlo, será necesario desactivar el editor de bloques Gutenberg y activar el editor clásico. Esto se debe porque el editor Gutenberg lo añade de forma automática para mantener la seguridad de nuestra web.

Una vez tengamos el editor de bloques deshabilitado, tendremos que pegar unas líneas de código al archivo functions.php de tu tema.

Tendrás que copiar el siguiente fragmento de PHP en tu archivo «functions.php»:

add_filter('tiny_mce_before_init','wpb_disable_noopener');
function wpb_disable_noopener( $mceInit ) {
$mceInit['allow_unsafe_link_target']=true;
return $mceInit;
}

Asegúrate de guardar los cambios del archivo para que sean permanentes.

De esta forma, las próximas veces que crees un enlace evitarás que se agregue el rel=”nooponer”. También tendremos que revisar los antiguos enlaces y editarlos manualmente para eliminar el atributo.

Espero que el artículo os sirva para entender un poco más el atributo rel=”nooponer” en Wordpress.
Si tenéis alguna duda o queréis aportar algo más, estaré encantado de leeros en los comentarios.

Un saludo y mis mejores deSEOs a tod@s