Clique aqui e veja como nossa assessoria de imprensa pode ajudar você ou sua empresa a vender mais! Falar com especialista
Você está confuso quanto ao rel=noopener noreferrer? Ao verificar o HTML de uma página em seu site WordPress, é possível notar que alguns dos links externos possuem o código rel=”noopener noreferrer”. No entanto, é provável que você não tenha adicionado esse código manualmente, o que pode deixá-lo curioso sobre o que ele significa e se afeta o SEO do seu site.
A boa notícia é que o WordPress adiciona automaticamente essas tags em certas situações e, segundo especialistas, elas não têm impacto direto no SEO ou na forma como os mecanismos de busca leem o seu site. Neste artigo, vamos explorar o que significa o código rel=”noopener noreferrer” e como ele pode ajudar a proteger a privacidade dos usuários, além de discutir as diferenças entre tráfego direto e tráfego de referência, bem como os prós e contras de links externos e construção de links.
O que é rel=”noopener noreferrer”?
Rel=”noopener noreferrer” é um atributo HTML que pode ser adicionado a links externos. Ele é composto por duas partes separadas: rel=”noopener” e rel=”noreferrer”. Ambos os atributos afetam a maneira como os sites que você vincula interagem com o seu site, mas de maneiras diferentes.
O atributo rel=”noopener” impede que a página de abertura obtenha qualquer tipo de acesso à página original. Já o atributo rel=”noreferrer” instrui o navegador a omitir o cabeçalho “Referer” e não vazar informações sobre o referenciador.
O uso do rel=”noopener noreferrer” é especialmente importante para links que abrem em uma nova guia ou janela, pois evita que a página original seja manipulada ou maliciosa.
Você pode verificar facilmente quais dos seus links possuem esse código usando o editor de código no WordPress ou inspecionando a página em um navegador. Esse método também permite verificar o código em sites que você não possui.
É importante lembrar que o uso correto do atributo rel=”noopener noreferrer” pode ajudar a proteger seu site e seus usuários contra ataques maliciosos.
O que é rel=”noreferrer”?
A tag rel=”noreferrer” é um atributo HTML que pode ser adicionado a links externos para esconder a origem do tráfego nos sites de análise que você linkou. Quando um visitante acessa um site através de um link, os proprietários do site podem ver a URL que enviou o tráfego de referência para o site deles. No entanto, ao adicionar a tag rel=”noreferrer”, você esconde esses dados. Isso significa que, quando um proprietário de site verifica o Google Analytics, o tráfego de entrada do link aparece como tráfego direto em vez de tráfego de referência. Eles não saberão que os visitantes vieram do seu site. Se você já notou um aumento repentino e inexplicável no tráfego direto no Google Analytics, talvez seja por isso.
Quando usado sozinho, o rel=”noreferrer” se parece com isso:
<a href="https://externalsite.com" target="_blank" rel="noreferrer">
Você também pode usá-lo sem abrir o link em uma guia separada. Nesses casos, parece com isso:
<a href="https://externalsite.com" rel="noreferrer">
Quando usar rel=”noreferrer” em links externos?
Use rel=”noreferrer” quando quiser esconder o fato de que está linkando para um site. Basta abrir links externos em uma nova guia para adicionar o código. Existem momentos em que manter as informações do referrer privadas pode ser útil. Considere usar rel=”noreferrer” se quiser linkar para um concorrente, mas não quer que eles vejam seu artigo. Ou use se você não confia no site que deseja linkar.
O que é rel=”noopener”?
O atributo rel=”noopener” é uma tag utilizada em links HTML para garantir a segurança do usuário ao abrir links em uma nova aba ou janela. Ele impede que a página recém-aberta tenha acesso ao documento de origem, protegendo contra ataques de phishing e outras vulnerabilidades de segurança. Essa tag é especialmente importante ao abrir links para páginas externas, ajudando a manter a integridade e segurança do ambiente de navegação do usuário.
Noopener é essencial para a segurança do site
Ao adicionar o atributo rel="noopener"
a um link que abre em uma nova aba, você está protegendo os usuários contra uma vulnerabilidade conhecida como reverse tabnapping. Essa vulnerabilidade pode ser explorada por atacantes para redirecionar a página de referência para um site malicioso, enquanto o link clicado abre em uma nova aba. Isso é comumente usado em ataques de phishing, nos quais os usuários são enganados a fornecer detalhes de login ou baixar malware.
Ao utilizar o rel="noopener"
, você impede que a página de destino tenha acesso à página de origem, aumentando a segurança do seu site. É especialmente importante ao vincular a sites não confiáveis. Mesmo se você estiver usando o WordPress, é recomendável adicionar manualmente esse atributo a links externos para reforçar a segurança do seu site.
E os links internos?
Para os links internos que apontam para outras páginas do seu site, não há necessidade de usar rel="noopener"
. O uso de noreferrer
pode afetar os relatórios do Google Analytics, enquanto noopener
é direcionado principalmente para ameaças externas.
rel=”noopener noreferrer” no WordPress
Quando você configura um link externo para abrir em uma nova guia no WordPress, o sistema adiciona automaticamente as tags “noopener” e “noreferrer” ao código HTML do link. Essas tags são importantes para melhorar a segurança do seu site.
É possível removê-las?
Sim, é possível remover a tag “noopener noreferrer” no WordPress. Para isso, basta desmarcar a opção “Abrir link em uma nova guia” ao adicionar o link. Isso fará com que o código HTML do link fique assim:
<a href="https://externalsite.com">
No entanto, ao remover a tag “noopener noreferrer”, o link será aberto na mesma guia, o que pode não ser a melhor opção para a experiência do usuário.
Se você deseja forçar o link a abrir em uma nova janela ou guia sem a tag “noopener noreferrer”, é possível fazer isso através do editor de código HTML do WordPress. Basta localizar o link e remover os atributos HTML correspondentes. No entanto, é importante lembrar que ao fazer isso, o site para o qual você está linkando verá o seu site como o referenciador.
Porém, não é possível remover a tag “noopener” sem comprometer a segurança do seu site. Essa tag é importante para proteger seu site de ataques maliciosos, e é adicionada automaticamente pelo WordPress mesmo que você a remova manualmente.
Caso você queira remover a tag “noopener”, é possível adicionar um código personalizado ao seu tema ou buscar por um plugin que permita essa funcionalidade. No entanto, é importante lembrar que remover essa tag pode comprometer a segurança do seu site, e por isso não é recomendado a menos que você tenha um bom motivo para fazê-lo.
Como o rel=”noopener noreferrer” afeta o SEO?
O atributo rel=”noopener noreferrer” tem um impacto mínimo no SEO diretamente, pois seu principal propósito é garantir a segurança do usuário ao abrir links externos em novas abas ou janelas. No entanto, ao proporcionar uma experiência mais segura e confiável aos usuários, isso pode indiretamente influenciar positivamente o SEO.
Uma melhor experiência do usuário, com páginas carregando mais rapidamente e proteção contra ameaças de segurança, pode levar a taxas de rejeição mais baixas e maior engajamento, fatores que podem ter um impacto positivo no ranking das páginas nos resultados de pesquisa.
O que é o atributo rel=”nofollow”?
O rel=”nofollow” é uma tag usada pelos proprietários de sites para dizer aos rastreadores de mecanismos de pesquisa para ignorar o link especificado. Isso significa que esses links não passam PageRank e provavelmente não terão muito impacto em suas classificações de pesquisa. Como um link nofollow tem menos valor de SEO do que um link dofollow regular, faz sentido que as pessoas se preocupem com o rel=”noopener noreferrer” também.
No entanto, como explicamos acima, as razões para ter esses códigos não têm nada a ver com SEO. Isso não afeta o link juice de SEO que um site passa.
Se você notar um site externo que se vincula a você adicionou o atributo rel ao link, você não tem com o que se preocupar.
Eles têm um leve impacto indireto em algumas situações
O código pode afetar indiretamente o SEO em pequenas maneiras.
Por exemplo, se você ocultar as informações do remetente de um site externo, o webmaster não verá seu site em seu relatório de análise.
Isso poderia ser benéfico se o site for um concorrente e você não quiser que eles saibam sobre seu site e as palavras-chave que você segmenta.
Em outras circunstâncias, pode ser desvantajoso.
O proprietário do site não poderá ver que você vinculou ao site dele. Você será menos propenso a construir relacionamentos e o proprietário do site não poderá retribuir o favor.
O rel=”noopener noreferrer” afetará links de afiliados?
Os profissionais de marketing afiliados podem se preocupar que a tag noreferrer possa afetar negativamente os links de afiliados.
Se o varejista não puder ver de onde vem o tráfego, como eles acompanharão as conversões para seu ID de afiliado?
A boa notícia é que você não tem com o que se preocupar. A maioria dos programas de afiliados usa cookies e outras tecnologias de rastreamento para rastrear quais vendas são geradas por cada link.
Eles não precisam ver o tráfego proveniente de um link de afiliado específico para atribuir vendas ao ID de afiliado relevante.
A maioria dos navegadores automaticamente implica rel=”noopener”
Em uma reviravolta na história, a partir de 2021, todos os principais navegadores possuem um recurso que implica a tag “noopener” mesmo que o site não tenha adicionado o código.
A Apple foi a primeira a introduzir o recurso em seu navegador Safari em 2018. A Mozilla atualizou seu navegador Firefox para protegê-lo de ataques em julho de 2020.
No início de 2021, todos os navegadores que usam a base de código Chromium também receberam o recurso. Isso inclui o Google Chrome, o Microsoft Edge e o navegador Brave.
Essencialmente, isso significa que o uso do código “noopener” é um pouco menos importante do que antes. Mesmo que os hackers usem código malicioso para influenciar seu site, os navegadores que a maioria das pessoas usa devem impedir que o ataque funcione.
No entanto, ainda devemos adicioná-lo para garantir que o pequeno percentual de pessoas que usam outros navegadores possam navegar com segurança.
Conclusão
Os tags rel=”noopener noreferrer” são dois tags separados com usos diferentes. O Noreferrer impede que os proprietários do site vinculado vejam a origem do tráfego que você envia para o site deles, enquanto a guia noopener desempenha um papel crucial na proteção do seu site contra o reverse tabnapping.
Você pode usar os dois tags independentemente ou em conjunto. Embora existam algumas circunstâncias em que pode ser benéfico remover o noreferrer, você nunca deve remover as tags noopener, a menos que o faça alterando as configurações do link, para que ele não seja aberto em uma nova janela.
E apenas para reiterar mais uma vez, nenhum dos tags afeta como o Google lê e classifica seu site.
Perguntas Frequentes
O que significa Noopener?
Noopener é um valor de atributo usado na tag “rel” de um link HTML para evitar que a página de destino tenha acesso à página de origem. Quando um usuário clica em um link que possui o atributo “rel=noopener”, a página de destino é aberta em uma nova janela e o código JavaScript da página de destino não pode acessar a janela de origem. Isso ajuda a prevenir ataques de phishing e outros tipos de ataques maliciosos.
Como o atributo rel=’noopener noreferrer’ influencia o comportamento de abertura de links externos?
O atributo “rel=noopener noreferrer” é usado para abrir links externos em uma nova janela e evitar que a página de destino acesse a página de origem. O valor “noreferrer” instrui o navegador a não enviar informações de referência para a página de destino, enquanto o valor “noopener” impede que a página de destino acesse a janela de origem. Isso ajuda a prevenir ataques de phishing e outros tipos de ataques maliciosos.
Como saber se um link é Dofollow?
Os links “dofollow” são aqueles que permitem que o link de destino receba crédito de SEO do link de origem. Para verificar se um link é “dofollow”, basta verificar o código HTML do link e procurar pelo atributo “rel”. Se o valor do atributo for “nofollow”, o link não é “dofollow”. Caso contrário, o link é “dofollow”.
Qual é a diferença entre os atributos rel=’noopener’, rel=’noreferrer’ e rel=’nofollow’?
O atributo “rel=noopener” impede que a página de destino acesse a janela de origem, enquanto o atributo “rel=noreferrer” impede que a página de destino receba informações de referência da página de origem. O atributo “rel=nofollow” instrui os motores de busca a não seguir o link e não atribuir crédito de SEO ao link de destino.
O que é nofollow no site?
O “nofollow” é um valor de atributo usado na tag “rel” de um link HTML para instruir os motores de busca a não seguir o link e não atribuir crédito de SEO ao link de destino. Isso pode ser usado para evitar que o link de destino receba crédito de SEO do link de origem.
Como usar rel?
O atributo “rel” é usado para especificar a relação entre a página atual e a página de destino. Ele pode ser usado para indicar se o link é “dofollow” ou “nofollow”, se a página de destino deve ser aberta em uma nova janela ou guia, e se a página de destino deve ter acesso à página de origem.
Em que situações é recomendado utilizar o atributo rel=’noopener noreferrer’ em links?
O atributo “rel=noopener noreferrer” é recomendado para links que apontam para sites externos, especialmente aqueles que exigem login ou que podem ser usados para phishing ou outros tipos de ataques maliciosos. Isso ajuda a proteger a privacidade e a segurança do usuário.
Como o uso de rel=’noopener noreferrer’ afeta o SEO e o rastreamento por motores de busca?
O uso do atributo “rel=noopener noreferrer” não tem impacto direto no SEO ou no rastreamento por motores de busca. No entanto, ele pode ter um impacto indireto, já que ajuda a proteger a privacidade e a segurança do usuário, o que pode levar a uma melhor experiência do usuário e a um aumento na confiança do site.