Para que sirve el Atributo rel = «noopener» en WordPress

Son muchas las personas que preguntan qué significa la etiqueta rel = «noopener» en WordPress y porqué la han puesto. Cuando seleccionamos abrir un enlace en una nueva ventana, el sistema de WordPress añade por defecto este atributo a un enlace. En esta entrada vamos a ver en que consiste el atributo rel = «noopener» en WordPress y cómo puede afectar en nuestro sitio web (para bien).

❓ ¿Cual es el significado de rel = «noopener» en WordPress?

El atributo rel = «noopener» es una etiqueta HTML que se añade a todos los enlaces de WordPress que son utilizados para abrir en una nueva pestaña del navegador. También se suele acompañar por el atributo rel = «noreferrer». Estas dos características fueron introducidas en WordPress para eliminar una vulnerabilidad de seguridad que es utilizada por sitios web con malas intenciones y ganas de hacer daño con contenidos maliciosos.

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

Cuando se añade la etiqueta HTML rel = «noopener» se evita que las nuevas pestañas aprovechen esta función de JavaScript. Al mismo tiempo el atributo rel = «noreferrer» evita pasar la información del remitente a la nueva pestaña.

El software de WordPress siempre intenta ir por delante mejorando la seguridad del sitio web. Cuando se incluye un enlace y seleccionas «Abrir en una nueva pestaña», WordPress añade el código rel = «noopener» y rel = «noreferrer» por defecto.

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

<a href="https://ejemplo.com" target="_blank" rel="noreferrer noopener" aria-label="Este es un enlace externo (abierto en nueva pestaña) ">enlace de demostracion</a>

🤔 ¿Afecta el atributo rel = «noopener» al SEO?

Como hemos mencionado antes el atributo rel = «noopener» mejora la seguridad de WordPress, aún así hay muchas personas que desean evitar utilizarlo porque creen que afecta al SEO de su sitio web de WordPress.

Ya te puedo decir que no es cierto. No altera en absoluto las clasificaciones SEO de tu sitio web o el rendimiento general de WordPress .

🤨 ¿Hay alguna diferencia entre noopener y nofollow?

Es fácil mezclar rel = «noopener» con rel = «nofollow» pero están totalmente separados. El atributo noopener evita que tu sitio web de WordPress sea comprometido por otros sitios maliciosos y mejora la seguridad de WordPress.

En cambio, el atributo nofollow evita que los robots rastreadores tengan en cuenta dicho enlace y no tenga ninguna consecuencia para el SEO. Todos los motores de búsqueda saben detectar un atributo nofollow cuando siguen un enlace en un sitio web. Sin embargo, no dan ninguna consideración a la etiqueta noopener.

Tienes que tener en cuenta que WordPress no permite añadir etiquetas nofollow a los enlaces externos (por ahora). Pero si quieres incluir el atributo nofollow a los enlaces de WordPress, puedes utilizar hacerlo manualmente cuando editas una entrada, o puedes utilizar un plugin. Puedes utilizar el plugin Ultimate Nofollow para agilizar el trabajo.

😒 ¿Tiene algún impacto el rel = «noopener» en los enlaces de afiliados?

El rel = «noopener» no afecta en absoluto a los enlaces de afiliados en WordPress. Muchas personas creen que el rel = «noreferrer noopener» evita pasar la información del remitente a la nueva pestaña.

Como es lógico, la mayoría de los programas de afiliados proporcionan una URL única que tiene un ID de afiliado. Esto significa que el ID de afiliado pasa como un parámetro de URL para que el otro sitio web realice el seguimiento.

Otro aspecto a tener en cuenta es que la mayoría de los sitios web que utilizan programas de afiliados utilizan un plugin de ocultamiento de los enlaces. Con este ocultamiento de enlaces, el enlace de afiliado en el que pulsan los usuarios es en realidad la propia URL del sitio web que luego redirige a los usuarios a la URL de destino.

🤓 ¿Cómo eliminar el rel = «noopener» en WordPress?

No te aconsejo eliminar el  rel = «noopener» en los enlaces de tu sitio web. Como hemos dicho antes es bueno para la seguridad de tu sitio web y no tiene ningún impacto en el rendimiento SEO de tu sitio.

Sin embargo si deseas eliminar el atributo, debes deshabilitar el editor de bloque Gutenberg en WordPress y usar el antiguo editor clásico. Más adelante tienes que añadir el siguiente código al archivo functions.php de tu tema hijo o a un plugin específico del sitio .

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

Recuerda que no recomiendo eliminar rel = «noopener». No existe una buena razón para hacer esto.

Espero que este post te ayude a aprender sobre rel = «noopener» en WordPress.

Si tienes alguna duda, problema o sugerencia no dudes en comentar a continuación…