Hreflang: o que são e como implementá-las

Leandro Lopes
Por Leandro Lopes
28 Min Leitura
Hreflang- o que são e como implementá-las
Hreflang

O Hreflang é essencial para o SEO internacional para garantir que você forneça conteúdo adequadamente ao público certo. Ao implementar tags hreflang em seu site, você pode garantir que os mecanismos de pesquisa forneçam a versão correta de seu conteúdo para usuários em diferentes idiomas e de países específicos.

Isso não apenas ajuda a melhorar a experiência do usuário para seu público internacional, mas também ajuda você a se classificar melhor nos resultados de pesquisa. Isso ocorre porque as tags hreflang podem ajudar o Google e outros mecanismos de pesquisa a entender a relação entre as diferentes versões do seu conteúdo, levando a uma melhor otimização do mecanismo de pesquisa.

Se você deseja levar seu SEO internacional para o próximo nível, as tags hreflang são um ótimo lugar para começar. Nesta postagem, veremos mais de perto o que hreflang tags, qual a importância delas para o SEO, por que você precisa delas e algumas dicas para implementá-las e usá-las em seu site. Discutiremos alguns equívocos sobre hreflang e a verdade nele. Esta postagem também fornecerá solução de problemas para alguns erros comuns do hreflang que você pode encontrar.

Hreflang: O que é e por que você precisa dele?

O Google introduziu o hreflang em dezembro de 2011 para ajudar os proprietários de sites que desejam segmentar usuários em países ou regiões específicas. Embora o hreflang não seja obrigatório, ele pode beneficiar sites que desejam garantir que as pessoas certas vejam seu conteúdo.

- Auditoria Gratuita de SEO -
Auditoria Gratuita de SEO

Hreflang informa aos mecanismos de pesquisa qual é a linguagem escrita de um site. É um atributo que ajuda os mecanismos de pesquisa a indexar e classificar sites nos resultados de idioma corretos. Hreflang também pode especificar a região ou país que um site está segmentando.

A tag hreflang se parece com isso:

<link rel="alternate" hreflang="en" href="https://example.com/en"/>

O atributo “rel” especifica a relação entre o documento atual e o documento vinculado. Nesse caso, o valor “alternativo” indica que o documento vinculado é uma versão alternativa do documento atual.

O atributo “hreflang” especifica o idioma do documento vinculado. Nesse caso, o valor “en” indica que o documento vinculado está em inglês.

O atributo “href” especifica a URL do documento vinculado. Nesse caso, o URL é http://example.com/en/.

A tag Hreflang especifica versões de páginas alternativas em diferentes idiomas. Aqui está um exemplo de como o código hreflang pode parecer:

<link rel="alternate" hreflang="en-US" href="http://www.example.com/"/>

<link rel="alternate" hreflang="en-GB" href="http://www.example.co.uk/"/>

<link rel="alternate" hreflang="de-DE" href="http://www.example.de/"/>

- Auditoria Gratuita de SEO -
Auditoria Gratuita de SEO

Neste exemplo, as tags hreflang indicam três versões diferentes do site – uma para falantes de inglês nos Estados Unidos, uma para falantes de inglês no Reino Unido e uma para falantes de alemão na Alemanha.

Isso significa que, quando alguém dos Estados Unidos pesquisar algo no Google, ele será direcionado para a versão americana do site. Da mesma forma, o Google mostrará a alguém do Reino Unido a versão britânica e alguém da Alemanha receberá a versão alemã.

Adicionar tags em seu site para cada versão de idioma é essencial se estiver disponível em vários idiomas. Isso ajudará a garantir que os usuários sejam direcionados para a versão correta do seu site, independentemente de sua localização.

Quando alguém dos EUA pesquisar “Facebook Official Website”, ele mostrará:

hreflang

Sua tag hreflang é:

<link rel="alternate" href="https://www.facebook.com/" hreflang="en-us" />

Quando alguém fizer o mesmo, mas for da Espanha, aparecerá:

hreflang

Sua tag hreflang é:

- Auditoria Gratuita de SEO -
Auditoria Gratuita de SEO
<link rel="alternate" hreflang="es-ES" href="https://www.facebook.com/es">
Além disso, observe que você deve adicionar tags hreflang a todas as páginas do seu site , não apenas à página inicial. Isso ajudará os mecanismos de pesquisa a indexar corretamente seu conteúdo e direcionar os usuários para a versão mais relevante do seu site.
Leia Também
  1. As tags do WordPress ajudam o SEO?
  2. Práticas recomendadas de tags SEO H1: como otimizar o H1
  3. Quantas palavras-chave por página para SEO você deve focar

Qual a importância de Hreflang para SEO?

As tags Hreflang são uma parte essencial do SEO para sites internacionais. Eles ajudam a mostrar aos usuários certos o seu conteúdo no idioma correto , o que ajuda a melhorar as classificações do mecanismo de pesquisa e as taxas de cliques do seu site.

Sem hreflang, você corre o risco de seu conteúdo ser mal indexado e aparecer em resultados de pesquisa que não são relevantes para seu público-alvo. Isso pode levar a uma queda no tráfego, conversões e má experiência do usuário.

Aqui estão quatro casos críticos em que hreflang pode fazer uma grande diferença para o seu SEO:

1. Quando você tem várias versões da página exata

Se você tiver versões diferentes da mesma página (por exemplo, uma em inglês e outra em espanhol), o hreflang pode ajudar a direcionar os usuários para a versão correta. É vital que o conteúdo de cada página seja significativamente diferente.

<link rel="alternate" hreflang="en" href="http://example.com/en/" />

Ele informa ao Google que existe uma versão alternativa desta página em inglês e fornece o URL da página em inglês.

<link rel="alternate" hreflang="es" href="http://example.com/es/page.html" />

Ele informa ao Google que existe uma versão alternativa desta página em espanhol e fornece o URL da página em espanhol.

2. Quando você tem páginas semelhantes em idiomas diferentes

Hreflang permite especificar a relação entre duas páginas em idiomas diferentes. Se você tiver páginas semelhantes em idiomas diferentes (por exemplo, uma página de produto e uma página de categoria), o hreflang pode ajudar os mecanismos de pesquisa a entender que elas estão relacionadas. Por exemplo:

<link rel="alternate" hreflang="x-default" href="http://example.com/en-us/products" />

- Auditoria Gratuita de SEO -
Auditoria Gratuita de SEO

<link rel="alternate" hreflang="en-us" href="http://example.com/en-us/products" />

<link rel="alternate" hreflang="en-gb" href="http://example.com/en-gb/products" />

<link rel="alternate" hreflang="es-es" href="http://example.com/es-es/productos" />

Este exemplo informa aos mecanismos de pesquisa que a página em http://example.com/en-us/products está disponível em diferentes idiomas e fornece os URLs para essas páginas. Os valores hreflang (x-default, en-us, en-gb e es-es) especificam o idioma e a região de cada página.

No exemplo acima, as tags hreflang informam aos mecanismos de pesquisa que a versão em inglês da página do produto está disponível nos Estados Unidos e na Grã-Bretanha. Em contraste, a versão em espanhol está disponível apenas na Espanha. Ao usar hreflang, é importante lembrar que você está especificando o relacionamento entre duas páginas.

3. Quando você deseja segmentar regiões ou países específicos

Se você deseja segmentar regiões ou países específicos, o hreflang pode ajudar a garantir que você direcione os usuários dessas regiões para a versão correta do seu site. É essencial por dois motivos: primeiro, garante que os usuários tenham uma boa experiência; em segundo lugar, ajuda a evitar penalidades dos mecanismos de pesquisa por segmentar a região errada.

Em conclusão, hreflang é uma ferramenta poderosa que pode ajudar a garantir que seu site multilíngue tenha um bom desempenho na pesquisa. Ele mostra seu conteúdo para os usuários certos e mostra que você está obtendo o melhor de seus esforços internacionais de SEO.

Como implementar o Hreflang?

Como todos sabemos, o SEO internacional está se tornando cada vez mais crítico. Os algoritmos dos mecanismos de pesquisa melhoram para entender melhor a intenção do usuário, e parte disso é entender em que idioma ele está pesquisando. O Google ainda oferece diferentes resultados de pesquisa com base na localização do pesquisador e nas configurações de idioma. É onde entra o hreflang.

A implementação do hreflang pode ser complicada, mas vale o esforço.

Sugestão de Leitura: Como adicionar palavras-chave a um site para SEO

- Auditoria Gratuita de SEO -
Auditoria Gratuita de SEO

Usando marcação na página ou HTML

A marcação na página, ou HTML , é o código que ajuda os mecanismos de pesquisa a entender o conteúdo do seu site. Esse código inclui coisas como títulos, cabeçalhos e meta tags. É essencial ter uma marcação na página bem escrita e rica em palavras-chave para que os clientes em potencial possam encontrar facilmente seu site.

A marcação na página ajuda o hreflang indicando qual idioma escrito um determinado conteúdo é para os mecanismos de pesquisa. Sem a marcação na página, os mecanismos de pesquisa teriam dificuldade em entender em qual idioma um site foi escrito e poderiam fornecer o conteúdo errado aos usuários.

Você pode implementar hreflang usando marcação na página ou HTML pela tag rel= “alternate” hreflang= “x” no cabeçalho de cada página.

<link rel="alternate" hreflang="en" href="http://www.example.com/en/page.html" />

<link rel="alternate" hreflang="es" href="http://www.example.com/es/page.html" />

<link rel="alternate" hreflang="x-default" href="http://www.example.com/en/page.html" />

A tag rel= “alternate” hreflang= “x” informa aos mecanismos de pesquisa que existe uma versão alternativa da página em outro idioma. O “x” em hreflang= “x” representa o código do idioma da página alternativa. No exemplo, existem três tags diferentes, uma para inglês, uma para espanhol e uma para o idioma padrão do site (neste caso, inglês).

Você também pode adicionar tags hreflang ao seu site usando marcação na página pelo seguinte código na seção de cabeçalho do seu HTML:

Por exemplo, se você tiver uma página em inglês, adicione o seguinte código:

<html lang="en">

- Auditoria Gratuita de SEO -
Auditoria Gratuita de SEO

Se você tiver uma página em francês, adicione o seguinte código:

<html lang="fr">

Você também pode usar o atributo lang em elementos específicos em suas páginas, como parágrafos ou títulos.

Por exemplo, se você tiver um parágrafo em inglês, adicione o seguinte código:

<p lang="en">This is a paragraph in English.</p>

Se você tiver um parágrafo em francês, adicione o seguinte código:

<p lang="fr">Ceci est un paragraphe en français.</p>

É importante observar que as tags hreflang indicam apenas o idioma de uma página, não a região. Você deve usar a segmentação geográfica se quiser
segmentar uma região específica.

Implementando em seu sitemap XML

Sitemaps XML podem ajudar significativamente a melhorar a implementação de hreflang em seu site. A inclusão de informações sobre as diferentes versões de idioma de suas páginas em seu sitemap facilita a localização e a indexação de seu conteúdo para os mecanismos de pesquisa. Isso, por sua vez, torna mais fácil para os usuários encontrarem a versão de sua página que estão procurando, independentemente de sua localização ou idioma.

Aqui está um exemplo de como usar o elemento hreflang em um sitemap XML :

<URL> <loc>http://www.example.com/en-US/page1.html</loc>

<xhtml:Iink rel="alternate" hreflang="es" href="http://www.example.com/es-ES/page1.html"/>

<xhtml:Iink rel="alternate" hreflang="en" href="http://www.example.com/en-US/page1.html"/>

<xhtml:Iink rel="alternate" hreflang="x-default" href="http://www.example.com/en-US/page1.html"/>

</URL>

O atributo hreflang especifica o idioma de uma página e os códigos de país/região neste exemplo. O valor do atributo hreflang é “es” para espanhol, “en” para inglês e “x-default” para qualquer outro idioma.

O elemento xhtml:link especifica o relacionamento entre a página atual e a página alternativa. O atributo rel especifica o relacionamento e o atributo href especifica a URL da página alternativa.

O valor do atributo hreflang do elemento xhtml:link deve corresponder ao valor do atributo hreflang da URL. Ele informa aos mecanismos de pesquisa qual versão da página eles devem exibir para usuários em diferentes idiomas e regiões.

Se você não tiver certeza de quais valores hreflang usar,e uma lista de códigos de país ISO 3166-1 aqui .

É importante observar que o Google não deriva automaticamente o idioma do código do país. Especifique o código do país após o código do idioma.

Implementando em seu cabeçalho HTTP

Existem razões pelas quais você pode querer usar o método de cabeçalho HTTP para implementar hreflang:

  • Você tem um site extenso com milhares de páginas e adicionar a tag a cada página seria impraticável.
  • Você não tem acesso ao código HTML da sua página (por exemplo, se estiver usando um sistema de gerenciamento de conteúdo que não lhe dá acesso ao código).
  • Você deseja manter seu código o mais simplificado e limpo possível, e adicionar uma tag extra a cada página parece uma confusão desnecessária.

Cabeçalho do link

O cabeçalho do link informa aos mecanismos de pesquisa que existe uma versão alternativa da página e fornece o URL dessa página.

Por exemplo, se você tiver uma página em inglês voltada para o público dos EUA que deseja exibir quando alguém pesquisar “exemplo” no Google, adicione a seguinte tag ao cabeçalho dessa página:

<link rel="alternate" hreflang="en-US" href="http://www.example.com/"/>

Se você tivesse uma página semelhante em francês direcionada ao público canadense, adicionaria a seguinte tag ao cabeçalho dessa página:

<link rel="alternate" hreflang="fr-CA" href="http://www.example.com/fr"/>

É importante observar que o valor do atributo hreflang tem duas partes – o código do idioma (neste caso, “en” para inglês e “fr” para francês) e o código da região (neste caso, “US” para Estados Unidos e “CA” para o Canadá).

Depois de adicionar a tag Link a todas as páginas que deseja segmentar, o Google poderá exibir a página correta para os usuários com base em seu idioma e localização.

Uma observação final – se você está segmentando um idioma específico, mas não deseja especificar uma região, pode usar o código do idioma sozinho (por exemplo, “en” para inglês). Da mesma forma, se você estiver segmentando uma região específica, mas não quiser especificar um idioma, poderá usar o código da região sozinho (por exemplo, “US” para os Estados Unidos).

Tag canônica

Se você estiver executando um site multirregional ou multilíngue, precisará implementar tags canônicas e hreflang. As tags canônicas informam qual versão de uma página é a versão “mestre”, enquanto as tags hreflang informam aos mecanismos de pesquisa para qual idioma ou região uma determinada página é. As tags canônicas devem sempre apontar para a versão principal de uma página, enquanto você deve usar as tags hreflang para indicar versões alternativas de uma página em diferentes idiomas ou regiões.

Você pode usar tags canônicas e hreflang juntas para garantir que os mecanismos de pesquisa indexem corretamente seu site e direcionem os visitantes para a versão correta de seu site. Pode ser assim:

<?xml version="1.0" encoding="UTF-8"?>

<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">

<URL>

<loc>http://www.example.com/en-gb/</loc>

<xhtml:link rel="alternate" hreflang="en-gb" href="http://www.example.com/en-gb/" />

<xhtml:link rel="canonical" href="http://www.example.com/"/>

</URL>

</urlset>


Ele informará ao Google que o URL canônico para esta página é http://www.example.com/ e a página também está disponível em inglês (GB).

Os links Hreflang devem apontar para a versão canônica de cada URL, pois eles funcionam lado a lado!

Sugestão de Leitura: Versão do PHP no WordPress: Como verificar e atualizar

Equívocos de Hreflang

Crie páginas separadas para cada idioma e região

Você só precisa criar páginas separadas se o conteúdo dessas páginas for significativamente diferente. Por exemplo, se você tiver uma página em inglês para o mercado dos EUA e uma página separada em francês para o mercado canadense, será necessário criar páginas individuais. No entanto, se o conteúdo das páginas for essencialmente o mesmo, você poderá usar tags hreflang para indicar as diferentes versões de idioma da página.

Use tags hreflang para cada idioma e região.

Não é necessário. Você só precisa usar tags hreflang para seus idiomas e regiões de destino. Por exemplo, se você tiver uma página em inglês para o mercado dos EUA e uma página separada em francês para o mercado canadense, precisará usar tags hreflang apenas para esses dois idiomas e regiões.

Use tags hreflang em todas as páginas do site.

Você só precisa usar tags hreflang em páginas especificamente direcionadas a um determinado idioma ou região. Por exemplo, se você tiver uma página em inglês para o mercado dos EUA e uma página separada em francês para o mercado canadense, você só precisará usar tags hreflang nessas duas páginas.

Você só precisa usar tags hreflang em links que apontam para páginas especificamente direcionadas a um determinado idioma ou região. Por exemplo, se você tiver uma página em inglês para o mercado dos EUA e uma página separada em francês para o mercado canadense, você só precisará usar tags hreflang em links que apontam para essas duas páginas.

O atributo hreflang só precisa ser incluído uma vez em uma página

Se uma página segmentar vários idiomas ou regiões, o atributo hreflang deve ser incluído várias vezes na página, uma vez para cada idioma ou região. Se você tiver uma página em inglês para o mercado dos EUA e uma página separada em francês para o mercado canadense, o atributo hreflang deverá ser incluído duas vezes na página, uma vez com o valor “en-us” e outra com o valor ” fr-ca”.

Você só precisa de hreflang na página inicial do site

Se um site oferece conteúdo em vários idiomas ou regiões, você deve usar tags hreflang em todas as páginas do site, não apenas na página inicial. Por exemplo, se você tiver uma página em inglês para o mercado dos EUA e uma página separada em francês para o mercado canadense, deverá usar tags hreflang nas páginas em inglês e francês.

Hreflang segmenta um país específico

As tags Hreflang devem segmentar idiomas específicos, não países.

Por exemplo, se você tiver um website em inglês e quiser segmentar usuários no Reino Unido, use uma tag hreflang que segmente o inglês, não o Reino Unido.

É porque as tags hreflang informam aos mecanismos de pesquisa qual versão do seu site deve ser exibida em qual idioma. Se você tiver um site em inglês e quiser segmentar usuários no Reino Unido, use uma tag hreflang que segmente o inglês.

As tags padrão X são obrigatórias

As tags padrão X não são obrigatórias, mas podem ser úteis. As tags padrão X informam aos mecanismos de pesquisa o que fazer se não conseguirem encontrar uma página no idioma ou região especificada pelo usuário.

Por exemplo, se você tiver um site em inglês e quiser segmentar usuários no Reino Unido, use uma tag hreflang segmentada em inglês. Se um usuário no Reino Unido pesquisar seu site em francês, ele será direcionado para a versão em inglês do seu site.

No entanto, se você também tiver uma página em francês especificamente para usuários no Reino Unido, poderá usar uma tag x-default para instruir os mecanismos de pesquisa a mostrar essa página.

As tags Hreflang diferenciam maiúsculas de minúsculas

As tags Hreflang não diferenciam maiúsculas de minúsculas. No entanto, geralmente é uma boa ideia usar letras minúsculas para consistência.

Solução de problemas de erros de Hreflang

Se você estiver usando tags hreflang em seu site, é essencial implementá-las corretamente para evitar erros. Alguns erros comuns do hreflang podem ocorrer e solucioná-los pode ser complicado.

Aqui estão algumas dicas sobre como solucionar erros comuns do hreflang:

Código de resposta HTTP inválido

Um erro comum é quando a tag hreflang aponta para uma página que retorna um código de resposta HTTP inválido (por exemplo, 404) causado por várias coisas, como uma página que foi movida ou excluída ou um URL digitado incorretamente. Para corrigir isso, verifique se a URL na tag hreflang está correta e se a página existe.

Código de idioma incorreto

Outro erro comum é quando a tag hreflang usa um código de idioma incorreto. Pode ser por engano no código ou usando um código de idioma não suportado pelo Google. Para corrigir isso, certifique-se de que o código do idioma esteja correto e que o Google o suporte.

Tags Hreflang ausentes

Um erro comum é quando as tags hreflang estão ausentes de uma página. Pode ser por descuido ao implementar as tags ou pelo uso de um gerador de tags que não gera as tags corretamente. Para corrigir isso, verifique se todas as tags hreflang estão presentes na página e implemente-as corretamente.

Páginas não canônicas

Outro erro comum é quando as tags hreflang apontam para páginas não canônicas. Pode estar usando um redirecionamento HTTP em vez de um link canônico ou ter várias páginas com o mesmo conteúdo. Para corrigir isso, verifique se as tags hreflang estão apontando para a versão canônica correta da página.

Código de país incorreto

Um erro comum é quando as tags hreflang usam um código de país incorreto. Pode ser por engano no código ou usando um código de país que o Google não suporta. Para corrigir isso, certifique-se de que o código do país esteja correto e que o Google o suporte.

Incompatibilidade entre Hreflang e HTML lang

O erro ocorre quando as tags hreflang e o atributo HTML lang não correspondem. Pode ser por engano no código ou usando uma linguagem diferente para as duas tags. Para corrigir isso, verifique se as tags hreflang e o atributo HTML lang correspondem.

Hreflang self-reference error

O erro ocorre quando as tags hreflang apontam para a mesma página. Pode ser por engano no código ou pelo uso de um gerador de tags que gera as tags
incorretamente. Para corrigir isso, verifique se as tags hreflang apontam para páginas diferentes.

Erro de ciclo Hreflang

O erro ocorre quando as tags hreflang criam um ciclo. Pode ser por engano no código ou pelo uso de um gerador de tags que gera as tags incorretamente. Para corrigir isso, certifique-se de que as tags hreflang não criem um ciclo.

Sugestão de Leitura: SEO On-Page e SEO Off-Page: Qual é a Diferença?

Conclusão a tag Hreflang

Em conclusão, hreflang é uma ferramenta poderosa que pode ajudar a garantir que seu site multilíngue ou multirregional tenha um bom desempenho na pesquisa. Isso ajuda a garantir que você mostre seu conteúdo para os usuários certos e que esteja obtendo o melhor de seus esforços internacionais de SEO.

A tag Hreflang consiste em atributos que especificam o relacionamento, o idioma do link e a URL do documento vinculado. Sem o hreflang, você pode arriscar que seu conteúdo seja indexado incorretamente e apareça nos resultados de pesquisa de públicos que não são seu alvo.

O Hreflang ajuda as empresas a obter uma vantagem nas classificações dos mecanismos de pesquisa, pois informa aos mecanismos de pesquisa em que idioma um site está escrito, o que pode ser um fator de classificação. Ele também pode ajudar a melhorar as taxas de cliques das páginas de resultados de pesquisa, pois os usuários têm maior probabilidade de clicar em um resultado em seu idioma e evitar problemas de conteúdo duplicado, pois garante a exibição de cada versão da página para o público correto.

Você pode implementar hreflang usando marcação na página ou HTML, mapa do site XML e cabeçalho HTTP. Alguns benefícios vêm da implementação de tags hreflang:

  • Aumente o tráfego internacional para o seu site
  • Melhore suas classificações nos mecanismos de pesquisa em países ou regiões específicas
  • Ajude os usuários a encontrar o conteúdo mais relevante para sua localização
  • Reduza o número de erros 404 em seu site causados ​​por usuários que solicitam conteúdo no idioma errado
  • Evite que seu site seja sinalizado como conteúdo duplicado no Google Search Console
  • Melhore a experiência geral do usuário do site, garantindo que os usuários sempre vejam o conteúdo em seu idioma preferido
Subscription Form

Assine nossa Newsletter!

Fique por dentro das últimas atualizações de desempenho do WordPress e da web.
Direto para sua caixa de entrada a cada duas semanas.

Compatilhe este Conteúdo
Seguir
É especialista em WordPress com mais de 10 anos de experiência no CMS, além de experiência em provedores de hospedagem, banco de dados, front-end e back-end em desenvolvimento web. Trabalhou ou teve participação em projetos ligado à empresas: Hopi Hari, iG, entre muitos outros