Cómo Hacer Una Página

Hacer una Web Profesional con Wordpress

  • Mi Cuenta
  • Contacto
  • Curso GRATUITO de WordPress
  • Suscribirse (10€/mes)
Estás aquí: Inicio / Gestores de Contenido / Wordpress / ¿Que es rel=”noopener noreferrer” en WordPress?

¿Que es rel=”noopener noreferrer” en WordPress?

enero 15, 2019 Por Oscar martin Deja un comentario

que es rel noopener

Seguramente si usar WordPress habrás visto unas etiquetas raras en los enlaces si has mirado el código.

Al principio asusta ya que sabes que no lo has añadido tu mismo y piensas ¿de dónde ha salido eso? No te preocupes, no ha pasado nada malo, es el propio WordPress quién lo ha añadido.

¿Por qué lo hace? Para protegerte, te explico en más detalle.

Es un atributo de HTML que nos ayuda a estar protegidos de cualquier vulnerabilidad que se produzca al colocar un enlace externo dentro de nuestra página web.

Cada vez que creamos un enlace para que se abra en una ventana nueva con target=”_blank”. Al hacer esto, hemos estado expuestos a hackers maliciosos que podían, mediante el selector window.opener, modificar cosas gracias al lenguaje de programación JavaScript.

Tales cosas como llevarnos a una página falsa y pedirnos que ingresemos nuestros datos.

Por este motivo a partir de la versión 4.7.4 de WordPress, todo enlace que se genere a una pestaña nueva con target=”_blank” estará vinculado con rel=”noreferrer noopener” evitando así cualquier vulnerabilidad a cualquier enlace externo.

¿Cómo puedo Verificar qué tengo rel=”noreferrer noopener”?

Aquí os muestro mi editor de WordPress y vamos hacer un ejemplo.

Creamos una entrada y añadimos un enlace externo de prueba.

enlace nueva pestana

Ahora vamos a ver la entrada en formato HTML, para ello hacemos clic en los tres puntos que aparecen en el encabezado del bloque en el lado derecho y seleccionamos “Editar como HTML”

wp editar como html

Ahora veremos cómo está estructurado mi enlace. Podemos darnos cuenta de que por defecto WordPress llama al código rel=”noreferrer noopener”

rel noopener

¿Estarán preguntándose qué es Noreferrer?

Es otro atributo que acompaña a Noopener para evitar pasar nuestra información personal a la nueva pestaña a la que nos dirigimos.

¿Afecta al SEO añadir noopener noreferrer?

Por supuesto que no, no afecta el posicionamiento a los enlaces.

También puede que se os estéis preguntado si afectaría a los enlaces que tienen el atributo nofollow

Vamos a verlo, si por ejemplo teníamos un enlace como este:

<a rel="nofollow" href="https://misitio.es/mi-enlace/">Texto de mi enlace</a>

Y ahora tendría que estar de la siguiente forma:

<a rel="nofollow noopener noreferrer" href="https://misitio.es/mi-enlace/">Texto de mi enlace</a>

Déjame decirte que tampoco afectaría al SEO.

Y no lo digo yo, lo dice el propio Google.

Según han respondido desde Google añadir noopener a nuestros enlaces no afecta el posicionamiento.

¿Y para mis enlaces de afiliados? si el atributo Noreferrer no me permite pasar la información personal ¿me veré perjudicado?

Tampoco, la mayoría de programas de afiliados te proporcionan una URL única que incluye tu ID de afiliado.

¿Puedo alternar Noopener y Noreferrer?
Sí puedes hacerlo, esto no afecta la protección del enlace.

Veamos el siguiente ejemplo, dentro de mi entrada de prueba he colocado al revés los códigos

html relnoopener

Guardo la entrada y hago clic en Vista previa. Una vez que estoy visualizando me voy a ver el código fuente, haciendo clic en Ctrl+U (Si es que trabajas en Chrome)

codigo fuente relopener

Podemos darnos cuenta de que los atributos siguen presentes realizando la función de protección.

¿Puedo desactivar esta funcionalidad?
Puedes hacerlo, pero estarías expuesto nuevamente, así que no tendría sentido hacerlo.

De igual modo si quieres desactivarlo, tendrías que ingresar a tu archivo functions.php del tema hijo activo y añadir el código siguiente:

// Esto desactiva voluntariamente una funcionalidad de seguridad de tinyMCE.
// NO ES RECOMENDABLE usar este código.
add_filter('tiny_mce_before_init','tinymce_allow_unsafe_link_target');
function tinymce_allow_unsafe_link_target( $mceInit ) {
$mceInit['allow_unsafe_link_target']=true;
return $mceInit;
}

Espero que este artículo te haya servido para entender cómo funciona el atributo noopener en los enlaces externos.

Te recomendamos no modificar nada pues así estarás protegido y seguro.

Hasta el siguiente tutorial 😉

Publicado en: Wordpress Etiquetado como: noopener, noreferrer

Acerca de Oscar martin

Me llamo Óscar y me dedico al Marketing Online. Me gano la vida gracias a internet y a herramientas como Wordpress. ¿Te puedo ayudar? Contáctame

Deja una respuesta Cancelar la respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Carrito

Categorías

Contenido Premium

¿Quieres Aprender WordPress y Ganar dinero? Cópiame

¿Necesitas Ayuda?

  • Contacto
  • Blog

Más Información

  • Condiciones de Uso
  • Condiciones generales de venta
  • Aviso Legal
  • Pólitica de Privacidad
  • Política de cookies

Buscador

Funciono con el Theme Genesis · Acceder

Este sitio web instalará en tu navegador cookies analíticas y publicitarias propias y de terceros si continúas navegando.
Encontrará más información en nuestra Política de Cookies...Configuración de CookiesAceptar
Privacy & Cookies Policy

Privacy Overview

This website uses cookies to improve your experience while you navigate through the website. Out of these, the cookies that are categorized as necessary are stored on your browser as they are essential for the working of basic functionalities of the website. We also use third-party cookies that help us analyze and understand how you use this website. These cookies will be stored in your browser only with your consent. You also have the option to opt-out of these cookies. But opting out of some of these cookies may affect your browsing experience.
Necessary
Siempre activado
Las cookies estrictamente necesarias tiene que activarse siempre para que podamos guardar tus preferencias de ajustes de cookies.
Básicamente el blog no funcionará bien si no están activas.
Estas cookies son:
- Comprobación de inicio de sesión.
- Cookies de seguridad imprescindibles.
- Saber si ya has aprobado/rechazado las cookies.
Non-necessary
Esta web utiliza las siguientes cookies adicionales:
- Mautic: Recordar si ya estás suscrito al boletín de noticias.
- Google Analytics: un servicio de analítica web desarrollada por Google, que permite la medición y análisis de la navegación en las páginas web.
GUARDAR Y ACEPTAR