O que é Noopener?
O termo "noopener" refere-se ao atributo HTML rel="noopener" que é adicionado aos links definidos para abrir em uma nova guia ou janela do navegador por motivos de segurança. Esse atributo fornece um nível adicional de segurança, impedindo que um site de terceiros para o qual você tenha um link assuma o controle da guia do navegador por meio do objeto window (a propriedade window.opener).
Veja como fica no código HTML:
<a href="https://example.com" rel="noopener" target="_blank">Link de exemplo</a>Por que o Noopener é importante?
Sem o atributo rel="noopener", o site vinculado poderia assumir o controle da guia da página de vinculação em um navegador e redirecioná-la para uma página de phishing ou um site mal-intencionado. Isso poderia ser usado para roubar dados pessoais ou instalar malware. O atributo noopener em links externos protege os visitantes do site contra esse hack de backdoor. Como ele não afeta o SEO do seu site, você pode usá-lo com segurança para maximizar a segurança de todos os seus usuários.
Desde 2017, esse atributo foi adicionado automaticamente aos links que abrem em uma nova janela ou guia no WordPress. No entanto, ele pode (e deve) ser adicionado a todos os links externos, não apenas no WordPress.
A boa notícia é que, desde 2020, a maioria dos navegadores processa automaticamente links com target="_blank" como se rel="noopener" estivesse definido neles.
O Noopener afeta o SEO?
Alguns proprietários de sites expressaram relutância em usar o atributo "noopener" porque temem que isso afete o SEO do site. No entanto, o "noopener" tem impacto zero sobre a SEO, tanto em termos de rastreamento quanto de fluxo de link juice. O atributo "noopener" funciona no nível do navegador, evitando vulnerabilidades de segurança sem afetar a otimização do mecanismo de pesquisa.
Você precisa usar o Noopener em seu site?
Se você estiver usando o WordPress, provavelmente estará usando "noopener" automaticamente. Os navegadores modernos processarão links com target="_blank" como se rel="noopener" estivesse presente de qualquer forma. Isso proporciona um nível adicional de segurança para seus usuários, mesmo que eles não tenham um navegador moderno.
Por outro lado, se você não usa o WordPress, é uma boa prática incluir manualmente "noopener" em links que abrem em uma nova guia/janela. Isso protegerá os visitantes que podem estar usando versões mais antigas dos navegadores.
Embora o uso do "noopener" seja uma maneira eficaz de proteger os usuários contra códigos mal-intencionados, ainda assim é importante considerar cuidadosamente para onde você cria links. Ao escolher somente sites autorizados e confiáveis, você minimiza o risco para seus usuários. Entretanto, como os sites podem mudar, morrer ou ser revendidos, até mesmo os bons links de hoje podem se tornar maliciosos amanhã. Isso torna o "noopener" uma importante camada extra de segurança para garantir que seus usuários permaneçam seguros, independentemente dos links em que clicarem no seu site.
Práticas recomendadas para o uso do Noopener
- Implementar automaticamente no CMS: Use um CMS como o WordPress que adiciona automaticamente
rel="noopener"a novas guias/janelas. - Adição manual: Se não estiver usando um CMS, adicione manualmente
rel="noopener"a todos os links que abrem em uma nova guia/janela. - Auditorias regulares: Verifique e atualize regularmente os links para garantir que eles apontem para fontes confiáveis.
- Mantenha-se informado: Acompanhe as atualizações dos navegadores para saber como eles lidam com os atributos de segurança dos links.
Perguntas frequentes
Por que o atributo noopener foi introduzido?
O atributo noopener foi introduzido para evitar que sites vinculados assumam o controle da guia de origem por meio da propriedade window.opener, protegendo os usuários de possíveis ameaças à segurança.
O noopener tem algum impacto sobre o SEO?
Não, o atributo noopener não tem impacto sobre o SEO. Trata-se apenas de um recurso de segurança que evita determinados tipos de ataques sem afetar as classificações dos mecanismos de pesquisa.
Devo adicionar noopener a todos os meus links externos?
Sim, adicionar noopener a todos os links externos que abrem em uma nova guia/janela é uma boa prática de segurança, protegendo os usuários de possíveis vulnerabilidades.
