Como usar tags canônicas corretamente

Neste guia, explicaremos como usar tags canônicas corretamente. Através do uso de exemplos práticos, você aprenderá o que é uma tag canônica, quando deve ser usada, quando não deve ser usada, como implementá-las e os erros comuns que você precisa evitar.

O que são tags canônicas?

Uma tag canônica é um sinal em uma página da web que simplesmente diz: “ Sou uma cópia dessa outra página da web que pode ser encontrada ali ... ”

Esse elemento HTML é adicionado ao código de uma página e ajuda a evitar problemas de conteúdo duplicado, informando ao Google e a outros mecanismos de pesquisa a versão preferencial de uma página.

Como os mecanismos de pesquisa lidam com páginas duplicadas ou semelhantes

Quando a maioria dos mecanismos de pesquisa encontra duas ou mais páginas com conteúdo muito semelhante, eles geralmente escolhem apenas uma das páginas para indexar, ignorando efetivamente as outras . O URL de página duplicado que eles decidem escolher pode ser baseado em vários fatores, incluindo aquele que foi rastreado primeiro, qual tem mais links internos ou qual tem mais links externos.

O conteúdo duplicado não é apenas ruim para o SEO, mas também pode prejudicar as taxas de conversão por não mostrar o conteúdo em seu melhor estado possível.

Freqüentemente, haverá situações em que você terá várias páginas vitais para a infraestrutura do seu site, mas que contêm conteúdo semelhante ou idêntico. Em vez de arriscar uma penalidade por conteúdo duplicado, você pode adicionar uma tag rel = canonical na página que você acredita ser a fonte preferida de informações, conforme mostrado no exemplo abaixo.

Exemplo de duplicação da página do produto

Vejamos um exemplo de duplicação de página de produto de comércio eletrônico abaixo:

Todas essas páginas de produtos para o mesmo 'Red Toy Truck' têm exatamente o mesmo conteúdo, apenas com variações insignificantes, como os principais links de localização atual. A forma como este site foi estruturado significa que há três páginas para um produto, portanto, as tags canônicas são necessárias para eliminar duas das cópias:

Usando tags canônicas, sinalizamos aos mecanismos de pesquisa que a página original do produto está localizada em [http://www.example.com/toys/trucks/red] e que os outros dois URLs são apenas cópias. Neste caso, é aconselhável escolher a página de produto permanente que não está na categoria de "venda" (a venda provavelmente terminará um dia) e que não está na categoria de "itens abaixo de £ 10" (o preço pode subir um dia para mais de £ 10).

Outros exemplos de duplicação de página que requerem tags canônicas

Parâmetros de URL

Os URLs das páginas podem ter informações adicionadas ao final deles na forma de parâmetros, estes são sempre mostrados após um ponto de interrogação no URL:

• URL sem parâmetro - http://www.example.com/blog
• URL de parâmetro resultando em conteúdo de página completamente diferente - http://www.example.com/blog ? Page = 2

Às vezes, os parâmetros de URL mostram um conteúdo de página completamente diferente, outras vezes eles podem filtrar certas partes do conteúdo e outras vezes eles não têm absolutamente nenhum efeito no conteúdo de uma página:

• Conteúdo completamente diferente de nenhum parâmetro foi usado:
  http://www.example.com/news ? page = 3
• Conteúdo ligeiramente diferente do que se nenhum parâmetro fosse usado:
  http://www.example.com/brinquedos ? color = red-only
• Mudança insignificante no conteúdo com ou sem o parâmetro:
  http://www.example.com/toy-trucks ? price = ascending
• Nenhuma mudança no conteúdo com ou sem o parâmetro:
  http://www.example.com/contact-us ? trackingID = 123456

Os mecanismos de pesquisa podem tratar URLs com parâmetros diferentes como páginas diferentes e exclusivas. Então, é importante promover os melhores URLs usando tags canônicas se o conteúdo não for alterado significativamente quando os parâmetros forem adicionados.

Se você não quiser que os mecanismos de pesquisa indexem certos padrões de URLs, certifique-se de usar o arquivo robots.txt para bloqueá-los. Isso eliminará a indexação dos parâmetros de rastreamento, por exemplo, o que pode confundir as estatísticas gerais.

Muitos URLs para o mesmo conteúdo de página da web

Há muitas maneiras de um site ter vários URLs para exatamente a mesma página da web. Felizmente, tags canônicas podem ser usadas para autorreferenciar uma página para eliminar esses problemas. Por exemplo, uma página da web poderia dizer com segurança que é uma cópia de si mesma e eliminar qualquer confusão com parâmetros, subdomínios, etc. (veja abaixo).

Aqui estão vários exemplos de diversas variações de URL para a mesma página em um site. Vale a pena conferir tudo isso em um site e, se necessário, use tags canônicas para fazer referência ao URL preferido:

• http://www.example.com/example-page ( URL preferencial )
• http://www.example.com/example-page.html
• http://www.example.com/example-page?trackingID=123456
• http://www.example.com/example-page#top
• http://example.com/example-page
• http://example.com/example-page.html
• http://example.com/example-page?trackingID=123456
• http://example.com/example-page#top

Esses problemas serão resolvidos assim que uma visita a todos os URLs errados tiver uma tag canônica vinculando ao URL preferencial ( http://www.example.com/example-page neste caso).

O “www.” ou o problema pode ser resolvido com um redirecionamento 301 simples para que sempre que um URL seja inserido sem o “www”. o usuário será redirecionado automaticamente para o www correto. versão

Filtros de parâmetro de URL

As coisas podem ficar complicadas quando os parâmetros de URL filtram os resultados em uma página da web. Você normalmente vê isso em ação em sites de comércio eletrônico, listagens locais ou outros resultados altamente filtráveis, como em sites de propriedades ou feriados, por exemplo.

Nesses casos, você deve se perguntar se visitar diretamente os URLs dos parâmetros melhora ou limita os resultados mostrados e se os motores de busca pensarão que são únicos o suficiente para indexar separadamente. Na maioria dos casos, você não desejará que os mecanismos de pesquisa indexem um URL de parâmetro que filtra, pois isso pode ser mostrado no lugar de um URL sem parâmetro que mostra todas as opções de filtro e todos os produtos / itens:

Os filtros de sites de comércio eletrônico podem reduzir os itens a uma determinada cor, subcategoria, faixa de preço ou pontuação de avaliação. Haveria pouca vantagem em permitir que o Google indexasse uma seleção limitada de seus produtos dentro de uma determinada categoria, em vez de todos os produtos de uma vez, a menos que você tenha um número significativo de produtos e haja pesquisas ativas para essas palavras-chave de nicho.

Os principais mecanismos de pesquisa, como Google e Bing, fazem um ótimo trabalho em entender quais parâmetros filtram o conteúdo e quais parâmetros alteram completamente o conteúdo. Se você não tiver certeza, é melhor não criar tags canônicas para filtrar URLs e deixar que os mecanismos de pesquisa tentem determinar automaticamente a estrutura de sua URL.

Como configurar uma tag canônica

1. Decida qual página você deseja que seja seu URL preferido. Esta deve ser a versão que você considera mais importante. Se você não se importa, escolha aquele com mais links ou visitantes e, se tudo o mais for igual, escolha apenas um!
2. Existem muitos plug-ins disponíveis para aplicar tags canônicas se você estiver usando um CMS como WordPress ou Magento, no entanto, se for direto para o código, você precisará adicionar o seguinte <link> à seção <head> do adicional páginas, não a sua página preferida:

<link rel = ”canonical” href = ”https://www.example.com/hats” />

Isso indicará que este é o URL preferido para usuários que desejam acessar sua página de chapéus e dirá aos mecanismos de pesquisa que você gostaria que eles mostrassem esta página em vez de suas outras páginas de chapéus semelhantes. Como acontece com qualquer mecanismo de pesquisa relacionado, o Google declarou especificamente que “Tentamos respeitar isso (tags canônicas), mas não podemos garantir isso em todos os casos”.

Como Joost de Valk da Yoast afirma em seu guia prático:

O que isso faz é “mesclar” as duas páginas em uma da perspectiva de um mecanismo de pesquisa. É um “redirecionamento suave”, sem redirecionar o usuário. Os links para ambos os URLs agora contam como a versão canônica única do URL.

Erros comuns com tags canônicas

O uso indevido de tags canônicas pode resultar em consequências terríveis. Imagine se todas as páginas de um site afirmam ser uma cópia da página inicial; os mecanismos de pesquisa desindexariam todas as páginas do site e mostrariam apenas a página inicial nos resultados dos mecanismos de pesquisa!

Aqui estão alguns erros comuns que encontramos com tags canônicas:

• Ter uma tag canônica não dinâmica em cada página do site apontando para um URL (um assassino de SEO!)
• Ter duas tags canônicas diferentes no código HTML (apenas a primeira é contada pelos mecanismos de pesquisa)
• Usando o URL sem a parte “http: //” (você deve usar URLs absolutos)
• Apontar as páginas dos produtos para as páginas da categoria em que residem (as páginas dos produtos precisam ser indexadas separadamente)
• Usando tags canônicas em URLs paginados (veja abaixo para mais informações)

URLs paginados são uma sequência de URLs que exibem uma ordem de informações. Os exemplos incluem histórias, lista de produtos, listas de postagens de blogs / notícias, listas de informações, etc.

Digamos que você escreveu uma ótima história online que se estendeu por quatro capítulos em quatro páginas da web diferentes. Você pode querer que os mecanismos de pesquisa apenas indexem e direcionem as pessoas para a primeira página da história. Para fazer isso, você usaria uma tag canônica para apontar a página de cada capítulo para o primeiro capítulo:

Isso efetivamente perderia todo o conteúdo mostrado no capítulo 2 em diante, uma grande quantidade de conteúdo exclusivo que alguns usuários de mecanismos de pesquisa podem desejar acessar diretamente ou encontrar rapidamente.

Anteriormente, você poderia usar as tags “rel” chamadas “next” e “prev”, que mostram a relação entre todas as páginas:

Mas isso não é mais compatível com o Google:

Isso agora significa que as páginas paginadas são tratadas como qualquer outra página do seu site no índice do Google. Em vez de uma série de páginas consolidadas em um único conteúdo, elas agora são tratadas como páginas únicas individuais. Leia este guia para descobrir o que você precisa fazer!

Uma página deve ter um URL canônico de autorreferência?

Esta questão é um tema debatido em SEO. Por exemplo, no Yoast, eles recomendam fortemente ter um elemento de link canônico em cada página.

Além disso, John Mueller, do Google, sugeriu anteriormente que essa é a prática recomendada.

Muitos CMSs permitem parâmetros de URL sem alterar o conteúdo. Assim, por exemplo, todos esses URLs mostrariam o mesmo conteúdo:

• https://example.com/widgets/widget-1/
• https://example.com/widgets/widget-1/?isnt=it-great
• https://example.com/widgets/widget-1/?cmpgn=twitter
• https://example.com/widgets/widget-1/?cmpgn=facebook

Portanto, ao implementar um canônico de auto-referência, você pode evitar qualquer risco potencial de SEO / conteúdo duplicado,

Você pode usar URLs canônicos de vários domínios?

A resposta simples é, sim, não há problema em usar URLs canônicos que apontam para outro domínio. Por exemplo, pode ser que uma parte do seu conteúdo seja publicada em outro site, pois o webmaster acha que seria relevante para seus usuários. No entanto, você deve garantir que eles implementem um link rel = canonical de volta ao artigo original em seu domínio.

Quando usar redirecionamentos 301 em vez de rel = canonical

Os redirecionamentos 301 devem ser usados ​​sempre que uma página / domínio muda permanentemente para um novo destino. Digamos que você entre no Google Search Console e encontre várias páginas 404 - 301s resolverão isso. Basta encontrar um novo local, montar o redirecionamento e carregá-lo no servidor.

A melhor prática é encontrar uma correspondência perfeita para a nova URL ao implementar redirecionamentos 301, dessa forma, o usuário receberá o mesmo / melhor conteúdo e a página será relevante para os mecanismos de pesquisa servirem.

Ao contrário de um redirecionamento, uma tag canônica não diz ao servidor para enviar um usuário para outra página - este é um sinal para os mecanismos de pesquisa mostrarem a página preferida que você gostaria que seu usuário visse. Freqüentemente, há situações em que várias páginas são necessárias, apesar de o conteúdo ser muito semelhante, o exemplo mais básico seria em um site de comércio eletrônico:

Página um - example.com/hats/alphabetical

Página dois - example.com/hats/price

Ambas as páginas têm o mesmo conteúdo, são muito úteis para o usuário e precisam estar no site para garantir que seus produtos possam ser listados por preço e em ordem alfabética. Se o proprietário do site decidir que é melhor servir aos usuários a página de preços nos mecanismos de pesquisa, uma tag rel = canonical será adicionada à página em ordem alfabética para dizer "ei mecanismo de pesquisa, quero que você saiba que essas páginas são extremamente semelhantes, mas o um que eu mais gostaria de servir aos usuários é a página de preços, por favor ”.

Se você não tiver certeza se deve fazer um redirecionamento 301 ou definir um canônico, o que deve fazer? A resposta é simples: você sempre deve fazer um redirecionamento, a menos que haja motivos técnicos para não fazê-lo. Se você não puder redirecionar porque isso prejudicaria a experiência do usuário ou seria problemático, defina um URL canônico.

As tags canônicas podem ajudar a melhorar o SEO, garantindo que o Google saiba quais das suas páginas devem ser consideradas mais importantes e quais devem ser indexadas, mas você precisa ter muito cuidado ao implementá-las.

As plataformas de comércio eletrônico e CMS mais comuns agora lidam com tags canônicas automaticamente ou têm plug-ins bem construídos para fazer isso, visualize o código-fonte HTML da página da web e veja se as tags canônicas estão presentes (dica: use CTRL + F).

Se precisar de ajuda com seu SEO, não hesite em nos contatar.