La versión de WordPress 4.7.4 o más reciente, añade una nueva etiqueta rel=”noopener” junto a target=”_blank” en el editor de HTML. ¿Qué es realmente?

Usted debe haber notado una nueva etiqueta rel=”noopener” junto a la etiqueta target=”_blank” en el editor de HTML. La etiqueta se agrega automáticamente a todos los enlaces internos y externos cuando se abren en una nueva pestaña.

rel=noopener WordPress

Etiqueta rel=noopener WordPress

Al igual que cualquier otro desarrollador web preocupado, debe preguntarse qué hace esta etiqueta y si afecta negativamente a sus sitios web de alguna manera ¿Es así?

Bien, en este post voy a decir de lo que trata rel=”noopener” en WordPress y cómo se puede quitar si es necesario.

1. ¿Qué es la etiqueta rel =”noopener”?

Por más intrusivo que pueda parecer, en realidad es una solución de seguridad para evitar que los enlaces maliciosos tomen el control de una pestaña abierta. Normalmente, el objeto window.opener de JavaScript se puede utilizar para controlar una ventana principal (su pestaña actual) a través de una ventana secundaria (la pestaña abierta).

Los hackers pueden usar esta función para cambiar el sitio web, actualmente abierto, del usuario con una información falsa y robar información, como los detalles de inicio de sesión. Aquí hay un ejemplo de sitio web que muestra cómo window.opener puede secuestrar su pestaña.

   

Para evitar esto, la etiqueta rel=”noopener” bloquea el uso del objeto Javascript window.opener. Si window.opener no funciona, entonces una pestaña no puede controlar otra pestaña.

Esta solución de seguridad se agregó en el plugin TinyMCE, en noviembre del 2016. Como WordPress utiliza TinyMCE como su editor de texto, también se actualizó con esta función en WordPress versión 4.7.4.

2. ¿rel =”noopener” es malo para su sitio web?

En resumen, no. Muchos usuarios de WordPress están preocupados que el rel=”noopener” puede estar haciendo todos los enlaces internos y externos “nofollow”, que es realmente malo para el SEO. En realidad, rel=”noopener” es sólo una instrucción para el navegador del usuario a modo de detener el uso del objeto window.opener Javascript.

El SEO de un sitio web es afectado por los motores de búsqueda y no interactúan con la etiqueta rel=”noopener”. Lo mismo sucede con el software analytics que ignora completamente esta etiqueta.

 

Sin embargo, lo que podría haber sido un poco el problema fue cuando WordPress agrego la etiqueta rel=”noopener noreferrer” antes de la versión WordPress 4.7.4. En la versión anterior, “noreferrer” impidió saber de dónde provenía el enlace realmente.

Aunque no afectó al SEO, algunas de las herramientas de análisis y programas de afiliados se vieron afectados. Sin embargo, parece que WordPress ha eliminado la etiqueta “noreferrer” y no debería tener ningún problema con la etiqueta rel=”noopener”. Sólo asegúrese de actualizar a la última versión de WordPress .

3. Cómo eliminar rel = “noopener”

No veo ninguna buena razón para quitar rel=”noopener” de sus entradas. No afecta al SEO, ni en las herramientas de análisis, y mucho menos a los enlaces de afiliados. Sólo protege a los usuarios de posibles enlaces maliciosos que podrían secuestrar sus pestañas.

Eliminar rel=”noopener” puede ser un poco difícil, ya que está integrado en el editor de texto de WordPress. Incluso si lo elimina manualmente del código HTML, se volverá a agregar cuando guarde el documento. Así que lo mejor es desactivar esta función del plugin de TinyMCE.

Para ello tendrás que añadir algunas líneas de código en el archivo functions.php de tu tema de WordPress.

En el archivo functions.php, copie y pegue el código abajo mencionado y guárdelo:

//Tenga en cuenta que esto desactiva una función de seguridad de tinyMCE
function tinymce_allow_unsafe_link_target( $mceInit ) {
    $mceInit['allow_unsafe_link_target']=true;
    return $mceInit;
}

Esto evitará que WordPress agregue etiquetas rel=”noopener” automáticamente a tus publicaciones. Sin embargo, esto no eliminará las etiquetas ya agregadas, por lo que tendrá que eliminarlas manualmente de las publicaciones guardadas después de la actualización de WordPress 4.7.4.

4. Conclusión

No hay necesidad de tener miedo de la etiqueta rel="noopener", ya que es un paso adelante en la seguridad de los visitantes de su sitio web. A menos que no desee utilizar la función window.opener, deberá estar satisfecho con la nueva característica de seguridad.

Si hay alguna otra razón por la que usted está buscando para eliminar la etiqueta  rel="noopener", por favor coméntanos.

Qué es rel=”noopener” en WordPress y cómo quitarlo
5 (100%) 10 votes