Noopener noreferrer é um atributo HTML adicionado a [links] "externos". A maioria dos CMS inclui automaticamente sem que você precise adicioná-lo explicitamente.
O atributo noopener impede que a nova aba do navegador acesse o objeto de janela da aba original.
Além disso, "noreferrer" impede que o navegador envie o cabeçalho de referência HTTP. Sem as informações de referência, o site de destino não consegue saber de onde o usuário veio.
Vamos entender o que "noopener noreferrer" significa em SEO e construção de links. Eles são úteis? Você deve usá-los? E quais são os prós e contras?
O que significa rel="noopener noreferrer"?
A combinação de tags rel=”noopener noreferrer” é adicionada a links externos que abrem em uma nova aba. É usada com o target="_blank".
Quando você adiciona "noopener", você diz ao navegador para impedir que a nova aba controle a original. Isso evita reverse tabnabbing, onde um site malicioso assume o controle da aba do site de referência.
Por outro lado, "noreferrer" garante que nenhum dado de referência (como seu URL) seja passado para a página de destino. Além disso, noreferrer interrompe o rastreamento de referência, o que pode ser útil se você não quiser que ferramentas de análise e sites parceiros vejam quem enviou o tráfego.
Você deve usar ambos os atributos ao abrir links em uma nova aba, a menos que precise de dados de referência para "rastreamento" ou "parcerias".
Exemplo de "Noopener Noreferrer"
Imagine que você está gerenciando um blog e está vinculando a um artigo de terceiros sobre "tendências de marketing".
Você quer que o link abra em uma nova aba para que seus leitores permaneçam no seu site.
Aqui está como o HTML ficaria:
<a href="https://marketingtrendssite.com" target="_blank" rel="noopener noreferrer">[Leia] mais sobre [tendências] de [marketing]</a>
Neste código:
Target="_blank" abre o [link] em uma nova aba do navegador.
Noopener diz ao navegador: “Não deixe que essa nova aba controle ou acesse esta aqui.”
Noreferrer adiciona uma camada de privacidade impedindo que a URL do seu site seja passada para o site de destino.
Por que Essas "Tags" São Importantes?
Em "link building", duas tags são as mais importantes: [nofollow] e dofollow.
Alguns assumem que nofollow é o mesmo que ‘noreferrer’ ou ‘noreferer’. No entanto, eles não são os mesmos.
Usar noopener noreferer não tem impacto sobre "link equity".
SEO e criadores de links usam rel="noopener noreferrer" para proteger o domínio de ataques externos e para rastrear com precisão os dados da URL.
A maioria dos sistemas de gerenciamento de conteúdo como Wix, WordPress, Squarespace, Ghost, Webflow e outros já usam a tag noopener por padrão para todos os links.
Quando você adiciona um link, por padrão, um atributo target="_blank" é adicionado.
Este atributo sozinho introduz uma vulnerabilidade de segurança a menos que seja emparelhado com noopener. A página de destino ganha acesso ao objeto da janela de origem, o que permite manipulação através de scripts.
Aplicar noopener elimina esse risco completamente.
Noopener noreferrer também são usados para proteger a "confiança" do domínio e para melhorar o desempenho do navegador para que os links sejam abertos corretamente, mais rápido e sem quaisquer lacunas de "segurança".
A [implementação] correta de rel="noopener noreferrer" [leva] a práticas de [linkagem] limpa que [aumentam] a capacidade de rastreamento dos motores de busca e [reduzem] a exposição ao risco para melhores resultados em campanhas de SEO.
Prós e Contras de Usar Noopener Noreferrer
De ambas as perspectivas de SEO e segurança, a combinação de noopener noreferrer suporta uma execução de links mais forte.
No entanto, há certas "desvantagens" que devem ser consideradas.
Abaixo está uma análise das vantagens mensuráveis e limitações de usar noopener noreferrer.
Aqui estão os prós de usar noopener noreferrer em links externos:
- Protege contra Tabnabbing: Quando os construtores de links usam target="_blank" para abrir um link em uma nova aba, isso cria uma falha de segurança chamada reverse tabnabbing. Isso pode levar a ataques de phishing e redirecionamentos desnecessários que prejudicam a reputação do domínio. Ao adicionar rel="noopener", você pode proteger seu site de tais ataques, pois impede que a nova aba tenha qualquer acesso à janela original do navegador.
- Melhora o Desempenho do Navegador: Além de [melhorar] a segurança, rel="noopener" pode realmente [melhorar] o desempenho do navegador. Sem ele, a nova aba permanece conectada à aba original através da propriedade window.opener. Essa conexão usa memória e recursos do navegador desnecessariamente. Ao usar noopener, você remove esse link, o que resulta em um [gerenciamento] de recursos mais limpo.
- Oferece Mais Controle Sobre Dados de Referência: Usar rel="noreferrer" dá aos SEOs e construtores de links controle sobre [passar] ou não dados de referência para a página de destino. Se você estiver vinculando a um concorrente ou uma página sensível, [ocultar] o fato de que seu site enviou tráfego pode ser estratégico. Por outro lado, se você está em marketing de afiliados ou parcerias onde precisa provar o tráfego de referência, você não deve usar noreferrer.
- "Não tem impacto negativo no SEO": Os proprietários de sites ficam confusos e assumem que noopener é o mesmo que nofollow. No entanto, nem noopener nem noreffer impactam o fluxo de "link juice". Eles são puramente para comportamento do navegador e privacidade. "Construtores de links" podem usá-los com segurança sem arriscar suas estratégias de "backlink" ou perder valor de "links externos" de alta autoridade.
Aqui estão as desvantagens de usar "noopener norefferer" em links externos:
- Você Perde Dados de Referência com noreferrer: Quando você usa rel="noreferrer", isso impede que o site de destino veja de onde o visitante veio. É útil para privacidade, mas não é ideal quando o rastreamento é importante. Por exemplo, [afiliados] de marketing, parceiros de marca ou equipes de [análise] muitas vezes precisam dessa informação de referência para relatórios, pagamento ou otimização. Se você estiver ocultando isso com um noreferrer, pode perder atribuição ou até mesmo [receita].
- [Problemas] de [Compatibilidade] com Algumas [Ferramentas] de [Análise]: Alguns sistemas de análise mais antigos ou personalizados ainda usam o cabeçalho Referer para rastrear as jornadas dos visitantes. Se noreferrer for aplicado, as ferramentas de rastreamento de URL podem mostrar o tráfego como “direto” em vez de mostrar a fonte real. Portanto, os relatórios podem ser imprecisos, e SEOs ou proprietários de sites podem não saber de onde o tráfego está realmente vindo.
- "Pode" [levar] "à" [complicação] "excessiva em modelos": "Em grandes" [websites] "com configurações complexas de CMS", "gerenciar" [tags] noopener noreferrer "em cada link externo pode ser demorado". "Pode exigir" [scripting] "adicional, configurações de plugins ou esforço manual". "Se não for tratado de forma consistente, pode causar uma mistura de links seguros e inseguros, o que não é ideal para a manutenção a longo prazo".
Melhores Práticas para "Link Builders"
Siga estas "melhores práticas" ao usar [noopener noreferrer] na construção de [links]:
Use rel="noopener" com target="_blank"
Você deve usar rel="noopener" com links que abrem em novas abas via target="_blank". Isso impede o acesso ao window.opener a partir da página vinculada e elimina os riscos de "tabnabbing".
Além disso, isso garante um comportamento seguro sem afetar o SEO ou PageRank. Você deve tratar isso como padrão para todos os links externos que abrem em uma nova aba.
Use rel="noreferrer" com Cuidado
Você deve incluir rel="noreferrer" em links externos para bloquear a informação de referência de ser passada para o URL de destino. Você deve adicionar esta tag apenas em cenários sensíveis à privacidade ou quando o rastreamento de referência deve ser evitado.
Evite o Uso Excessivo de Noreferrer na Construção de Links
Tente evitar o uso excessivo de noreferrer, pois isso reduz a visibilidade nas "análises" e enfraquece o valor dos "backlinks" em campanhas de alcance.
Os "referral headers" ajudam os sites receptores a reconhecer as fontes de tráfego e a credibilidade dos links. Tenha cuidado ao usar este atributo e não o faça como padrão para todos os "backlinks".
Combine com "Nofollow", "UGC" ou "Sponsored" conforme necessário
Use "nofollow" para links não confiáveis ou promocionais, UGC para conteúdo gerado por usuários, e "sponsored" para colocações pagas ou referências de afiliados.
Quando os links são abertos em novas abas, combine com noopener para segurança. Evite combinar com noreferrer, a menos que seja exigido por conformidade ou privacidade.
Perguntas Frequentes
"rel="noreferrer"" [prejudica] SEO?
Não. rel="noreferrer" não prejudica o SEO. O Google segue links com noreferrer e passa PageRank (equidade de link) desde que nofollow ou sponsored não estejam presentes. A tag noreferrer afeta o comportamento do navegador, não como os mecanismos de busca avaliam ou classificam páginas.
A "autoridade" do link, a indexação e a relevância do "anchor text" são totalmente preservadas. A única desvantagem é a perda de dados de referência.
Quando esta tag é usada, o site de destino não pode ver de onde veio o tráfego. Isso significa que plataformas como "Google Analytics" ou painéis de afiliados perderão informações de referência. Portanto, isso afeta o rastreamento, não os rankings.
"Noopener" é necessário para [links] internos?
Não, rel="noopener" não é necessário para links [internos]. Adicionar links [contextuais] ao seu próprio site não introduz os mesmos riscos de segurança associados a links [externos].
A "função" principal de noopener é "prevenir" o [tabnabbing] reverso, e este tipo de ameaça se origina de "domínios" de terceiros, não de links dentro do mesmo site.
Links internos operam dentro de um ambiente confiável sob o mesmo domínio e, portanto, os protocolos de segurança do navegador já restringem comportamentos perigosos em origens idênticas.
Posso remover essas "tags" manualmente?
Sim, você pode remover rel="noopener noreferrer" editando diretamente o código HTML. Abra seu CMS no modo de edição e vá para o hiperlink.
Agora, remova o noopener noreferer do link externo ou interno. Se o seu CMS estiver adicionando esses valores por padrão, então você precisa da ajuda de um desenvolvedor para substituir a inserção automática através de modelos ou plugins.
Qual é a diferença entre noreferrer e nofollow?
"Noreferrer" é uma instrução a nível de navegador que impede que as informações da URL de referência sejam passadas para a página de destino, enquanto "nofollow" é uma instrução específica de SEO que impede o fluxo de [equidade] de link do domínio principal para o site vinculado.
A principal diferença está na função: noreferrer afeta a visibilidade dos dados de referência no navegador, enquanto nofollow afeta a transferência de sinal de classificação nos mecanismos de busca.
Conclusão
Você deve usar rel="noopener noreferrer" para sites externos que abrem em uma nova aba. Da mesma forma, você deve aplicar noreferrer ao ocultar dados de referência.
Além disso, certifique-se de não usar esses atributos em links internos. A navegação interna não introduz riscos externos de segurança nem requer controle de referência, portanto, adicionar atributos desnecessários cria desordem no código sem fornecer benefícios.
Lembre-se de que nem "noopener" nem "noreferrer" afetam classificações. Os mecanismos de busca continuam a seguir os links, passar "link equity" e processar o texto âncora. Apenas os atributos "nofollow" e "sponsored" controlam a transferência de valor de SEO.
