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?
Excelente artigo como sempre.
Poderia me tirar uma duvida? Esse plugin de estrelinhas que usa qual é?
Obrigado
É o “kk Star Ratings”, pode ser baixado em https://wordpress.org/plugins/kk-star-ratings/ ele também suporta Rich Rich Snippets.
Agora, as classificações serão indexadas na pesquisa do Google.
Valeu por respondê-la. Eu não tinha visto a pergunta dela. 🙂
KK Star Rating. É gratuito, não se esqueça de ativar a opção de snippets do Google na configuração do plugin.
Show MArcelo
There are theories that even being ref = “nofollow” pass the juice. The article got better the more the theories did.
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.
😀
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.
Valeu pelas dicas, estava em dúvida sobre se os dois últimos tipos de tag eram ruins para o SEO.
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!
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.
Post bastante esclarecedor… parabens!
Uma duvida , pra SEO o rel=external funciona pra alguma coisa ou é o mesmo que nofollow?
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.
otimo, gostei muito
Marcelo, se entendi, então o unico que não passa autoridade ao backlink é o nofollow?
norrefer e noopener passa autoridade normal ?
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?
Marcelo, posso utilizar todos os protocolos apenas separando por vírgula? Tipo rel=”nofollow, noopener, norrefer”
Não usa vírgula, coloque os entre aspas e somente com espaço entre eles. Assim: rel=”nofollow noopener noreferrer”
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
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?
Gostei do “pra que diabos”. E surgem de uma hora para outra tantas estratégias de SEO.
Porém, dicas são sempre válidas.
Ah, por falar nisso, muito obrigado pelas suas dicas.
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
Exato, os atributos rel= noreferrer, noopener e external não tem nada a ver com rankeamento.
Me ajudou muito essa matéria tem ótimo conteúdo.