Que significa a etiqueta noopener? atributo noreferrer/efecto nofollow

etiqueta de hipervínculo <a>O código adoita usarse cos atributos noopener, noreferrer e nofollow, este artigo compartirá como usar os atributos de código noopener, noreferrer e nofollow.

Que significa a etiqueta noopener?

vontade target="_blank" Cando se engade a unha ligazón, a páxina de destino abrirase nunha nova pestana.

Na páxina recentemente aberta, pode obter o obxecto da xanela da páxina de orixe a través de window.opener, enterrando os posibles riscos de seguridade.

• En concreto, a súa propia páxina web ligazón A, hai unha páxina web ligazón B que pode abrir outro enderezo de terceiros.
• A páxina web B obtén o obxecto xanela da páxina web A a través de window.opener;
• Entón podes usar a páxina A para ir á páxina de phishing window.opener.location.href="abc.com", o usuario non se decata.
• O enderezo saltou e, despois de introducir o nome de usuario e o contrasinal nesta páxina, produciuse unha fuga de información.
• Para evitar os problemas anteriores, introdúcese rel e establécese o atributo ="noopener", para que a páxina recén aberta non poida obter o obxecto xanela da páxina de orixe.
• Neste momento, o valor de window.opener é nulo.

Polo tanto, se queres abrir un enderezo de terceiros nunha nova pestana, o mellor é engadir o código de etiqueta rel="noopener"Atributos.

O papel do atributo noreferrer

Semellante ao noopener.

Montarrel="noreferrer"Despois diso, a páxina recén aberta non pode facer que a xanela da páxina de orixe ataque.

Ao mesmo tempo, a información do documento.referrer non se pode obter desde a páxina recentemente aberta.Esta información contén o enderezo da páxina de orixe.

Normalmente, noopener e noreferrer están configurados ao mesmo tempo,rel="noopener noreferrer".

Dado que este último ten a función anterior de restrinxir o acceso a window.opener ao mesmo tempo, por que debería configurarse ao mesmo tempo?

Por compatibilidade, porque algúns navegadores antigos non admiten noopener.

O papel do nofollow

O cálculo do peso da páxina polos motores de busca inclúe o número de referencias de páxina (backlinks), é dicir, se a páxina está ligada por moitas outras páxinas web, a páxina será xulgada como unha páxina de alta calidade.

A clasificación nos resultados da busca aumentará.

Ao configurar rel="nofollow", significa dicirlle ao buscador que a ligazón non contribúe á clasificación anterior.

• Xeralmente úsase para vincular senSEOOs enderezos internos clasificados (como as ligazóns ás páxinas de rexistro ou de inicio de sesión), non queren perder peso de exportación ou algunhas páxinas de mala calidade.