Glossário de SEO: rel="noopener noreferrer"

 

atributo rel Noopener: fechar a lacuna de segurança em JavaScript

O atributo rel Noopener é usado para equalizar uma lacuna de segurança no JavaScript. Para entender como isso funciona, primeiro explicaremos como chamar uma página por meio de um link:

 

• Os usuários visitam o site A e leem um texto em uma das subpáginas. Eles encontram um link no texto para conteúdo adicional em outro site B e clicam nele.
• O operador do site A deseja oferecer valor agregado aos usuários por meio de um link para o conteúdo do site B e, portanto, define o link, mas não quer perder seus usuários. Portanto, ele usa o seguinte comando ao criar o link: target="_blank".
• Esse comando informa ao navegador que ele deve abrir o link para o site vinculado B em uma nova guia do navegador. A vantagem para o operador do site A é que sua página permanece aberta na guia anterior e os usuários têm maior probabilidade de retornar ao site.
• No entanto, há uma falha de segurança quando a segunda guia é aberta. Os navegadores funcionam com a seguinte propriedade JavaScript ou com o seguinte comando: [window.opener]. Infelizmente, essa propriedade JavaScript é uma porta de entrada para os hackers.
• Os hackers poderiam usar o simples comando [window.open.location] e um URL falso para redirecionar os usuários para os sites errados. Os hackers também poderiam obter acesso ao código-fonte do site A e manipulá-lo, o que poderia tornar o site inoperante.

 

Esse problema de falta de segurança surge com links externos em que o comando target="_blank" é usado para abrir uma página vinculada em uma nova guia do navegador. Esse déficit de segurança não ocorre com um link externo que é aberto na mesma guia do navegador que a guia A do site.

 

Consequentemente, todos os operadores de sites e especialistas em SEO que equipam as tags âncoras de links externos com o comando target="_blank" são solicitados a usar o atributo rel noopener. Aqui está um exemplo de como definir o atributo rel noopener na linguagem HTML:

 

<a href="https://www.timospecht.de/" target="_blank" rel="noopener">

 

O rel noopener não apenas aumenta a segurança de seu próprio site, mas também protege os visitantes de seu próprio site contra danos causados por ataques de hackers por meio de [window.open.location] e URLs incorretos. Esse é um dos aspectos de segurança mais importantes ao definir links externos no link building.

 

Para todos os links internos e, especialmente, para os links externos em que a página vinculada não abre em uma nova guia do navegador, o rel noopener não precisa ser usado.

 

Para os sites existentes que têm links externos com o comando target="_blank", mas sem o atributo rel noopener, é necessário um ajuste: todos os links externos devem ser equipados posteriormente com rel noopener. Fazer isso em todos os links geralmente envolve uma enorme quantidade de trabalho.

 

Foram desenvolvidos plug-ins para alguns sistemas de gerenciamento de conteúdo (CMS), como o sistema WordPress, que podem ser usados para inserir retroativamente atributos HTML, como rel noopener. Um exemplo desse tipo de plug-in para o WordPress é o plug-in "Add Target Fixer".

 

 

Anchor tags com o atributo rel noreferrer: disfarça a origem do link

Normalmente, o site B, que recebe um link do site A, pode verificar a origem do link - quero dizer:

 

O operador do site B é informado de onde os usuários encontram seu site. No entanto, se o operador do site A definir o atributo rel noreferrer na tag do link para o site B, o operador do outro site não poderá mais ver a origem do link; em vez de um URL do site A, por exemplo, o Google Analytics exibirá a nota "(direto) / (nenhum)".

 

O atributo rel noreferrer deve ser usado quando os operadores de sites vinculados não devem saber qual site está sendo vinculado a eles. Não há nenhum caso conhecido em que a origem do link deva ser ocultada dos operadores do site, mas o rel noreferrer foi introduzido para esses casos. Como usar o rel noreferrer corretamente:

 

<a href=“https://www.timospecht.de/“ target=“_blank“ rel=“noreferrer“>

 

Para a maioria dos links externos, o uso do atributo rel noreferrer é até indesejável. Especialmente no marketing de afiliados, em que os operadores de sites definem links de afiliados para outros sites e recebem uma comissão se novos clientes forem comercializados com sucesso, o uso do atributo rel noreferrer é completamente inútil.

 

Os parceiros afiliados precisam saber entre si de onde vêm os clientes para poderem alocar corretamente os pagamentos de comissão.

 

 

Combinação de diferentes atributos HTML: noopener, noreferrer, nofollow e outros

É permitido combinar diferentes atributos entre si. Embora algumas agências e especialistas em SEO combinem os atributos rel noopener e rel noreferrer e usem noreferrer como rel noopener na tag âncora, essa combinação geralmente não faz sentido. A razão para isso é simples:

 

Como não há nenhuma finalidade significativa para rel noreferrer, também não há nenhuma finalidade para a combinação rel noopener noreferrer.

 

Isso é diferente com a combinação de atributos noreferrer e nofollow. A combinação desses dois atributos é recomendada se o link externo tiver que ser aberto em uma nova guia do navegador e se o site vinculado não tiver que ser visitado pelos rastreadores. O último, impedir o rastreamento, é o efeito quando o atributo nofollow é usado.