Pra que diabos servem rel=”nofollow”, rel=”noreferrer”, rel=”noopener” e rel=”external”?

Entendendo o atributo rel do html, seus principais valores e sua utilidade no SEO

O atributo rel especifica a relação entre o seu domínio e o domínio linkado no documento atravez do anchor (<a>), e sempre é usado com o atributo href presente.

Vamos começar pelo mais importante:

O que é o rel=”nofollow”?

Sempre que você utiliza um “rel=nofollow” em um link, seja em um artigo ou em qualquer parte do site, você está indicando que aquele link não deve transferir o juice (autoridade) de sua página para o seu destino e isso é muito importante, pois mantendo o juice no seu site você consegue maior autoridade. A ausência do rel=”nofollow”, que muitos substituem erroneamente pelo inexistente “dofollow”, significa que a autoridade do domínio será espalhada do seu site para aquele(s) que ele está linkando. É muito importante para o SEO.

E o rel=”noreferrer”, qual é a sua utilidade?

A função do noreferrer é não “carregar” a origem do link junto com ele. Em situações que você, por segurança ou por alguma particularidade, não quer informar a página de destino de onde veio aquele acesso o noreferrer é fundamental, porém se você trabalha com links de afiliados, verifique com a plataforma, se existe algum problema em utilizá-lo e na dúvida não o utilize. Não tem nenhum peso direto no SEO.

E o rel=”noopener”, para que serve?

Para prevenir que páginas abusem do recurso window.opener, o que pode ser considerado uma vulnerabilidade de segurança já que a nova página terá acesso ao objeto window da página de origem e poderá navegar da sua página para um outro url usando o recurso window.opener.location = newURL. Além disso a performance de sua página pode ser afetada caso a página aberta via target=”_blank” execute algum tipo de javascript expansivo. Não tem nenhum peso direto no SEO.

E o rel=”external”, tem alguma utilidade afinal?

O rel=”external”, indica que o documento referenciado não é parte do mesmo site do documento que o referencia. Muitos dizem que o external é um substituto do target=”_blank”, mas não é bem assim, pois ele por si só não abre os links em uma nova janela, precisa de um javascript ou jQuery para que execute tal função. Mas por que usá-lo? Pois o target=”_blank” não é um válido nos padrões do xhtml, portanto se deseja estar de acordo com o xhtml utilize-o com o código abaixo para que tenha a mesma função do target=”_blank”, além de informar que se trata de um link externo. Não tem nenhum peso direto no SEO.

Jquery:

$('a[rel="external"]').attr('target', '_blank');

JavaScript:

function externalLinks() {
if (!document.getElementsByTagName) return;
var anchors = document.getElementsByTagName("a");
for (var i=0; i<anchors.length; i++) {
var anchor = anchors[i];
if (anchor.getAttribute("href") &&
anchor.getAttribute("rel") == "external")
anchor.target = "_blank";
}
}
window.onload = externalLinks;

Recentes versões do WordPress estão vindo por padrão com o  rel=”noreferrer” e rel=”nooppener” ativados em links externos, alegando se tratar de questões de segurança, porém todas as opções acima citadas podem ser facilmente gerenciadas com o plugin WP External Links.

Gostou do artigo? Compartilhe em suas redes sociais para divulgar-nos e ajudar nosso projeto  a crescer?

25 comentários em “Pra que diabos servem rel=”nofollow”, rel=”noreferrer”, rel=”noopener” e rel=”external”?”

  1. Olá, tudo bem ?
    Vi em alguns livros sobre SEO que o seu link está relacionado em paginas que não tem relação com o assunto da sua pagina pode sofrer uma penalidade, como somos uma empresa de desenvolvimento de site, sempre deixamos nos sites o “desenvolvido por: “, a melhor forma de deixar esse link sem penalidade seria colocar o nofollow ?
    Obrigado.
    😀

    Responder
    • Lucas, sou desenvolvedor também, conheço muitos desenvolvedores e nenhum nunca foi penalizado pelo link do desenvolvedor no rodapé. Veja que este site mesmo tem o meu link da página de meu site de desenvolvimento web no seu rodapé. Pode usar sem medo, vai na fé, o Google sabe que você está referenciando um site que você desenvolveu, então não irá penalizá-lo. 🙂 Boa sorte.

      Responder
  2. Muito bom o artigo!

    Mas será que pode me tirar uma dúvida?
    O atributo rel=”noopener” pode influenciar nas estatísticas do site que eu estou indicando?

    Por exemplo. Estou indicando o site da pousada X e no link eu coloco o atributo rel=”noopener”. Porém, eu QUERO que esta pousada veja depois nos seus relatórios de estatísticas que foi o meu site que enviou o clique pra ela.

    Esse atributo pode atrapalhar essa estatística? Pois estou tendo problema com isso, os clicks que os visitantes dão no meu site não estão aparecendo nas estatísticas dos clientes, portanto estou levantando suspeitas quanto a este atributo.

    Obrigada!

    Responder
    • Carol, seu problema parece estar relacionado com o rel=”noreferrer”, alguns sites ainda utilizam o http referer para identificar de onde veio determinado acesso. Tente remover o noreferrer e veja se o site consegue identificar sua origem.

      Responder
    • A função do rel=external é informar que o link é externo. Além de ser um atributo usado pelo JavaScript para abrir o link em uma nova aba ou janela. Ou seja sem o JavaScript ele tem caráter exclusivamente informativo.

      Responder
  3. Marcelo, se entendi, então o unico que não passa autoridade ao backlink é o nofollow?
    norrefer e noopener passa autoridade normal ?

    Responder
    • A função do norrefer e do noopener não tem nada a ver com autoridade, portanto o uso ou não deles não passará ou deixará de passar autoridade, são usados estritamente para as funções descritas no texto, ok?

      Responder
    • Não usa vírgula, coloque os entre aspas e somente com espaço entre eles. Assim: rel=”nofollow noopener noreferrer”

      Responder
  4. Olá!
    Instalei o WP External Links, configurei desmarcando todas as caixas de noopener noreferrer… e mesmo assim estão no meu texto… Já exclui manualmente, mas, quando atualizo ou salvo o artigo, volta tudo de novo.. 🙁
    Pode me ajudar?
    Obrigada

    Responder
    • Após desmarcar no plugin, experimente editar o post ou página em modo texto e apague manualmente e então salve o texto. Deve resolver. Me conte se deu certo, ok?

      Responder
  5. Muito bacana a explicação, meu amigo.

    Mas deixa eu ver se entendi direito:

    Tirando então o atributo “nofollow”, os outros se estiverem presentes nos backlinks não têm problemas para ranqueamento no google, é isso?

    Fiquei com essa dúvida no quesito ranqueamento.

    Obrigado

    Responder

Deixe um comentário

Cadastre-se

Cadastre-se para receber nossas novidades e matérias.