¿Qué significa la etiqueta rel=”noopener noreferrer”? (¿Y afecta al SEO?)

Cuidar la seguridad de su sitio web es uno de los aspectos más importantes de ser propietario de un sitio. Es posible que comprenda la importancia de tener HTTPS en su prefijo de URL o por qué necesita un certificado SSL . Pero, ¿sabe qué significan los atributos de la etiqueta HTML noopener noreferrer y cuándo debería usarlos?

En este artículo, repasaremos qué significa rel=”noopener noreferrer” , cuándo debe usarse y cómo afecta a su sitio desde una perspectiva de SEO. Saltemos directamente a eso.

¿Qué es rel=”noopener noreferrer”?

Los atributos HTML rel=”noopener noreferrer” aparecen en hipervínculos externos. Específicamente, usar los atributos noopener y noreferrer evita:

  • la carga de destino del enlace en la misma pestaña donde se hizo clic en el enlace
  • el backlink de aparecer como tráfico de referencia en el análisis del sitio de destino

Así es como se ven los atributos de la etiqueta en acción:

01
<a href="https://www.google.com/" target="_blank" rel="noopener noreferrer">

WordPress agrega automáticamente estos atributos a los enlaces externos que configura para abrir en una nueva ventana. Desglosémoslos y veamos qué hace cada atributo.

no abre

Si desea evitar que un enlace externo tome el control de la ventana del navegador de origen de su usuario, querrá agregar un atributo noopener . Según MDN ,

“[ noopener ] indica al navegador que navegue hasta el recurso de destino sin otorgar acceso al nuevo contexto de navegación al documento que lo abrió. […] Esto es especialmente útil cuando se abren enlaces que no son de confianza, para garantizar que no puedan alterar el documento de origen…”

En resumen, noopener es en gran medida una medida de seguridad para evitar que enlaces maliciosos accedan al navegador de un usuario (un ataque de phishing conocido como tabnabbing ). En el pasado, dejar target=”_blank” solo en su enlace abría esta vulnerabilidad de seguridad. Ahora, cada vez que tenga un enlace externo configurado para abrirse en una nueva ventana del navegador usando target=”_blank” , la mayoría de los motores de búsqueda y expertos en SEO consideran que es una buena práctica usar noopener junto con él.

(Según Mozilla Developer Network (MDN), el atributo target=”_blank” ahora brinda implícitamente el mismo comportamiento <rel>” que noopener . los navegadores más actualizados y seguros).

sin referencia

Esencialmente, noreferrer evita que los sitios externos sepan que ha incluido enlaces a su material en su sitio web. Esto podría ser importante para usted por razones de privacidad o seguridad. Considerándolo todo, este atributo en particular es uno en el que querrá pensar antes de aplicarlo a sus enlaces. Usarlo realmente depende de tus preferencias.

El atributo noreferrer enmascara sus enlaces de referencia en el análisis de destino. Protege la información de su sitio para que no se transfiera al sitio web al que navegan sus usuarios. Como resultado, esto hace que los enlaces aparezcan como tráfico directo en Google Analytics, en lugar de tráfico de referencia de su dominio específico.

Si alguien navega a su sitio web utilizando un enlace que no incluye noreferrer , entonces podrá ver su sitio web en la lista de su enlace de tráfico de referencia en su panel de control de Analytics. Pero si el enlace incluye noreferrer , aparecerá en Tráfico directo. Puede encontrar estos listados en Google Analytics en Adquisición > Todo el tráfico > Canales y Adquisición > Todo el tráfico > Referencias .

Todavía pasará «jugo de enlace» para SEO, pero no datos sobre el creador. Si no está interesado en transmitir ese impulso de SEO, nofollow será una etiqueta adicional que desea agregar.

Usar con rel=”nofollow”

Agregar el atributo nofollow a un enlace que incluye rel=”noopener noreferrer” le permite vincular a otros sitios web sin que parezca que aprueba su contenido o perspectiva. Google dice que este atributo debe usarse «para los casos en los que desea vincular a una página pero no quiere implicar ningún tipo de respaldo, incluida la transferencia de crédito de clasificación a otra página».

Básicamente, nofollow le dice a Google que no desea que lo perciba como compatible con un sitio en particular solo porque lo vincula. Hay una serie de atributos de enlace similares que ayudan a Google a comprender la intención detrás de un enlace, incluidos los atributos para etiquetar el contenido patrocinado y generado por el usuario (muchos de los cuales se pueden agregar a través del marcado Schema ).

En resumen, agregar los tres atributos ( noopener , noreferrer y nofollow) a un enlace le dice a Google que usted es:

  • Dispuesto a proteger a los usuarios de su sitio de enlaces externos potencialmente maliciosos ( noopener )
  • No está dispuesto a aparecer en los datos analíticos de un sitio web como tráfico referido ( noreferrer )
  • No está dispuesto a respaldar el contenido o el creador al que está vinculando ( nofollow )

El atributo nofollow parece bastante específico, por lo que probablemente solo desee usarlo caso por caso y no como regla general. Muchos blogs establecen sus secciones de comentarios en nofollow para evitar el spam de comentarios de bots y personas que no contribuyen a la conversación.

Cuándo usar «noopener noreferrer»

Desea que su sitio web sea lo más seguro posible para sus visitantes. Debido a que desea construir y aprovechar una sólida estrategia de backlinks, no usará rel=”noopener noreferrer” todo el tiempo. Por ejemplo, debe evitar usarlo cuando se vincule a páginas internas dentro de su sitio.

Usar rel=”noopener noreferrer” le dice a Google que te preocupas por la seguridad de los enlaces. Y no desea que ciertos sitios reconozcan su sitio como una referencia.

Impacto general de «noopener noreferrer» en SEO

Cuando usas los atributos rel=”noopener noreferrer” en tus enlaces externos, esto no debería tener un efecto negativo directo en tu estrategia de backlinks de SEO. Ninguno de los atributos hará que su ranking técnico de SEO se vea afectado. De hecho, usar noopener junto con target=”_blank” proporcionará un mejor SEO en la página porque los usuarios permanecerán en su sitio, incluso mientras navegan a otro.

Sin embargo, noreferrer evitará que Google pueda reconocer cuando usted está enlazando a los sitios de otros. Y otros propietarios de sitios web no podrán ver cuándo los está vinculando.

Eso significa que estás eliminando la posibilidad de enlaces recíprocos. Después de todo, si no les da a los propietarios de sitios la opción de ver su tráfico de referencia cuando revisan sus análisis, no pueden saber que proviene de usted.

No se garantizan los vínculos de retroceso a su sitio web desde otros lugares. Aún así, no está de más hacer todo lo que puedas para conectarte con los sitios y el contenido que amas. Sin embargo, en términos generales, usar rel=”noopener noreferrer” en sus enlaces externos no causará ningún daño. Solo asegúrese de no usarlos en las páginas de su propio sitio web cuando use enlaces internos. Si lo hace, podría causar problemas en el análisis de su propio sitio y con el rastreo e indexación de la estructura de su sitio por parte de Googlebot.

Conclusión

Ahora que sabe cómo usar rel=”noopener noreferrer” en su sitio web, es hora de planificar en consecuencia. Si es necesario, considere crear una hoja de cálculo de los enlaces externos que incluye en su sitio. Además, realice un seguimiento de la página en la que se encuentran y los atributos que les ha aplicado. Si lo hace, puede ser útil para una referencia rápida en caso de que necesite realizar cambios en el futuro.

¿Utiliza rel=”noopener noreferrer” en sus hipervínculos? ¿Por qué o por qué no? Déjanos un comentario y déjanos saber lo que piensas.

Imagen destacada a través de Sammby / shutterstock.com