Atributos e tags Hreflang explicados para iniciantes

7 min de leitura
fev 21, 2023

Traduzimos este artigo do inglês. Clique aqui para ler o artigo original. Se você notar algum problema com o conteúdo, não hesite em entrar em contato conosco pelo e-mail report-osteam@semrush.com.

Saiba mais sobre o papel que os atributos hreflang desempenham para ajudar sites multilíngues e multirregionais a mostrar as versões de idioma corretas aos usuários.

O que é Hreflang?

Hreflang é um atributo HTML que comunica o idioma de uma página da web — e possivelmente seu país de destino — aos mecanismos de busca quando a página tem variantes de idioma ou país.

Por exemplo, o atributo hreflang hreflang="en-us" sinaliza que a página especificada foi escrita em inglês e direcionada aos EUA. audiências.

Se você tiver várias versões de suas páginas para atender a diferentes idiomas ou países, você deve usar hreflang em sua estratégia de otimização de mecanismos de busca (SEO) . 

Por que os atributos Hreflang são importantes para SEO?

Os atributos Hreflang são importantes para SEO porque ajudam a garantir que os mecanismos de busca exibam as versões corretas das suas páginas com base nos idiomas e locais dos usuários.

Assim:

A versão alemã do Google mostra resultados em alemão no SERP para "iphone".

Quando o Google exibe a versão mais relevante da página, é mais provável que os usuários cliquem no seu resultado, tenham uma boa experiência no seu site e contribuam para seus objetivos comerciais.

Os atributos do Hreflang também ajudam os mecanismos de busca a encontrar e entender relacionamentos entre páginas localizadas.

Sem hreflang, os mecanismos de busca podem visualizar páginas traduzidas ou regionalizadas como páginas duplicadas. E isso pode prejudicar sua visibilidade na pesquisa.

Como implementar Hreflang

Para implementar o hreflang, identifique um conjunto de páginas no seu site que compartilham o mesmo conteúdo, mas para diferentes idiomas ou países. Em seguida, atribua a cada página um identificador diferente, dependendo de sua segmentação.

A anatomia do código hreflang é hreflang="valor", onde valor é preenchido com base em um dos seguintes:

  • Código de idioma: O código de idioma ISO 639-1 de duas letras para o idioma da página. Por exemplo, e para inglês. Você deve usar esta opção se a página servir como padrão para todos os falantes do idioma.
  • Código de idioma e país: O código de idioma ISO 639-1 e o código de país ISO 3166-1 alfa-2 para o idioma/país de destino, separados por um hífen (-). Por exemplo, en-us para inglês dos Estados Unidos. O código do país só é necessário se sua página for específica de uma região e não servir como padrão para todos os falantes do idioma.
  • X-padrão: Use o valor x-padrão para a versão principal da sua página. Os mecanismos de busca exibirão o padrão se nenhuma variante corresponder ao idioma ou região do idioma do usuário.

Por fim, siga um ou mais métodos de implementação hreflang abaixo.

Tags Hreflang em cabeçalhos HTML

Você pode usar tags hreflang nos elementos de cabeçalho HTML das páginas (seções<head> ) para informar os mecanismos de busca sobre o idioma/região de segmentação de uma página e suas variantes.

Uma tag hreflang especifica uma URL e seu atributo hreflang, assim:

<link rel="alternate" href="url" hreflang="value" />

Cada página afetada deve ter uma tag hreflang que faça referência à página de origem e suas variantes.

Por exemplo, a tag destacada abaixo mostra que a página de origem foi escrita em alemão para o público na Alemanha (de-de). 

As outras tags hreflang mostram que a página também está disponível em inglês para o público na Irlanda (en-ie), francês para o público na Guiné (fr-gn), etc.

A tag hreflang é mostrada no código com uma lista de outras tags hreflang para aquela página.

Essas mesmas tags hreflang também são usadas em todas as outras versões da página.

Por exemplo, aqui está um trecho de HTML da versão em inglês para o público na Irlanda:

No código-fonte, o atributo hreflang mostra a URL da Irlanda e o valor hreflang en-ie.

Hreflang no mapa do site XML

Você pode usar hreflang no mapa do site XML do seu site para informar os mecanismos de busca sobre segmentação por idioma e região em seu site.

O mapa do site XML é um arquivo que deve listar todos os URLs que você deseja que os mecanismos de busca indexem (adicione ao banco de dados de possíveis resultados de busca).

Veja o que você precisa fazer para páginas com variantes de idioma/região:

  • Incluir uma entrada <url><loc> para cada variante de URL
  • Dentro de cada elemento <url> , use o elemento <xhtml:link> para fornecer as informações hreflang para o URL especificado e suas variantes

Por exemplo, se você tiver duas versões de uma página, o código XML correspondente deverá ser algo como isto:

<url>
<loc>https://www.example.com/</loc>
<xhtml:link rel="alternate" href="https://www.example.com/" hreflang="x-default" />
<xhtml:link rel="alternate" href="https://www.example.com/gb/" hreflang="en-gb" />
</url>
<url>
<loc>https://www.example.com/gb/</loc>
<xhtml:link rel="alternate" href="https://www.example.com/" hreflang="x-default" />
<xhtml:link rel="alternate" href="https://www.example.com/gb/" hreflang="en-gb" />
</url>

Observe que ambas as URLs fazem referência a si mesmas e uma à outra.

Hreflang em cabeçalhos de resposta HTTP

Se você tiver uma página não HTML (como um PDF), precisará implementar hreflang por meio do cabeçalho HTTP.

Use este modelo para informar aos mecanismos de busca sobre o idioma (e região, se desejar) associado à página de origem e suas variantes:

<url1>; rel="alternativo"; hreflang="valor1",<url2>; rel="alternativo"; hreflang="valor2"…

Por exemplo, você pode adicionar isto ao cabeçalho HTTP de todas as três páginas listadas:

<https://www.example.com/>; rel="alternativo"; hreflang="x-default",<https://www.example.com/us/>; rel="alternativo"; hreflang="en-us",<https://www.example.com/gb/>; rel="alternativo"; hreflang="pt-gb" 

Novamente, observe que as páginas variantes devem referenciar a si mesmas e uma à outra.

Melhores práticas para Hreflang

Siga estas práticas recomendadas ao usar hreflang em seu site:

Use URLs canônicas em código Hreflang

Você deve usar apenas URLs canônicas no código hreflang para evitar confundir mecanismos de busca e prejudicar seu desempenho de SEO.

Uma URL canônica é o endereço principal de uma página da web e a URL que os mecanismos de busca usam nos resultados de pesquisa. Os mecanismos de busca ignoram quaisquer URLs alternativas para economizar recursos e evitar duplicação.

Digamos que você pode acessar a mesma página por meio de três endereços:

  • URL canônica: https://www.example.com/en/ 
  • URL alternativa: https://www.en.example.com/
  • URL alternativa: example.com/en

Você deve referenciar apenas a URL canônica no código hreflang e evitar quaisquer URLs alternativas.

Na prática, isso significa que você não deve fazer referência a:

  • URLs que têm um redirecionamento 301 apontando para outra URL
  • URLs que têm uma tag canônica apontando para outra URL
  • URLs quebradas (por exemplo, URLs que exibem um erro 404)

Mantenha seu código Hreflang atualizado

Atualize seu código hreflang se você adicionar, remover ou alterar URLs que tenham variantes localizadas para evitar códigos desatualizados que podem confundir mecanismos de busca e prejudicar seu SEO.

Digamos que você implemente hreflang por meio do seu sitemap XML para seu site em inglês e espanhol. 

Se você posteriormente traduzir seu site para o alemão, precisará:

  • Adicione os novos URLs (e seus códigos hreflang) ao seu mapa do site XML
  • Atualizar entradas XML para variantes de páginas existentes para garantir que façam referência às variantes alemãs

Audite seu site em busca de problemas com Hreflang

Audite regularmente seu site em busca de problemas com hreflang para verificar se há erros que possam confundir ou enganar os mecanismos de busca e, assim, prejudicar seu SEO.

A ferramenta Site Audit da Semrush pode ajudar você a encontrar e corrigir os problemas mais comuns de SEO em hreflang, incluindo:

  • Valores hreflang inválidos
  • Páginas sem atributos hreflang autorreferenciais
  • Páginas com atributos hreflang ausentes
  • Referências a URLs quebradas ou não canônicas
  • Incompatibilidades entre o código do idioma e o idioma da página
A pesquisa por hreflang na Auditoria do Site mostra quantas páginas têm problemas de atributos e valores, bem como como corrigi-los.

A ferramenta Auditoria de Site também ajuda você a encontrar e corrigir muitos outros tipos de problemas de SEO. E usuários gratuitos podem rastrear até 100 páginas por mês.

Compartilhar
Author Photo
Carlos Silva is a seasoned content marketer with over 10 years of experience spanning both in-house and agency roles. His expertise encompasses content strategy, SEO, content creation, social media, and email marketing. Having worked across diverse marketing disciplines, Carlos brings a comprehensive understanding of digital marketing to his current role at Semrush, where he researches, edits, and writes for the English blog, helping readers navigate the complexities of online marketing.
Author Photo
Carlos Silva
Carlos Silva is a content marketer with over 10 years of experience spanning both in-house and agency roles. His expertise encompasses content strategy, SEO, and content creation. At Semrush, he researches, edits, and writes for the English blog.
Compartilhar