Como usar etiquetas noopener, noreferrer y nofollow en Wordpress y Joomla!
Como afectan al posicionamiento SEO, la analítica y la seguridad las etiquetas noopener, noreferrer y nofollow
“Noreferrer noopener”, son atributos HTML que se pueden agregar a los enlaces salientes. ¿Qué hacen estas etiquetas y cómo pueden afectar sus esfuerzos de SEO?
En esta publicación, explicaremos la diferencia entre las etiquetas noreferrer y noopener, en qué se diferencian de la etiqueta nofollow y el impacto en el SEO cuando se usa cada una.
- ¿Qué es rel=”noreferrer”?
- ¿Cuándo usar rel=”noreferrer”?
- rel=”noreferrer” y SEO
- Noreferrer y WordPress
- Noreferrer y enlaces de afiliados
- La diferencia entre Nofollow y Noreferrer
- ¿Qué es rel=”noopener”?
- rel=”noopener” y SEO
Comencemos con algunas definiciones.
¿Qué es rel=”noreferrer”?
La etiqueta rel=”noreferrer” es un atributo HTML especial que se puede agregar a una etiqueta de enlace (<a>). Evita pasar la información de referencia al sitio web de destino eliminando la información de referencia del encabezado HTTP.
Esto significa que en Google Analytics el tráfico proveniente de enlaces que tienen el atributo rel=”noreferrer” se mostrará como "tráfico directo" en lugar de tráfico de referencia.
Así es como se ve el atributo noreferrer en la Vista HTML:
<a href="https://www.iparprint.com" rel="noreferrer">Enlace a iparprint.com</a>
Entrenamiento SEO
Aquí hay un ejemplo para entender esto mejor:
Supongamos que vincula desde el sitio web A al sitio web B sin la etiqueta "noreferrer".
Cuando el propietario del sitio web B ve el informe de 'ADQUISICIÓN' en Google Analytics, puede ver el tráfico proveniente del sitio web A, en la sección 'REFERENCIAS'. El tráfico procedente de enlaces sin el rel=”noreferrer” se muestra como tráfico de referencia
Cuando vincula desde el sitio web A al sitio web B utilizando la etiqueta "noreferrer", cualquier tráfico que vaya del sitio web A al sitio web B se mostrará como tráfico DIRECTO en Google Analytics (y no como referencia).
El tráfico procedente de enlaces con rel=”noreferrer” se muestra como tráfico directo
¿Cuándo usar rel=”noreferrer”?
Utilice el atributo rel=”noreferrer” en los enlaces salientes cuando no quiera que otros sitios sepan que los está enlazando. No puedo pensar en ninguna razón válida por la que quieras hacer esto, pero ese es el caso.
Definitivamente, no use el atributo rel=”noreferrer” en enlaces internos, puede estropear sus informes de análisis de Google.
rel=”noreferrer” y SEO
Agregar la etiqueta noreferrer a sus enlaces no afecta directamente al SEO. Puedes usarlo de forma segura sin preocuparte por nada.
Pero tiene un efecto indirecto en sus esfuerzos de promoción y construcción de enlaces y la razón es la siguiente:
Una de las formas de llamar la atención de otros webmasters es enlazar a sus sitios. Todos los webmasters revisan sus análisis de Google a diario y especialmente el 'Tráfico de referencia'.
Cuando ven tráfico de un sitio web, lo más probable es que lo revisen y compartan la página en las redes sociales, sigan al autor o incluso decidan devolver el favor con un enlace.
Esto es bueno para el SEO y, de hecho, es algo que Google recomienda como una forma válida de obtener enlaces de otros sitios web (ver más abajo la cita relevante de un documento de Google).
Consejos de Google sobre cómo atraer nuevos enlaces
Consejos de Google sobre cómo atraer nuevos enlaces
Cuando tiene la etiqueta noreferrer adjunta a sus enlaces, nada de lo anterior sucederá porque el tráfico de su sitio web no se mostrará como "Referencia" en Google Analytics y, por lo tanto, los otros webmasters no sabrán que los ha vinculado.
Podrías estar pensando: '¿Por qué incluso hablar de esto? No lo agregaré a mis enlaces y ese es el final de la historia'.
La razón por la que este problema se ha vuelto popular es que WordPress agrega la etiqueta 'noreferrer' de forma predeterminada a todos los enlaces salientes que están configurados para abrirse en una 'nueva pestaña'.
Para obtener más consejos y trucos técnicos de SEO, consulte el paquete de cursos de SEO. Te enseñará todo lo que necesitas saber sobre SEO.
Noreferrer y WordPress
Entonces, si está en WordPress, debe saber que cuando agrega un enlace externo a su contenido y lo configura para que se abra en una 'nueva pestaña' (target = ”_blank”), WordPress agregará automáticamente rel = ”noopener noreferrer” a el enlace.
Hicieron esto para mejorar la seguridad del editor enriquecido de WordPress (TinyMCE) y para evitar tabnapping y otros ataques de phishing.
Aquí hay un ejemplo:
<a href="https://www.externalsite.com/" target="_blank" rel="noopener noreferrer">mi enlace externo</a>
Como se explicó anteriormente, esto evitará que cualquier información pase a la nueva pestaña y el resultado final es que cualquier tráfico que vaya desde su sitio web al sitio web vinculado (haciendo clic en el enlace), no se mostrará en Google Analytics.
Cómo eliminar rel=”noreferrer” de los enlaces de WordPress
La forma más fácil de evitar que WordPress agregue automáticamente el atributo a los enlaces externos es NO abrir los enlaces en una nueva pestaña. En otras palabras, tener los enlaces abiertos en la misma ventana.
Sin embargo, dado que la mayoría del tráfico ahora proviene de dispositivos móviles, no debe preocuparse demasiado por los usuarios que salen de su sitio web, ya que el comportamiento de la "nueva pestaña" en los dispositivos móviles dificulta que los usuarios regresen a la ventana anterior.
Hay complementos que evitan que WordPress agregue rel=”noreferrer” a enlaces externos, pero solo funcionan cuando se usa TinyMCE y NO el nuevo editor (Gutenberg).
Mi recomendación es no meterse con esto, simplemente evite abrir enlaces externos en una nueva pestaña y estará listo.
Noreferrer y enlaces de afiliados
Noreferrer no tiene impacto en los enlaces de afiliados. La razón es que la mayoría de los programas de afiliados no se basan en el "tráfico de referencia" para otorgar una conversión, sino en la ID de afiliado que se incluye en el enlace. Por ejemplo:
<a href="//www.semrush.com/sem/?ref=15096612" rel="noreferrer noopener" target="_blank">
Entonces, no tienes de qué preocuparte.
La diferencia entre Nofollow y Noreferrer
Cuando agrega rel=”nofollow” a un enlace externo, básicamente le indica a los motores de búsqueda que no pasen ningún PageRank de una página a otra. En otras palabras, les dices que ignoren ese enlace con fines de SEO.
La diferencia entre nofollow y noreferrer es que noreferrer no pasa ninguna información de referencia al navegador, pero se sigue el enlace. Con nofollow, la información de referencia se pasa al navegador pero no se sigue el enlace.
Entonces, no son las mismas cosas. Usa nofollow en enlaces en los que no confíes y usa noreferrer si no quieres que el otro sitio sepa que te has enlazado a ellos.
¿Qué es rel=”noopener”?
rel=”noopener” es un atributo HTML que se puede agregar a enlaces externos. Impide que la página de apertura obtenga cualquier tipo de acceso a la página original.
Aquí hay un ejemplo de un enlace con la etiqueta rel=”noopener”:
<a href="https://www.example.com" rel="noopener">Enlace a Example.com</a>
WordPress lo agrega automáticamente en todos los enlaces externos que se abren en una nueva pestaña por razones de seguridad y se recomienda que lo conserve.
Si no está en WordPress, se recomienda agregar el rel=”noopener” a todos sus enlaces externos que se abren en una nueva pestaña.
Rel=”noopener” y SEO
Noopener tiene un impacto cero en su SEO, por lo que puede usarlo de manera segura para mejorar la seguridad de su sitio web.
Aprendizajes clave
Tratar con etiquetas y atributos HTML es confuso para muchas personas, pero ese no debería ser el caso con noreferrer y noopener.
Ninguno de ellos puede impactar negativamente en tu SEO, úsalos sin miedo.
Si está en WordPress, estas etiquetas se agregan automáticamente en los enlaces externos que se abren en una nueva pestaña.
El noopener es necesario para mejorar la seguridad de su sitio web y evitar que otros sitios web accedan a su página (a través de la sesión del navegador).
El noreferrer se utiliza para evitar que la información de referencia se transmita al sitio web de destino y esto también oculta el tráfico de referencia en Google Analytics.
Si desea que otros sitios web vean el tráfico de su sitio web como 'Tráfico de referencia', simplemente no abra enlaces externos en una nueva pestaña. Esto evitará que WordPress agregue automáticamente los atributos a los enlaces y todo esté bien.
Nofollow no es lo mismo que noreferrer. Cuando se agrega rel=”nofollow” a un enlace, indica a los motores de búsqueda que no usen ese enlace con fines de SEO. Noreferrer pasa link juice de un sitio web a otro.
Si todavía está confundido acerca del rol de rel=”noreferrer noopener”, hágamelo saber en los comentarios.