O que é canonical tag?

Se o mesmo conteúdo for encontrado em diversas URLs diferentes, ele será identificado como conteúdo duplicado, o que poderá impedir que a página em questão seja indexada pelos mecanismos de busca. Essa limitação é um desafio para sites que oferecem conteúdo quase idêntico e no mesmo idioma em domínios de países diferentes. Uma das possíveis soluções para contornar o problema é usar a canonical tag, que permite especificar que uma URL ou URI está sendo usada como a fonte padrão para a indexação.

O que é canonical tag?

Em 2009, o Yahoo, a Microsoft e o Google introduziram a canonical tag. Ela rapidamente se tornou uma das mais importantes ferramentas para SEO e, desde 2012, foi definida como o padrão web oficial no RFC 9596. Se uma canonical tag for incorporada a uma página, ela especifica uma URL ou URI padrão, também conhecida como canonical URL, que deve ser usada como a fonte para a indexação no lugar da página em questão.

Mas o que é canonical URL? Canonical URL combina a própria popularidade e reputação de seu link com aquelas das páginas referenciadas, pois isso produz uma classificação melhorada nos resultados. Como as URLs marcadas não são incluídas na indexação, não tem problema se o conteúdo apresentado nelas for duplicado. A marcação funciona como uma recomendação para os mecanismos de busca, indicando que o atributo do link não precisa ser incluído na indexação. Se sua implementação não for feita do jeito certo, existe o risco de que todo o site seja ignorado. Por isso, é importante usar a canonical tag corretamente.

Como funciona canonical tag?

Para que a canonical tag funcione, dois detalhes são essenciais. Primeiro, você precisa que a URL da página canônica desejada seja especificado como fonte padrão. Segundo, é necessário ter um elemento de link no qual seja possível inserir a canonical URL com a diretiva canônica. O código a seguir mostra o funcionamento de uma canonical tag:

<link rel="canonical" href="URL/URI da página canônica">

O elemento do link, que não tem uma tag de encerramento em HTML, contém os atributos “rel” e “href” como elementos vazios. O primeiro é necessário para especificar a relação entre o documento atual e o vinculado, enquanto o segundo indica onde o documento vinculado pode ser encontrado. Os valores necessários para seu funcionamento são inseridos entre aspas. O valor “canonical” do atributo “rel” indica que a URL vinculada é a canonical URL, que é especificada no atributo “href” seguinte.

Para assegurar que as páginas alternativas direcionem à fonte padrão especificada, você deve inserir o código na seção “head” dos respectivos documentos HTML. Se o conteúdo não estiver em formato HTML (por exemplo, se for um arquivo PDF), faça a implementação no cabeçalho HTTP. Nesse caso, você usará uma sintaxe um pouco diferente:

Link: <URL/URI da página canônica>; rel="canonical"

Quando usar elementos canônicos?

Por definição, a canonical tag não é um fator que os mecanismos de busca levam necessariamente em consideração. Como o código deve ser implementado individualmente em cada página com o conteúdo multiplicado e em cada URI alternativa, é comum que o usuário se pergunte se tanto esforço vale a pena. Nos parágrafos a seguir, discutiremos quatro situações nas quais você deve considerar o uso da canonical tag.

Conteúdo distribuído em URLs dinâmicas

URLs dinâmicas desempenham um papel importante, especialmente no e-commerce. Apesar de as páginas específicas para usuários serem uma excelente opção para apresentar o mesmo conteúdo (incluindo aquelas com pequenas variações) a diferentes visitantes, elas também são um problema para os crawlers dos mecanismos de busca. Nesse caso, é altamente recomendável usar canonical tags para prevenir possíveis conteúdos duplicados.

Conteúdo acessível por URLs diferentes

Devido à sua estrutura, alguns projetos web, como blogs, lojas e portais informativos, apresentam seu conteúdo distribuído em diversas categorias simultâneas com URLs diferentes. Por exemplo, uma loja pode exibir uma “camisa verde” em diversas URLs ao mesmo tempo:

• loja.store/moda/camisa-verde
• loja.store/moda-verão/camisa-verde
• loja.store/moda-inverno/camisa-verde

Muitas vezes, é possível acessar o conteúdo em URLs diferentes devido a uma mudança na estrutura do site ou até mesmo uma transferência do domínio completo. Em casos como esses, os redirecionamentos 301 (301 redirects) são exibidos. No entanto, se isso não ocorrer por motivos técnicos, uma alternativa útil é o atributo link rel=“canonical”.

Conteúdo disponível em domínios diferentes

Além de fazer links internos, você também pode usar a canonical tag para apontar para um domínio externo. Assim, seu conteúdo poderá ser publicado em um domínio diferente sem ser considerado duplicado. Sinais positivos de interação do usuário, links e outros fatores relevantes de classificação são transferidos para a URL original, o que pode melhorar significativamente o desempenho da página.

Conteúdo em formatos diferentes

Em alguns casos, a publicação de conteúdo em formatos diferentes é bastante útil. Por exemplo, além da versão HTML, você também pode disponibilizar seus textos em arquivos PDF e versões para impressão. Para assegurar que os mecanismos de busca não analisem cada variante individualmente e classifiquem a versão errada, é recomendável usar os elementos canônicos.

Erros comuns na implementação de canonical tags

Em diversas situações, a canonical URL é a solução ideal para evitar conteúdo duplicado no seu site. Os principais mecanismos de busca levam a canonical tag em consideração no processo de indexação, reconhecendo que você não deseja que o memo conteúdo ou uma versão similar dele seja classificada. Aliás, os sinais positivos de um mecanismo de busca são consolidados na URL principal, o que melhora seu posicionamento nos resultados de pesquisa. No entanto, tenha em mente que o uso de canonical tags pode ter um efeito negativo se sua marcação não for feita do jeito certo ou se elas forem implementadas incorretamente. As seções a seguir mostram os erros mais comuns envolvendo atributos canônicos.

Páginas numeradas que apontam para canonical URL

Para disponibilizar seu conteúdo de forma atrativa, muitos operadores web recorrem às páginas numeradas. Portais de notícias, em especial, usam esse método ao dividir e numerar o conteúdo em várias páginas. No entanto, você comete um erro ao definir canonical tags para esse tipo de conteúdo e vincular outras páginas à URL de saída usando link rel="canonical". Isso porque as páginas seguintes não são duplicadas, o que significa que o conteúdo único não é indexado. Se quiser informar aos mecanismos de busca sobre a numeração das páginas, você pode adotar uma destas duas abordagens recomendadas:

• Apontar para a página anterior e posterior de cada URL. Use o atributo de link rel e substitua o valor "canonical" por "prev" ou "next".
• Usar link-rel="canonical" e apontar para uma versão do conteúdo relevante que combine todas as suas partes em uma só página.

URLs relativas não apontam para a página canônica desejada

Assim como a maioria das tags HTML, <link> oferece a possibilidade de especificar URLs absolutas e relativas. Enquanto as URLs absolutas apresentam o caminho inteiro (incluindo “http://”), as URLs relativas apontam para uma pasta específica do mesmo site sem precisarem da URL completa. Por exemplo, o caminho relativo "imagens/imagem.jpg" informa que o arquivo “imagem.jpg” pode ser acessado na subpasta “imagens”. No entanto, quando se usa uma canonical tag, caminhos como esse podem causar problemas, o que significa que o crawler poderia ignorar completamente a tag em questão.

Por exemplo, o uso da canonical tag para o Google apontaria para o seguinte:

< link rel="canonical" href="exemplo.com/cupcake.html" >

Como o prefixo HTTP não foi adicionado, o crawler interpreta a URL exemplo.com/cupcake.html como uma URL relativa e assume que a canonical URL é http://exemplo.com/exemplo.com/cupcake.html. Idealmente, sempre especifique a URL completa ao inserir a canonical tag. Outra alternativa ao apontar para uma URL absoluta sem domínio seria:

< link rel="canonical" href="/cupcake.html" />

Páginas apontando para mais de uma canonical URL

Por questões lógicas, a natureza das canonical URLs impede que uma subpágina aponte para vários sites padrão. Links múltiplos desse tipo são criados rapidamente quando se trabalha com um sistema de gerenciamento de conteúdo ou software de armazenamento. Plugins e templates costumam usar canonical tags automaticamente, mesmo se você já tiver especificado uma canonical URL. Se estiver usando esse tipo de extensão, verifique a fonte do texto e corrija as informações, se necessário. Do contrário, é provável que seus esforços não surtam efeito, já que os mecanismos de busca são mais propensos a ignorar todas as canonical tags do que dar preferência a elas.

Canonical tags inexistentes na versão móvel

Se você disponibiliza o seu site uma versão móvel e outra para desktop, corre o risco de que muitas não saiam como planejado. Mesmo que as páginas ainda sejam indexadas com dados ausentes, você deve facilitar o máximo possível para que os mecanismos de busca coletem informações e as categorizem. Por exemplo, o Google recomenda usar rel="alternate" como alternativa. Também há a recomendação de apontar as páginas móveis para URLs de desktop usando canonical tags. O Google desenvolveu um guia com dicas e métodos de desenvolvimento de sites mobile-friendly.

Canonical tag e hreflang conflitantes

Projetos web internacionais com domínios de países diferentes enfrentam grandes desafios no que diz respeito à otimização para mecanismos de busca. Por um lado, as páginas de todas as variantes precisam ter boas classificações e ser exibidas aos usuários certos. Por outro, o risco de que elas apresentem conteúdo duplicado deve ser reduzido a níveis mínimos. Pensando nisso, uma das ferramentas mais importantes é o atributo hreflang que permite sinalizar as versões individuais como alternativas equivalentes. No entanto, para que essa finalidade seja cumprida, é necessário que as páginas sempre apontem de volta para si mesmas. Se essas URLs apontarem para canonical URLs simultaneamente com canonical tags, os crawlers dos mecanismos de busca interpretarão essa definição como uma contradição.

Isso fará com que o mecanismo ignore os dois sinais e indexe os sites com base em outros fatores. Portanto, evite usar as duas instruções ao mesmo tempo.

Diferenças entre canonical tags e redirecionamentos 301

À primeira vista, a canonical tag parece ser muito similar ao redirecionamento 301. Afinal, esse tipo de redirecionamento, que se baseia no código de status HTTP 301 (Movido permanentemente), também sinaliza aos mecanismos de busca que as páginas devem ser avaliadas como versões individuais. No entanto, os redirecionamentos direcionam os visitantes à URL original, eliminando todas as outras variantes. Já as páginas com canonical tags são marcadas como cópias para os mecanismos de busca, permanecendo acessíveis para os usuários.

Outra diferença é o fato de que os mecanismos de busca nunca ignoram um redirecionamento, enquanto isso pode ocorrer quando se usa uma marcação de elemento de link. Por fim, os dois métodos também se diferem quanto à sua funcionalidade se utilizados em múltiplos domínios. Enquanto os redirecionamentos 301 transportam uma página do domínio A para o domínio B, a canonical tag apenas informa que existe uma correlação entre o domínio A e o domínio B.