O que significa a tag rel=”noopener noreferrer”? (& Afeta o SEO?)

Cuidar da segurança do seu site é um dos aspectos mais importantes de ser proprietário de um site. Você pode entender a importância de ter HTTPS em seu prefixo de URL ou por que você precisa de um certificado SSL. Mas você sabe o que significam os atributos da tag HTML noopener noreferrer e quando você deve usá-los?

Neste artigo, veremos o que rel=”noopener noreferrer” significa, quando deve ser usado e como isso afeta seu site do ponto de vista de SEO. Vamos pular direto nisso.

O que é rel=”noopener noreferrer”?

Os atributos HTML rel=”noopener noreferrer” aparecem em hiperlinks externos. Especificamente, usar os atributos noopener e noreferrer evita:

• o destino do link carregando na mesma guia em que o link foi clicado
• o backlink apareça como tráfego de referência na análise do site de destino

É assim que os atributos da tag se parecem em ação:

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

O WordPress adiciona automaticamente esses atributos a links externos que você define para abrir em uma nova janela. Vamos dividi-los e ver o que cada atributo faz.

noopener

Se você quiser impedir que um link externo assuma o controle da janela do navegador de origem do usuário, adicione um atributo noopener . De acordo com o MDN,

“[ noopener ] instrui o navegador a navegar até o recurso de destino sem conceder ao novo contexto de navegação acesso ao documento que o abriu. […] Isso é especialmente útil ao abrir links não confiáveis, para garantir que eles não possam adulterar o documento de origem…”

Em suma, o noopener é em grande parte uma medida de segurança para impedir que links maliciosos obtenham acesso ao navegador de um usuário (um ataque de phishing conhecido como tabnabbing). No passado, deixar target=”_blank” sozinho em seu link abria essa vulnerabilidade de segurança. Agora, sempre que você tiver um link externo configurado para abrir em uma nova janela do navegador usando target=”_blank” , a maioria dos mecanismos de pesquisa e especialistas em SEO consideram uma prática recomendada usar o noopener junto com ele.

(De acordo com a Mozilla Developer Network (MDN), o alvo=”_blank” atributo “agora fornece implicitamente o mesmo comportamento <rel>” que noopener . Achamos que ainda vale a pena ser duplamente seguro e incluir o noopener, pois nem todos os usuários clicam em links nos navegadores mais atualizados e seguros.)

sem referência

Essencialmente, o noreferrer evita que sites externos saibam que você incluiu links para o material deles em seu site. Isso pode ser importante para você por motivos de privacidade ou segurança. Em suma, esse atributo específico é um que você gostaria de considerar antes de aplicá-lo aos seus links. Usá-lo realmente depende de suas preferências.

O atributo noreferrer mascara seus links de referência na análise de destino. Ele protege as informações do seu site de serem transferidas para o site para o qual seus usuários estão navegando. Como resultado, isso faz com que os links apareçam como tráfego direto no Google Analytics, em vez de tráfego de referência do seu domínio específico.

Se alguém navegar para seu site usando um link que não inclui noreferrer , você poderá ver o site listado em seu link Tráfego de referência no painel do Analytics. Mas se o link incluir noreferrer , ele aparecerá em Tráfego direto. Você pode encontrar essas listagens no Google Analytics em Aquisição > Todo o tráfego > Canais e aquisição > Todo o tráfego > Referências .

Ele ainda passará “link juice” para SEO, mas não dados sobre o originador. Se você não estiver interessado em passar esse impulso de SEO, nofollow será uma tag adicional que você deseja adicionar.

Usando com rel=”nofollow”

Adicionar o atributo nofollow a um link que inclui rel=”noopener noreferrer” permite que você vincule a outros sites sem parecer aprovar seu conteúdo ou perspectiva. O Google diz que esse atributo deve ser usado “para casos em que você deseja vincular a uma página, mas não quer implicar nenhum tipo de endosso, incluindo passar crédito de classificação para outra página”.

Basicamente, nofollow diz ao Google que você não quer que ele perceba que você está dando suporte a um determinado site só porque você criou um link para ele. Há vários atributos de link semelhantes que ajudam o Google a entender a intenção por trás de um link, incluindo atributos para rotular conteúdo patrocinado e gerado pelo usuário (muitos dos quais podem ser adicionados por meio da marcação Schema).

Em resumo, adicionar todos os três atributos — noopener , noreferrer e nofollow — a um link informa ao Google que você é:

• Disposto a proteger os usuários do seu site de links externos potencialmente maliciosos ( noopener )
• Não está disposto a aparecer nos dados de análise de um site como Tráfego referido ( noreferrer )
• Não está disposto a endossar o conteúdo ou o criador ao qual você está vinculando ( nofollow )

O atributo nofollow parece bastante específico, então você provavelmente só quer usá-lo caso a caso e não como regra geral. Muitos blogs definem suas seções de comentários como nofollow para evitar spam de comentários de bots e pessoas que não contribuem para a conversa.

Quando usar “noopener noreferrer”

Você quer que seu site seja o mais seguro possível para seus visitantes. Porque você quer construir e alavancar uma estratégia de backlink forte, você não usará rel=”noopener noreferrer” o tempo todo. Por exemplo, você deve evitar usá-lo ao criar links para páginas internas em seu site.

Usar rel=”noopener noreferrer” informa ao Google que você se preocupa com a segurança do link. E você não quer que certos sites reconheçam seu site como uma referência.

Impacto geral do “noopener noreferrer” no SEO

Quando você usa os atributos rel=”noopener noreferrer” em seus links externos, isso não deve ter um efeito negativo direto na sua estratégia de backlinks de SEO. Nenhum atributo fará com que sua classificação técnica de SEO seja afetada. Na verdade, usar noopener ao lado de target="_blank" fornecerá um melhor SEO na página porque os usuários permanecerão em seu site, mesmo enquanto navegam para outro.

No entanto, o noreferrer impedirá que o Google reconheça quando você estiver vinculando a sites de outras pessoas. E outros proprietários de sites não poderão ver quando você estiver vinculando a eles.

Isso significa que você está eliminando a possibilidade de links recíprocos. Afinal, se você não está dando aos proprietários do site a opção de ver seu tráfego de referência quando eles analisam suas análises, eles não podem saber que é de você.

Backlinks para seu site de outro lugar não são garantidos. Ainda assim, não faz mal fazer o máximo possível para se conectar com sites e conteúdos que você adora. De um modo geral, porém, usar rel=”noopener noreferrer” em seus links externos não causará nenhum dano. Apenas certifique-se de não usá-los em suas próprias páginas do site ao usar links internos. Isso pode causar problemas na análise do seu próprio site e no rastreamento e indexação do Googlebot da estrutura do seu site.

Conclusão

Agora que você sabe como usar rel=”noopener noreferrer” em seu site, é hora de planejar adequadamente. Se precisar, considere criar uma planilha com os links externos que você inclui em seu site. Além disso, rastreie a página em que eles estão e os atributos que você aplicou a eles. Isso pode ser útil para referência rápida caso você precise fazer alterações futuras.

Você usa rel=”noopener noreferrer” em seus hiperlinks? Por que ou por que não? Deixe-nos um comentário e deixe-nos saber o que você pensa.

Imagem em destaque via Sammby / shutterstock.com