Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Copa WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

O que é rel=”noopener” no WordPress? (Explicado)

Você está adicionando um link ao seu conteúdo do WordPress e deseja que ele seja aberto em uma nova guia. É bem fácil. Mas você notou o atributo rel="noopener" que o WordPress adiciona automaticamente?

Em nossa experiência, esse pequeno trecho de código desempenha um papel crucial na segurança do seu site e na experiência do usuário. Mas não afeta o SEO de forma alguma.

Este artigo explicará a finalidade do atributo rel="noopener", como ele afeta seu site WordPress e por que é bom tê-lo por perto.

What Is rel="noopener" in WordPress? (Explained)

O que é rel=”noopener” no WordPress?

Quando você adiciona links ao seu site WordPress, pode usar atributos HTML para controlar o que acontece quando você clica no link.

Por exemplo, quando você cria um link, há um botão de alternância que permite abri-lo em uma nova guia.

Opening a Link in a New Tab

O código HTML gerado pelo WordPress para esse link tem a seguinte aparência:

<a href="http://example.com" target="_blank" rel="noreferrer noopener">external link</a>

Observe que alguns atributos HTML foram adicionados ao link: rel="noopener" e rel="noreferrer". Esses atributos foram adicionados para solucionar uma vulnerabilidade de segurança.

O problema é que o código JavaScript pode ser usado para permitir que uma nova guia obtenha o controle de sua janela de referência. Se você criar um link para um site externo afetado pelo código mal-intencionado, esse site poderá usar a propriedade window.opener no JavaScript para alterar a página da Web original (em seu site do WordPress) para roubar informações e espalhar códigos mal-intencionados.

O WordPress adiciona rel="noopener" para evitar que a nova guia aproveite esse recurso do JavaScript. Da mesma forma, o atributo rel="noreferrer" impede a passagem das informações do referenciador para a nova guia.

Como o rel=”noopener” afeta o SEO do WordPress?

Não é o caso.

Embora o atributo rel="noopener" aumente a segurança do seu site WordPress, alguns usuários evitam usá-lo porque acham que isso afetará o SEO do WordPress.

Mas isso é apenas um mito.

Isso não afeta as classificações de SEO do seu site nem o desempenho geral do WordPress.

Qual é a diferença entre “noopener” e “nofollow”?

É fácil confundir rel="noopener" com rel="nofollow". No entanto, eles são atributos completamente distintos.

O atributo noopener impede que seu site seja invadido entre sites e aumenta a segurança do WordPress.

Por outro lado, o atributo nofollow impede que o seu site transmita o SEO link juice para o site vinculado.

Os mecanismos de pesquisa procuram e consideram o atributo nofollow ao seguir um link em seu site. Entretanto, eles não levam em consideração a tag noopener.

Por padrão, o WordPress não permite que você adicione nofollow aos seus links externos. Se você quiser adicionar o nofollow no WordPress, precisará usar um plug-in.

Para saber mais, consulte nosso artigo sobre como adicionar título e nofollow a links no WordPress.

O rel=”noreferrer” afeta os links de afiliados no WordPress?

O rel="noreferrer" não afeta os links de afiliados no WordPress. Alguns usuários acreditam que isso acontece porque o rel="noreferrer" impede que as informações do referenciador sejam transferidas para a nova guia.

Entretanto, a maioria dos programas de afiliados fornece a você um URL exclusivo que contém seu ID de afiliado. Isso significa que seu ID de afiliado é passado como um parâmetro de URL para o rastreamento pelo outro site.

Em segundo lugar, a maioria dos profissionais de marketing de afiliados usa um plug-in de camuflagem de links para seus links de afiliados.

Com a camuflagem de links, o link de afiliado no qual os usuários clicam é, na verdade, o próprio URL do seu site, que redireciona os usuários para o URL de destino.

Como desativar o rel=”noopener” no WordPress?

Não há necessidade de remover rel="noopener" dos links em seu site. Isso é bom para a segurança do seu site e não tem impacto no desempenho ou no SEO do site.

No entanto, se você precisar removê-lo, terá que desativar o editor de blocos Gutenberg no WordPress e usar o editor clássico.

Isso ocorre porque, se você remover rel="noopener" do link manualmente, o editor de blocos o adicionará automaticamente de volta para manter seu site seguro.

Quando o editor de blocos estiver desativado, você precisará adicionar um trecho de código ao arquivo functions.php do seu tema ou ao plug-in WPCode (recomendado). Você pode saber como usar o plug-in gratuito WPCode em nosso guia sobre como adicionar facilmente códigos personalizados no WordPress.

Basta copiar o código a seguir em um novo snippet de PHP:

add_filter('tiny_mce_before_init','wpb_disable_noopener');
function wpb_disable_noopener( $mceInit ) {
    $mceInit['allow_unsafe_link_target']=true;
    return $mceInit;
}
Adding a Code Snippet Using WPCode

Certifique-se de ativar a opção “Active” (Ativo) e, em seguida, clique no botão “Save Snippet” (Salvar snippet).

Isso impedirá que o WordPress adicione rel="noopener" a novos links. Você também precisará editar manualmente todos os links antigos para remover o atributo.

Deseja ter ainda mais controle sobre quais atributos relacionais são adicionados aos seus links no WordPress? Recomendamos o uso do plug-in AIOSEO, pois ele permite que você adicione título, nofollow e outros atributos de link diretamente no editor do WordPress.

AIOSEO Adds NoFollow and Title Attributes to the Insert Link Popup

Guias especializados sobre o uso de links no WordPress

Esperamos que este artigo tenha ajudado você a aprender sobre rel="noopener" no WordPress. Talvez você também queira ver alguns outros guias sobre o uso de links no WordPress:

Se você gostou deste artigo, inscreva-se em nosso canal do YouTube para receber tutoriais em vídeo sobre o WordPress. Você também pode nos encontrar no Twitter e no Facebook.

Divulgação: Nosso conteúdo é apoiado pelo leitor. Isso significa que, se você clicar em alguns de nossos links, poderemos receber uma comissão. Veja como o WPBeginner é financiado, por que isso é importante e como você pode nos apoiar. Aqui está nosso processo editorial.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

O kit de ferramentas definitivo WordPress

Obtenha acesso GRATUITO ao nosso kit de ferramentas - uma coleção de produtos e recursos relacionados ao WordPress que todo profissional deve ter!

Reader Interactions

26 ComentáriosDeixe uma resposta

  1. Moinuddin Waheed

    This is very helpful guide for me as I have been teaching html and css to my students and this for have not talked about these two attributes. Most of the teachers only bother to tell target equals blank attribute for opening link in new tabs.
    The best part is that we have all these options at our end in wordpress as well.
    noopener is good for security reasons as it protects from cross site hacking.
    Thanks for this detailed tutorial.

    • WPBeginner Support

      Glad we could share this :)

      Administrador

  2. Oleg Bibik

    Great info, thanks. I now know the difference between noopener and nofollow.

    • WPBeginner Support

      Glad we could help clear that up :)

      Administrador

  3. April

    The noopener is also present with the WordPress Classic editor.

    • WPBeginner Support

      True, we cover the block editor as that is the default editor for WordPress.

      Administrador

  4. Maria

    Is that ok If i am using “noopener & Noreferrer” for interlinking?

    • WPBeginner Support

      You normally shouldn’t add that for internal links but you can if you would like.

      Administrador

  5. Navneet Kumar

    Can we say rel=”noopener no referrer ” provide dofollow backlink to external website?

    I mean if we receive this attribute then we received dofollow backlinks or nofollow backlinks?

    Thanks in advance

    • WPBeginner Support

      These attributes would not affect if a link is dofollow or nofollow, that would be determined if the link is nofollow or not.

      Administrador

  6. Nadya

    is it ok to use rel=”noopener noreferrer nofollow” in any position?

    like

    rel=”nofollow noopener noreferrer”
    rel=”noreferrer nofollow noopener”

    • WPBeginner Support

      You shouldn’t need to worry about the order :)

      Administrador

  7. Ryan

    Thank you for your article.

    I checked my website on web.dev, and I was confused what is noopener and noreferrer.

    After I put it to all of link with target=”_blank”, my best practice score went from <80 to 86.

    Thank you.

    • WPBeginner Support

      Glad our guide could help, don’t forget that sites with scores like that are mainly suggestions :)

      Administrador

  8. Jill

    Hello,

    What about the custom templates used in Wordpress? Should rel=”noopener” be used in the links in the custom posts templates? Especially, internal linking?

    • WPBeginner Support

      You would not need to worry about noopener in the links to the templates for your posts and custom post types.

      Administrador

  9. Graham

    does this affect Analytics? Yes or no?

    • WPBeginner Support

      noreferrer will prevent Google Analytics from tracking the site that the link came from.

      Administrador

  10. Lory

    Can we use noopener but remove noreferrer? Its driving me crazy messing up my analytics. Not only can I not see referral traffic, but I also cannot see which posts have done well over time since referral traffic now shows as direct traffic to my home page. If noopener is the important tag, why is noreferrer included with it? There has to be some way around this.

    • WPBeginner Support

      Unless I hear otherwise, we do not have a specific built-in method to set that up but there are plugins available if you are wanting to remove that from your links.

      Administrador

  11. Zol

    Hye WPbeginner Support, O/

    I don’t use plugin to cloak my affiliate links on my website and I just manually add rel=”nofollow” to affiliate links in html editor.

    My question..is this a good practice for SEO ?
    Should I cloak it?

    Thanks in advanced for your reply.. ;)

    • WPBeginner Support

      Hi Zol,

      It is good practice to cloak URLs. It allows you to better manage links, track your affiliate traffic, and makes your URLs look more understandable by both humans and machines.

      Administrador

  12. Shyam Mahanta

    My wordpress have ssl certificate (auto ssl from the hosting company) but why the secure lock icon doesn’t appear in the Url? It opens in https but shows connection is not secure. Help is really appreciated.

  13. Seleno

    Hello
    I have affiliate website and since wordpress addded noopener my earnings droped down,

    But i was not sure if it can cause this

    So noopener will never effect the affiliate links ?

    Usualy i’m removing it

    And it will not effect the seo or internal links ?
    Thanks

Deixe uma resposta

Obrigado por deixar um comentário. Lembre-se de que todos os comentários são moderados de acordo com nossos política de comentários, e seu endereço de e-mail NÃO será publicado. NÃO use palavras-chave no campo do nome. Vamos ter uma conversa pessoal e significativa.