Como usar e implementar corretamente as tags Hreflang e Canonical: Guia completo

Por terem finalidades semelhantes, as tags hreflang e as tags canônicas costumam ser confundidas entre si. Afinal, ambas indicam ao Google e a outros mecanismos de pesquisa qual página da Web deve ser indexada e apresentada a um determinado pesquisador.

No entanto, observe com mais atenção e você perceberá que essas tags:

• Têm funções diferentes,
• Não são a mesma coisa, e
• Não devem ser usados de forma intercambiável se você estiver tentando atingir um determinado objetivo.

O último ponto é especialmente importante. Se você não tiver certeza do que está fazendo e adicionar uma tag canônica a uma página da Web quando, na verdade, deveria estar usando uma tag hreflang ou vice-versa, os mecanismos de pesquisa poderão deixar de fornecer a versão correta da página aos pesquisadores.

O resultado? Seus pesquisadores não visualizam as páginas da Web que você criou meticulosamente para o consumo deles, mas outras páginas com menor potencial de conversão, o que pode fazer com que você perca tráfego, vendas e receita.

Vamos dar uma olhada nas diferenças entre as tags hreflang e canônica, nas práticas recomendadas para implementá-las corretamente no seu site, bem como em alguns erros comuns a serem evitados no processo.

Hreflang e tags canônicas: Qual é a diferença?

Tags Hreflang

As tags hreflang são trechos de código que sinalizam aos rastreadores dos mecanismos de busca o idioma de uma página da Web e sua localização geográfica de destino. Aqui está um exemplo de uma tag hreflang:

‍

Nesse caso, a tag hreflang informa aos mecanismos de pesquisa que a página da Web "https://www.example.com/gb/" está no idioma inglês, de acordo com o código de idioma "en" ISO 639-1, e destina-se a pesquisadores da região do Reino Unido, de acordo com o código de região "gb" ISO 3166-1.

As tags Hreflang são especialmente importantes para sites internacionais, cujas páginas da Web foram localizadas para vários mercados geográficos. Isso porque elas ajudam os mecanismos de pesquisa a fornecer o idioma apropriado e a versão regional de uma página da Web para pesquisadores de diferentes países.

Por exemplo, um varejista com presença na Alemanha, França, Suíça e Itália pode ter seis públicos geográficos distintos:

1. Usuários do idioma alemão da Alemanha.
2. Usuários de língua alemã da Suíça.
3. Usuários do idioma francês da França.
4. Usuários do idioma francês da Suíça.
5. Usuários do idioma italiano da Suíça.
6. Usuários do idioma italiano da Itália.

Primeiro, o varejista criaria seis versões diferentes de cada página da Web em seu site para atingir cada público geográfico. Depois disso, em cada uma dessas variantes de página, o varejista precisará implementar atributos hreflang para informar os mecanismos de pesquisa:

• Que esta página da Web existe em seis versões diferentes,
• Que essas variantes de página não devem ser consideradas conteúdo duplicado (mesmo que seu conteúdo seja muito semelhante entre si), e
• Qual variante de página deve ser exibida para um visitante de um determinado país.

Além disso, lembre-se de que as tags hreflang funcionam como sinais, e não como diretivas. Em outras palavras, elas sinalizam para os mecanismos de busca como eles devem servir as páginas da Web para os pesquisadores internacionais. No entanto, o mecanismo de busca pode optar por apresentar as páginas de forma diferente, conforme julgar apropriado.

Confira nosso guia abrangente de práticas recomendadas de tags hreflang para saber mais sobre como as tags hreflang funcionam e como implementá-las em seu site.

Tags canônicas

Assim como as tags hreflang, as tags canônicas também são trechos de código que fornecem sinais (e não diretivas) aos rastreadores dos mecanismos de busca. No entanto, sua função é informar os mecanismos de pesquisa:

• Qual URL deve ser considerada a versão "oficial" de uma página da Web e
• Que, portanto, eles devem indexar e classificar esse URL nas pesquisas.

As tags canônicas são úteis quando você tem:

• Variações de URL de uma determinada página da Web, como "http://example.com" versus "https://example.com".
• Parâmetros em seus URLs para indicar pequenas alterações de conteúdo em uma página da Web, como "http://example.com/products" versus "https://example.com/products?category=suitcases".
• Conteúdo duplicado em diferentes páginas da Web em seu site ou em outro site completamente diferente, e você deseja que os mecanismos de pesquisa considerem uma determinada página da Web em seu site como a versão oficial do conteúdo.

‍

As tags canônicas aparecem da seguinte forma:

Tanto as tags canônicas quanto as hreflang ajudam os proprietários de sites a evitar problemas de conteúdo duplicado, o que pode fazer com que algumas páginas não sejam classificadas erroneamente nos mecanismos de pesquisa. No entanto, as tags hreflang fornecem instruções mais específicas sobre qual página da Web deve ser exibida a um pesquisador usando configurações regionais e de idioma específicas. Por outro lado, as tags canônicas informam aos mecanismos de pesquisa apenas qual página deve ser exibida nas pesquisas, entre várias páginas com conteúdo semelhante.

Digamos que temos uma página inicial com o URL "https://example.com/gb", cujo conteúdo é muito semelhante ao de duas outras páginas da Web com os URLs "https://example.com/gb1" e "https://example.com", respectivamente.

Em uma situação como essa:

• Uma tag canônica basicamente dirá: "A página 'https://example.com/gb' é a versão oficial da página inicial 'https://example.com/gb'. Classifique 'https://example.com/gb' nas pesquisas e não 'https://example.com/gb1.'", enquanto
• Uma tag hreflang diria: "A página 'https://example.com/gb' é a versão oficial da página 'https://example.com' para pesquisadores de língua inglesa do Reino Unido. Classificação 'https://example.com/gb' para pesquisadores de língua inglesa do Reino Unido."

‍

Como o uso de tags canônicas pode ajudar na otimização de mecanismos de pesquisa (SEO)?

Se você não estiver administrando um site internacional, talvez seja possível não usar os atributos hreflang. No entanto, você ainda deve considerar a implementação de tags canônicas, que podem otimizar melhor o seu site para o tráfego orgânico dessas maneiras:

• Especifique qual página da Web deve ser exibida nas páginas de resultados dos mecanismos de busca (SERPs): Se quiser que os pesquisadores cheguem a uma determinada página da Web em vez de outra página com conteúdo semelhante, use uma tag canônica para especificar a primeira página como a versão "oficial" da página para a qual os mecanismos de pesquisa devem enviar os pesquisadores.
• Consolide os sinais de link em uma página da Web de sua escolha: Ao mesmo tempo, as páginas da Web com conteúdo semelhante podem estar ganhando backlinks de outros sites. Com uma tag canônica, você pode consolidar o valor do link que essas páginas duplicadas estão obtendo para a sua página da Web preferida. Isso ajuda a impulsionar a reputação de sua página da Web preferida (e possivelmente também suas classificações), mesmo que outros sites não tenham feito links diretos para ela.

Práticas recomendadas ao usar tags canônicas

Não adicione anotações Hreflang a páginas da Web que tenham tags canônicas apontando para outras páginas da Web

Isso porque você corre o risco de confundir os mecanismos de pesquisa sobre quais páginas da Web devem ser indexadas e classificadas.

Imagine que você tenha duas páginas da Web: a página A e a página B. Quando você adiciona à página A uma tag canônica que aponta para a página B, está dizendo aos mecanismos de pesquisa que eles devem indexar e classificar a página B em vez da página A.

Mas se você também adicionar uma tag hreflang à página da Web A, estará sinalizando aos mecanismos de pesquisa que eles também devem indexar e classificar a página da Web A. Isso entra em conflito com as instruções da tag canônica para não indexar ou classificar a página da Web A.

Diante desses sinais conflitantes, os mecanismos de pesquisa podem desconsiderar as tags hreflang e canônica e tomar sua própria decisão sobre como classificar as páginas da Web A e B. Essa decisão pode não estar de acordo com o que você deseja.

Portanto, se for adicionar tags hreflang a uma página da Web com uma tag canônica, certifique-se de que a tag canônica esteja apontando para o URL da mesma página da Web em vez do URL de uma página diferente.

Use tags canônicas ao distribuir conteúdo para outros sites

Conforme mencionado acima, as tags canônicas podem ser usadas para apontar para URLs que pertencem não apenas ao seu site, mas a outros.

Isso é útil para a situação em que seu conteúdo foi publicado em seu blog e no site de um parceiro de distribuição de conteúdo que tende a ter classificações de pesquisa mais altas do que você. Se você quiser que os mecanismos de pesquisa exibam a versão do conteúdo em seu blog e não no outro site, será necessário:

1. Adicione uma tag canônica a essa página de conteúdo em seu blog, com essa tag apontando para o URL da mesma página de conteúdo, e
2. Solicite ao seu parceiro de distribuição de conteúdo que adicione à página de conteúdo dele uma tag canônica que também aponte para o URL da página de conteúdo do seu blog.

Por que é importante implementar corretamente as tags Hreflang e Canonical?

A implementação incorreta de tags hreflang e canônicas pode causar problemas como:

• Erro “Seu site não tem tags hreflang” no Google Search Console: isso significa que o Google não consegue encontrar as tags hreflang no seu site, mesmo que você tenha se esforçado para adicioná-las. (Veja aqui como corrigir o erro “Seu site não tem tags hreflang”.)
• Mecanismos de pesquisa que fornecem as páginas da Web erradas para os pesquisadores errados: Isso pode fazer com que você perca tráfego e até mesmo receita se os pesquisadores forem direcionados a visitar páginas da Web que não foram otimizadas para a experiência do usuário.
• Aparecimento de conteúdo duplicado nas SERPs: Isso pode resultar na diluição do valor do link em várias páginas se essas páginas de conteúdo duplicado forem do seu website. Como alternativa, você poderá perder totalmente o valor do link se o conteúdo duplicado estiver em um site que não seja o seu.

Se estiver usando uma solução de localização de sites de qualidade, como Weglot , para SEO multilíngue, ela poderá adicionar automaticamente tags hreflang ao seu site e garantir uma implementação 100% precisa de hreflang. Ao mesmo tempo, plug-ins de site como o Yoast SEO têm recursos integrados para adicionar tags canônicas a todas as páginas do seu site em escala.

Erros comuns a serem evitados ao implementar as tags Canonical e Hreflang

Embora também seja possível adicionar manualmente as tags canonical e hreflang, você corre o risco de implementá-las incorretamente. Tenha cuidado para não cometer erros como;

1. Mesclando as tags Hreflang e Canonical em uma única tag de link

Em outras palavras, formate sua tag de link da seguinte maneira:

Isso simplesmente não funcionará. Combinar os atributos canonical e hreflang em uma única tag de link pode parecer uma atitude sensata, mas isso causará problemas no seu código.

Em vez disso, as tags canônicas e hreflang precisam ser colocadas em tags de link separadas.

2. Configuração do URL da página global como URL canônico

Se você tiver versões alternativas de uma página para diferentes idiomas e regiões, cada uma dessas variantes de página precisará de sua própria tag canônica.

Por exemplo, você pode ter "https://www.example.com/" como sua página global e uma variante de página com o URL "https://www.example.com/gb/" que se destina a visitantes do Reino Unido em inglês.

Aqui, a tag canônica da sua página "https://www.example.com/gb/" deve apontar para "https://www.example.com/gb/" e não para "https://www.example.com/".

Se você usar "https://www.example.com/" como URL canônico para "https://www.example.com/gb/", estará sinalizando que "https://www.example.com/" é a versão oficial da sua página global. Como resultado, os mecanismos de pesquisa podem, por engano, sempre fornecer "https://www.example.com/" aos pesquisadores, mesmo que o pesquisador seja do Reino Unido.

3. Uso de rel="canonical" como entrada de autorreferência para uma página da Web

Ao implementar tags hreflang em uma página da Web, será necessário que uma tag hreflang aponte para o URL da página da Web atual. Isso é chamado de "autorreferência".

Por exemplo, uma página da Web com o URL "https://www.example.com/gb/" pode conter duas tags hreflang da seguinte forma:

‍

A tag Hreflang nº 1 seria a entrada de autorreferência nesse caso. E o valor do atributo rel deve ser "alternate" - ele não pode ser substituído por "canonical". Fazer isso também gerará erros de código.

Hreflang e Canonical Tags trabalham lado a lado para direcionar os pesquisadores para as páginas certas

Cobrimos muito nesta discussão sobre tags hreflang e canônicas. Vamos resumir as coisas:

As tags hreflang e canonical servem como sinais - e não como diretivas - para os mecanismos de pesquisa sobre como eles devem indexar e classificar as páginas da Web. Para indicar quais páginas da Web devem ser apresentadas aos pesquisadores com determinadas configurações de idioma e região, use as tags hreflang. Como alternativa, para indicar a versão "oficial" de uma página da Web, use tags canônicas.

Pode parecer assustador usar as tags hreflang e canonical, considerando as muitas coisas que podem dar errado durante a implementação. Entretanto, há ferramentas disponíveis para tornar o processo de implementação fácil e sem erros. Em particular, se você estiver criando um site multilíngue, Weglot faz mais do que apenas traduzir o conteúdo da Web com um alto grau de precisão.

Ele também pode adicionar as tags hreflang apropriadas às suas páginas da Web no piloto automático, garantindo uma implementação precisa enquanto você trabalha para criar a melhor experiência de site para seus visitantes.

Comece com uma avaliação gratuita de 14 dias do Weglot aqui.