O que significa a tag noopener? atributo noreferrer/efeito nofollow

rótulo de hiperlink <a>O código geralmente é usado com os atributos noopener, noreferrer e nofollow, este artigo compartilhará como usar os atributos de código noopener, noreferrer e nofollow.

O que significa a tag noopener?

Will target="_blank" Quando adicionado a um link, a página de destino será aberta em uma nova guia.

Na página recém-aberta, você pode obter o objeto window da página de origem por meio de window.opener, ocultando possíveis riscos de segurança.

• Especificamente, seu próprio link de página da web A, há um link de página da web B que pode abrir outro endereço de terceiros.
• A página da Web B obtém o objeto de janela da página da Web A por meio de window.opener;
• Em seguida, você pode usar a página A para pular para a página de phishing window.opener.location.href=”abc.com”, o usuário não percebe
• O endereço saltou e, após inserir o nome de usuário e a senha nesta página, ocorreu um vazamento de informações.
• Para evitar os problemas acima, rel é introduzido e o atributo ="noopener" é definido, para que a página recém-aberta não possa obter o objeto janela da página de origem.
• Neste momento, o valor de window.opener é nulo.

Portanto, se você deseja abrir um endereço de terceiros em uma nova guia, é melhor adicionar um código de tag rel="noopener"Atributos.

O papel do atributo noreferrer

Semelhante ao noopener.

Setrel="noreferrer"Depois disso, a página recém-aberta não pode fazer com que a janela da página de origem ataque.

Ao mesmo tempo, as informações document.referrer não podem ser obtidas na página recém-aberta.Esta informação contém o endereço da página de origem.

Normalmente noopener e noreferrer são definidos ao mesmo tempo,rel="noopener noreferrer".

Já que o último tem a função anterior de restringir o acesso ao window.opener ao mesmo tempo, por que deveria ser definido ao mesmo tempo?

Para compatibilidade, porque alguns navegadores antigos não suportam noopener.

O papel do nofollow

O cálculo do peso da página pelos motores de busca inclui o número de referências da página (backlinks), ou seja, se a página estiver vinculada por muitas outras páginas da web, a página será julgada como uma página de alta qualidade.

As classificações nos resultados da pesquisa aumentarão.

Ao definir rel=”nofollow”, significa informar ao mecanismo de pesquisa que o link não contribui para a classificação acima.

• Geralmente usado para vincular semSEOEndereços internos classificados (como links de página de registro ou login), não querem desperdiçar peso de exportação ou algumas páginas de baixa qualidade.