Nofollow y Noreferrer. Diferencias y cómo afecta al SEO de tu web.

¿Qué son los enlaces nofollow y noreferrer? Siempre hay confusión sobre para qué sirven y cómo afectan a nuestro SEO. Con este post los enlaces nofollow y noreferrer ya no tendrán secretos para ti.

También te puede interesar:

• CREA DIRECCIONES URL AMIGABLES PARA POSICIONAR EN GOOGLE
• LAS MEJORES WEBS PARA TRABAJAR EN MARKETING DIGITAL
• CÓMO GANAR DINERO CON TU BLOG CON SIETE FÓRMULAS QUE FUNCIONAN

Para los que tenemos y trabajamos en WordPress el tema de los enlaces siempre es un rompecabezas. Tanto porque conseguir enlaces follow es cada día más complicado como por las múltiples dudas que surgen en el uso de etiquetar los enlaces que adjuntamos a nuestros artículos.

Hay dos etiquetas que se llevan la palma en las preguntas: qué son y para qué sirven los enlaces nofollow y noreferrer. Cuantos más artículos lees sobre estos enlaces más dudas surgen. Hay tantas versiones que no sabes con cuál quedarte. En este artículo voy a intentar solucionar algunas de las preguntas más comunes que suelen surgir.  

Como decía, he notado mucha confusión sobre estas etiquetas en foros, clases y grupos de discusión y quería ofrecer algunas aclaraciones. En este post, voy a explicar exactamente qué es la etiqueta noreferrer, en qué se diferencia del nofollow y el impacto que podría tener cada etiqueta en tu web.

¿QUÉ ES LA ETIQUETA NOREFERRER?

En resumen, la etiqueta noreferrer oculta la información de referencia cuando se hace clic en el enlace. Un enlace con la etiqueta noreferrer se ve así:

<a href=»http://www.yoursite.com» rel=»noreferrer»> Haga clic aquí para obtener más información </a>

Si alguien llega a su sitio desde un enlace que usa esta etiqueta, su analítica no muestra quién hizo referencia a ese enlace. En cambio, se muestra erróneamente como tráfico directo en su informe de canales de adquisición.

Esto es obviamente un problema para la analítica de los propietarios de estos sitios web. No solo puede estropear los datos de su fuente de tráfico entrante, sino que también puede hacer que sea imposible hacer un seguimiento de cómo los usuarios se mueven a través de su propio web (especialmente si sus enlaces internos tienen esta etiqueta).

DIFERENCIAS ENTRE NOFOLLOW Y NOREFERRER. SEO. Clic para tuitear

¿Por qué comienzan las dudas sobre la etiqueta noreferrer en 2017?

A principios de este año, muchos usuarios de WordPress comenzaron a notar que la etiqueta se agregaba automáticamente a sus enlaces internos y externos.

Esto no fue en realidad un cambio hecho por WordPress en sí mismo, sino más bien por TinyMCE, el editor de texto enriquecido utilizado por WordPress (básicamente es el área donde escribes tu contenido en WordPress).

En una actualización de seguridad cerca de finales de 2016, TinyMCE comenzó a establecer la etiqueta predeterminada «noopener noreferrer» en todos los enlaces con el atributo target = _ «blank».

¿Qué es el valor _blank? Muy sencillo, es simplemente que indicamos que los enlaces con el valor _blank están configurados para abrirse en una nueva ventana o pestaña.

Seguimos con la actualización de TinyMCE. Esta actualización tenía como objetivo evitar los ataques de phishing o «tabnabbing», con los que los spammers secuestran tu site, lo que les permite acceder a tu web y a la información confidencial de tus visitantes.

Si bien la mayoría de los blogueros y propietarios de sitios web no notaron directamente este cambio (a menos que seas un loco del código y lo revises de vez en cuando intencionadamente en busca de cosas raras), es probable que notaran un aumento en el tráfico directo y una disminución en el tráfico de referencia como resultado al ver sus estadísticas de analítica.

Afortunadamente, parece que TinyMCE cambio de decisión y volvió hacia atrás. Ahora solo inserta noopener, lo que obliga al navegador a abrir el enlace en la misma ventana o pestaña y no a quien lo hace.

Esto significa que ahora depende por completo de los usuarios de WordPress qué enlaces tienen la etiqueta y cuáles no.

¿QUÉ ES LA ETIQUETA NOFOLLOW?

Es posible que estés un poco más familiarizado con la etiqueta nofollow. En esencia, le dice a Google que no pase ningún valor a través de los enlaces que usan esta etiqueta. Muy a menudo, la etiqueta nofollow se usa para evitar que «juice link» pase a una página administrativa en un sitio (p. Ej., Una página de inicio de sesión para la que no necesita clasificar) o a la URL de un anunciante según explica el propio Google en su política de enlaces.

Al igual que con noreferrer, la etiqueta nofollow se agrega a nivel de enlace individual y se ve así:

<a href=»signin.php» rel=»nofollow»> iniciar sesión </a>

Como puede parecer obvio, Google no sigue estos enlaces, y no pasa el PageRank a través de los enlaces que usan esta etiqueta.

Además de utilizarse para enlaces administrativos y de pago, la etiqueta nofollow a menudo se usa para restringir que el PageRank pase a través de enlaces en comentarios de blog o entradas de libros de visitas. También puede usar nofollow cuando se vincula a sitios donde la reputación o la credibilidad pueden ser un problema.

Te invito a ver este divertido video sobre qué es un enlace nofollow de Romualdo Fons.

¿CÓMO AFECTA EL NOREFERRER Y EL NOFOLLOW AL SEO?

Esta es la pregunta que muchos profesionales del SEO se han estado haciendo. Hay miles de artículos escritos y miles de versiones sobre este tema, pero parece que los referentes del sector llegan a conclusiones parecidas. A mi me encanta el experimento que hizo Luis Villanueva con respecto a la etiqueta nofollow , recomiendo su lectura.

Como saben los especialistas en SEO, la etiqueta nofollow afecta a la capacidad de Google de rastrear e indexar enlaces y pasar autoridad al PageRank. En un momento de confusión surgió la duda de que la etiqueta noreferrer hiciera lo mismo.

La buena noticia es que la etiqueta noreferrer tiene cero impacto en el SEO. En pocas palabras, opera en el nivel analítico/navegador, no en el del motor de búsqueda.

Y aunque es una molestia grave en términos de supervisar el tráfico de referencia (ya que falsea la analítica), no afectará la forma en que tu contenido se indexa, rastrea o clasifica.

El uso de la etiqueta nofollow, por otro lado, tendrá un serio impacto en el SEO. Como ya mencioné, su uso indicará a Google y a otros motores de búsqueda que no desea que cuenten un enlace como un «voto» para esa URL. En principio, no traslada autoridad a tu página.

Por esta razón, es fundamental que uses la etiqueta nofollow con prudencia.

¿CÓMO AGREGAR LA ETIQUETA NOFOLLOW A TUS ENLACES?

Es fácil agregar manualmente la etiqueta nofollow, simplemente insertando rel = nofollow en el HTML de su enlace.

<a href=”https://agusromero.com” rel=”nofollow”>ReAplicante</a>

Sin embargo, si no quieres ponerte a tocar código o estar supervisando etiquetas nofollow en tu WordPress, te recomiendo usar un complemento como Ultimate Nofollow. En lugar de tener que perder el tiempo en el código HTML de tu contenido, el complemento muestra una casilla de verificación junto a cada enlace que agregues para que puedas decidir si deseas que se siga el enlace o no.

El complemento te permite agregar o eliminar fácilmente la etiqueta nofollow de todos los comentarios de tu blog, que pueden ser fuentes comunes de enlaces no deseados. También te da la opción de no seguir todos tus enlaces de blogroll, que pueden ser útiles si usa ese lugar para los enlaces de anunciantes pagos.

DIFERENCIAS ENTRE NOFOLLOW Y NOREFERRER

Espero que este sencillo post te haya ofrecido cierta claridad sobre las diferencias entre noreferrer y nofollow. Como puedes ver, aunque sus nombres suenan parecidos, sus funciones son muy diferentes.

En general, la mayoría de los administradores de las páginas web no necesitarán usar la etiqueta noreferrer, a menos que quieran mantener algo oculto (como un panel de administración secreto).

Las etiquetas de nofollow, por otro lado, resultan útiles para la mayoría de los propietarios de sitios web en un momento u otro, especialmente para restringir la transferencia de PageRank en los enlaces de pago.

Gracias a freepik por la imagen de portada.

¿Te gustaría añadir algo más sobre los enlaces noreferrer o nofollow? Espero tus comentarios.