Como corrigir com rel=”noopener”

Como você viu, o grande problema de usar o target _blank em links externos sem qualquer acompanhamento de segurança, torna a propriedade windows.opener acessível para sites maliciosos.

Para corrigir essa vulnerabilidade, adicione a tag rel=”noopener” em todos seus links externos. Na prática, todos os links ficarão do seguinte modo: 

• <a href=”https://exemplo.com” target=”_blank” rel=”noopener”>Um Local</a>.

Vale destacar que o navegador Firefox não suporta a tag noopener. Então, você deve usar a tag rel=”noopener noreferrer” nos seus links externos. Nesse caso, os links ficarão assim: 

• <a href=”https://exemplo.com” target=”_blank” rel=”noopener noreferer”>Um Local</a>.

Mesmo que você não esteja acostumado a usar a tag corretamente, algumas ferramentas e sites já estão corrigindo o erro, facilitando para os usuários. Caso você tenha um site ou uma landing page, utilize a tag target=”_blank” corretamente, como mostrado a pouco.

Conclusão

Com todas as informações que te mostramos por aqui, você, com certeza, entendeu a importância de utilizar o target _blank corretamente em sua página. Por isso, siga as orientações à risca para proteger a integridade do seu site e evitar ciberataques. 

Links referencias Font: san blog 

About rel=noopener