O que é Rel = ”Noopener” e como usá-lo com o WordPress?

Ao construir e manter sites, sempre devemos levar em consideração a segurança dos sites sob nossos cuidados. Os blogs, especialmente, precisam de um nível extra de cuidado, considerando o número de links externos que geralmente possuem. Cuidar dos outlinks envolve diferentes tarefas para que sejam sempre otimizados. Uma das ferramentas que ajudam a supervisionar a segurança de seus outlinks é o atributo HTML rel = ”noopener”. É uma coisa simples, mas pode fazer maravilhas pela segurança de um site.

Neste post, vamos dar uma olhada no que exatamente é um link noopener e como usar o atributo rel = ”noopener” com o WordPress.

Qual é o atributo Rel = ”Noopener”?

Simplificando, o atributo rel = ”noopener” é adicionado a um link que abre em uma nova guia / janela. Ao adicionar um link no WordPress, você tem a opção de selecionar se o link será aberto na mesma janela ou em outra. Quando você seleciona para abrir em outra janela, o WordPress adiciona automaticamente o atributo rel = ”noopener” ao seu HTML junto com o atributo usual, target = ”_ blank”.

Qual é a finalidade de adicionar o atributo rel = ”noopener” aos links que abrem em uma nova janela? Em primeiro lugar, em termos de experiência do usuário e métricas do visitante, é ótimo ter links externos abertos em novas abas, dessa forma eles não saem completamente do seu site.

Mas o principal motivo da existência desse atributo é a segurança.

Tabnabbing reverso

O atributo rel = ”noopener” protege sites de intenções maliciosas, especificamente, o ataque de phishing chamado tabnabbing reverso.

A tabulação reversa ocorre quando um site malicioso usa window.opener.location.assign () para substituir uma página real por uma falsa. Funciona assim: a página onde os links são adicionados, chamada de página pai, leva às páginas filho por meio dos referidos links. A página filha maliciosa então se anexa à página pai com window.opener.location.assign () e imita o site original com um site falso.

Se o site simulado tiver um widget de login e o usuário inserir suas informações, todas essas informações serão roubadas pela página infantil maliciosa. O que o atributo rel = ”noopener” faz é proteger a página pai de ser atacada com intenções maliciosas por meio de tabagismo reverso nas páginas filho.

E sobre Noreferrer?

O atributo rel = ”noopener” funciona na maioria dos navegadores, exceto Firefox e outros navegadores mais antigos. Quando o WordPress adiciona o atributo rel = ”noopener” aos seus links como padrão, você deve adicionar o atributo rel = ”noreferrer” ao lado dele. Se você atualizou para o WordPress mais recente, ambos os atributos estão sendo adicionados aos seus links automaticamente.

O atributo rel = ”noreferrer” dirá ao navegador para não coletar informações de referência da página principal que está enviando os links.

Esta é a aparência de seus links:

 <a href="https://www.example.com" rel="noopener noreferrer" target="_blank"> texto âncora de exemplo </a>

Como um link Noopener está relacionado aos links Dofollow e Nofollow?

É um equívoco comum que os links com o atributo rel = ”noopener” estejam relacionados aos links dofollow e nofollow, quando na verdade não são. A diferença é que os links noopener e noreferrer são feitos para fins de segurança, enquanto os links dofollow e nofollow são mais sobre page rank e SEO.

Por exemplo, um link com um atributo rel = noopener pode ser dofollow ou nofollow. Essa escolha é sua. Na verdade, publicamos um artigo detalhado sobre isso há algum tempo que você definitivamente deveria conferir.

Todos os links adicionados são atribuídos automaticamente como links a seguir (dofollow). Para ter certeza de que eles são nofollow, seus links devem ser assim:

 <a href="https://www.example.com" rel="noopener noreferrer nofollow" target="_blank"> exemplo de texto âncora </a>

Um link Noopener afeta o SEO?

É um mito que um link com um atributo rel = ”noopener” pode afetar o SEO. Usar links noopener e noreferrer não afetará o SEO de forma alguma. No entanto, dofollow e seguir links afetam o SEO!

Basta lembrar assim:

• noopener e noreferrer: pertencem à segurança
• nofollow e dofollow: pertencem a SEO e autoridade de domínio

Quando é uma boa ideia usar o atributo Rel = ”Noopener”?

Você deve usar o atributo rel = ”noopener” em todos os seus links todas as vezes. Não surpreendentemente, o WordPress agora adiciona o atributo rel = ”noopener” como padrão. A segurança é extremamente importante para todos os tipos de sites, de blogs a comércio eletrônico a sites cheios de links afiliados.

Em alguns casos, você pode querer desfazer a função padrão de adicionar os atributos rel = ”noopener” e rel = ”noreferral”. Nós não sugerimos que você faça isso. Ele pode abrir seu site para riscos de segurança.

E quanto aos seus links de afiliados?

Se você está preocupado sobre como seus links de afiliados são afetados pelo uso dos atributos rel = ”noopener” e rel = ”noreferer”, não é necessário. A maioria dos links de afiliados terá seu ID de afiliado no próprio URL, portanto, não há necessidade de enviar nenhuma informação de referência para as páginas filhas do afiliado por meio de seus links. Na verdade, adicionar os atributos rel = ”noopener” e rel = ”noferrer” aos seus links afiliados deve ser uma prática comum. Nem sempre você pode ter certeza da segurança dos sites pelos quais está garantindo.

Um conselho para links afiliados: sempre crie links para sites que você pode ter certeza de que são seguros. Não se limite a criar links para um milhão de sites que oferecem receita de afiliados com tudo o que vendem. Seus seguidores desejarão clicar nos links de seus afiliados se você for honesto sobre os produtos. Mais ainda, se você realmente revisar os produtos em vez de apenas preencher seu site com links.

Neste artigo, você encontrará muitos programas de afiliados do WordPress excelentes que garantimos.

Últimos pensamentos sobre o atributo Rel = ”Noopener”

Nesta postagem, vimos o propósito por trás do atributo rel = ”noopener” e seu companheiro, o atributo rel = ”noreferrer”. Vimos qual é o propósito deles e como a nova atualização do WordPress agora os adiciona como padrão a todos os seus links. No entanto, você deve sempre verificar novamente se o seu WordPress está funcionando. Também vimos como os links noopener estão relacionados aos links dofollow e nofollow e como eles são diferentes.

Lembre-se de que o atributo rel = ”noopener” existe para manter seu site seguro e você deve sempre usá-lo. Isso não afetará seu SEO nem seus links de afiliados. Esperamos que este artigo tenha ajudado você a entender tudo isso melhor e por que é importante incluir o atributo para os links em todo o seu conteúdo.

Deixe-nos saber sua opinião nos comentários, você já foi vítima de tababismo reverso? Você está sempre usando o atributo rel = ”noopener”?

Imagem em destaque via MarySan / shutterstock.com