¿Qué significa la etiqueta noopener? atributo noreferrer/efecto nofollow

etiqueta de hipervínculo <a>El código generalmente se usa con los atributos noopener, noreferrer y nofollow, este artículo compartirá cómo usar los atributos de código noopener, noreferrer y nofollow.

¿Qué significa la etiqueta noopener?

Voluntad target="_blank" Cuando se agrega a un enlace, la página de destino se abrirá en una nueva pestaña.

En la página recién abierta, puede obtener el objeto de la ventana de la página de origen a través de window.opener, ocultando posibles riesgos de seguridad.

• Específicamente, su propio enlace de página web A, hay un enlace de página web B que puede abrir otra dirección de terceros.
• La página web B obtiene el objeto ventana de la página web A a través de window.opener;
• Luego puede usar la página A para saltar a la página de phishing window.opener.location.href=”abc.com”, el usuario no se da cuenta
• La dirección saltó y, después de ingresar el nombre de usuario y la contraseña en esta página, se produjo una fuga de información.
• Para evitar los problemas anteriores, se introduce rel y se establece el atributo ="noopener", de modo que la página recién abierta no pueda obtener el objeto ventana de la página de origen.
• En este momento, el valor de window.opener es nulo.

Por lo tanto, si desea abrir una dirección de terceros en una nueva pestaña, es mejor agregar el código de una etiqueta rel="noopener"Atributos.

El papel del atributo noreferrer

Similar a noopener.

设置rel="noreferrer"Después de eso, la página recién abierta no puede hacer que la ventana de la página de origen ataque.

Al mismo tiempo, la información de document.referrer no se puede obtener de la página recién abierta.Esta información contiene la dirección de la página de origen.

Por lo general, noopener y noreferrer se configuran al mismo tiempo,rel="noopener noreferrer".

Dado que este último tiene la función anterior de restringir el acceso a window.opener al mismo tiempo, ¿por qué debería configurarse al mismo tiempo?

Por compatibilidad, porque algunos navegadores antiguos no admiten noopener.

El papel de nofollow

El cálculo del peso de la página por parte de los motores de búsqueda incluye el número de referencias a la página (vínculos de retroceso), es decir, si la página está vinculada por muchas otras páginas web, la página será juzgada como una página de alta calidad.

Las clasificaciones en los resultados de búsqueda aumentarán.

Al configurar rel=”nofollow”, significa decirle al motor de búsqueda que el enlace no contribuye a la clasificación anterior.

• Generalmente se utiliza para enlazar sinSEODirecciones internas clasificadas (como enlaces de página de registro o inicio de sesión), no quieren desperdiciar peso de exportación o algunas páginas de mala calidad.