rel=noreferrer noopener son atributos HTML que se pueden agregar a los enlaces salientes. ¿Qué hacen estos atributos y cómo pueden afectar su SEO? 5p3j4j


¿Qué es rel="noreferrer"? 566c1a

La etiqueta rel="noreferrer" es un atributo HTML especial que se puede agregar a la etiqueta de enlace <a>. Evitará la transmisión sobre el sitio desde el que se origina el enlace eliminando esta información del encabezado HTTP.


Esto significa que en Google Analytics, el tráfico proveniente de enlaces con el atributo rel="noreferrer" se mostrará como tráfico directo en lugar de indicar la fuente.


Así es como se ve el atributo noreferrer en el código HTML:

<a href="tu dominio" target="_blank" rel="noreferrer">Ejemplo de texto</a>

Aquí tienes un ejemplo para que lo entiendas 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 "ADQUISICIÓN" en Google Analytics, puede ver el tráfico que se origina en el sitio web A en la sección "REFERENCIAS".

Si, en el sitio A, el propietario del sitio insertó la etiqueta "noreferrer" en el enlace, entonces cualquier tráfico proveniente del sitio A al sitio B se mostrará en Google Analytics como tráfico directo (Directo) y no como "REFERENCIAS".


¿Cuándo usar rel=”noreferrer”? 135c1b

Utilice el atributo rel="noreferrer" en los enlaces salientes si no quiere que otros sitios sepan que los está enlazando. No puedo pensar en una buena razón por la que quieras hacer esto, pero esta es la única razón posible. Pero definitivamente no necesita usar el atributo rel="noreferrer" en sus enlaces internos, ya que puede estropear sus informes de Google Analytics.


SEO y rel="noreferrer" 252b2f

Agregar la etiqueta noreferrer a sus enlaces no afecta directamente al SEO. Puedes usarlo de forma segura sin preocuparte por nada. Pero esta etiqueta afecta indirectamente sus esfuerzos de construcción y promoción de enlaces, y la razón es la siguiente:


Una forma de llamar la atención de otros es enlazar a sus sitios. Todos los revisan sus análisis diariamente y especialmente las fuentes de tráfico.


Cuando ven tráfico de un sitio web, es más probable que lo revisen y posiblemente compartan un enlace a esta página en sus redes sociales, pueden seguir al autor, o incluso devolver un favor, es decir, un enlace a este sitio.


Ahora podría estar pensando: "¿Por qué necesito trabajo adicional entonces? Simplemente no agregaré esta etiqueta y final de la historia". La razón por la que este problema se ha vuelto popular es que WordPress, Datalife Engine agrega de forma predeterminada la etiqueta "noreferrer" a todos los enlaces salientes que están configurados para abrirse en una "pestaña nueva".

{PAGEBREAK}

Noreferrer y WordPress 6r1v6q

Entonces, si está ejecutando WordPress o Datalife Engine, debe tener en cuenta que cuando agrega un enlace externo a sus publicaciones y lo configura para que se abra en una "nueva pestaña" (target = "_blank"), WordPress y Datalife Engine agregará automáticamente rel="noopener noreferrer" al enlace.


Esto es para mejorar la seguridad del Editor de WordPress y Datalife Engine (TinyMCE) y evitar Tabnabbing y otros ataques de phishing.

Tabnabbing es un ataque de ingeniería social, categorizado como phishing, básicamente consiste en la manipulación de páginas web inactivas que quedan abiertas en tu navegador. El ataque tiene lugar cuando una pestaña que aparenta contener página legítima, te redirige a un sitio web malicioso.

Como expliqué anteriormente, esto evitará que se pase información a la nueva pestaña y, eventualmente, cualquier tráfico que vaya desde su sitio al sitio web saliente no aparecerá en Google Analytics.


Cómo eliminar rel=”noreferrer” de los enlaces de WordPress y Datalife Engine 24x4p

La forma más fácil de evitar que WordPress y Datalife Engine agregue automáticamente el atributo a los enlaces externos es NO abrir los enlaces en una nueva pestaña. En otras palabras, configúrelo para que los enlaces se abran en la misma ventana.


Esta es la forma más fácil de resolver este problema, pero tiene la desventaja de que los s que hacen clic en un enlace externo abandonan el sitio web, lo que puede aumentar las tasas de rebote, disminuir el tiempo en el sitio, etc...


Sin embargo, dado que una cantidad significativa de tráfico ahora proviene de dispositivos móviles, no debe preocuparse demasiado por los s que abandonan su sitio web, ya que abrir una "nueva pestaña" en los dispositivos móviles dificulta que los visitantes regresen a la ventana anterior.


Hay complementos que evitan que WordPress agregue rel=”noreferrer” a los enlaces externos, pero solo funcionan cuando se usa TinyMCE y no con el nuevo editor (Gutenberg).


Diferencia entre nofollow y noreferrer 535w3v


Cuando agrega rel="nofollow" a un enlace externo, básicamente le está diciendo a los motores de búsqueda que no pasen "peso" de una página a otra. En otras palabras, le está diciendo a los motores de búsqueda que ignoren ese enlace con fines de SEO.


La diferencia entre nofollow y noreferrer es que noreferrer no pasa información de ayuda al navegador, pero "peso" sí. Al usar nofollow, se transmite información sobre la fuente del enlace, pero no el "peso" del enlace.

Entonces no es lo mismo. Use nofollow para vincular a sitios en los que no confía, y use noreferrer si no desea que otro sitio sepa que se ha vinculado a él.

¿Qué es rel="noopener"? 1u4o57


rel="noopener" es un atributo HTML que se puede agregar a enlaces externos. Impide que la página de destino acceda a la página de origen.


Aquí hay un ejemplo de un enlace con una etiqueta rel="noopener":

<a href="tu dominio" target="_blank" rel="noopener">Ejemplo de texto</a>

Por razones de seguridad, WordPress y Datalife Engine agrega automáticamente esta etiqueta a todos los enlaces externos y se recomienda que mantenga esta etiqueta.

Si no está utilizando WordPress, se recomienda agregar rel=”noopener” a todos los enlaces externos que se abren en una nueva pestaña.

Rel=”noopener” y SEO 5115o


rel="noopener" no tiene ningún efecto en su SEO, por lo que puede usarlo de manera segura para mejorar la seguridad de su sitio.


Conclusión q2y27

Tratar con etiquetas y atributos HTML confunde a mucha gente, pero ese no debería ser el caso con noreferrer, nofollow y noopener. Usar o no usar las etiquetas Noreferrer y Noopener no afectará tu SEO de ninguna manera, así que usa estas etiquetas sin miedo.


Si está trabajando con WordPress y Datalife Engine, estas etiquetas se agregan automáticamente a todos los enlaces externos que se abren en una nueva pestaña. Se necesita Noopener para mejorar la seguridad de su sitio y evitar que otros sitios accedan a su página (a través de una sesión del navegador).


Noreferrer se utiliza para evitar que la información de referencia se envíe al sitio web de destino, lo que también oculta el tráfico de referencia en Google Analytics.


Si desea que otros sitios vean el tráfico de su sitio como "Tráfico de referencia", simplemente no abra enlaces externos en una nueva pestaña. Esto evitará que WordPress y Datalife Engine agregue automáticamente atributos a los enlaces.


Nofollow no es lo mismo que Noreferrer. Cuando se agrega rel=”nofollow” a un enlace, se indica a los motores de búsqueda que no utilicen ese enlace con fines de SEO. Pero la etiqueta Noreferrer pasa el "peso" de un enlace de un sitio a otro.


Bueno, si no comprende completamente el papel de rel="noreferrer noopener", háganoslo saber en los comentarios.

Compartir

Mi nombre es Alexander fundador y CEO, y me gusta llamarme un Geek. Amo la informática, tecnología y todo lo que está relacionado con ella. Inicié este sitio con la intención de compartir conocimientos como cursos en línea, tutoriales y videotutoriales. Estoy muy entusiasmado con la información que he descubierto y compartido hasta el momento. La verdad es que lo he hecho con el mayor de los gustos. Así es, soy un Geek con una visión para compartir conocimiento. Leer mas...