Ofereces o mesmo conteúdo em vários idiomas. Tens versões do teu site para diferentes países. Sem etiquetas hreflang, os motores de pesquisa ficam confusos. Veem várias versões da mesma página e não sabem qual se destina a que público. As etiquetas hreflang dizem aos motores de pesquisa que página é para que idioma e região. Evitam problemas de conteúdo duplicado e garantem que os utilizadores veem a versão certa.
O que são as etiquetas hreflang?
As etiquetas hreflang são ligações HTML que indicam aos motores de pesquisa que página se destina a que idioma e região. Têm este aspeto:
<link rel="alternate" hreflang="en" href="https://example.com/page">
<link rel="alternate" hreflang="es" href="https://example.com/es/page">
<link rel="alternate" hreflang="fr" href="https://example.com/fr/page">
Isto diz aos motores de pesquisa: "Esta página é a versão em inglês. Aqui está a versão em espanhol. Aqui está a versão em francês. Mostra cada versão a quem fala esse idioma."
Adicionas as etiquetas hreflang ao head de cada página. Cada versão linguística inclui etiquetas a apontar para todas as outras versões (incluindo ela própria).
Porque é que as etiquetas hreflang importam
Sem etiquetas hreflang, os motores de pesquisa veem várias páginas com conteúdo semelhante ou idêntico. Podem indexar todas as versões ou escolher ao acaso. Os utilizadores podem ver a versão no idioma errado. Isto cria problemas de conteúdo duplicado e confusão.
As etiquetas hreflang consolidam a força de ranking. Em vez de dividir a autoridade por dez versões linguísticas, todas as versões partilham autoridade nos respetivos idiomas e regiões. Os utilizadores de inglês veem a versão em inglês bem posicionada. Os utilizadores de espanhol veem a versão em espanhol bem posicionada.
As etiquetas hreflang melhoram a experiência do utilizador. Quem fala espanhol em Espanha vê a versão em espanhol. Quem fala inglês nos EUA vê a versão em inglês dos EUA. Os utilizadores recebem conteúdo no seu idioma.
Como estruturar as etiquetas hreflang
Usa códigos de idioma (en, es, fr, de) ou códigos de idioma e região (en-US, en-GB, es-ES, es-MX).
Os códigos de idioma são mais simples (en significa qualquer inglês). Os códigos de idioma e região são mais específicos (en-US é inglês americano, en-GB é inglês britânico).
Se ofereces inglês a nível global, usa hreflang="en". Se ofereces especificamente inglês americano, usa hreflang="en-US".
Inclui sempre uma etiqueta hreflang autorreferencial. A versão em inglês deve ter hreflang="en" a apontar para si própria. Isto diz aos motores de pesquisa "esta é a versão principal em inglês".
Inclui uma etiqueta x-default para os utilizadores cujo idioma ou região não está coberto. Exemplo:
<link rel="alternate" hreflang="x-default" href="https://example.com">
Isto diz "se o idioma do utilizador não estiver na nossa lista de hreflang, mostra-lhe esta versão".
Métodos de implementação
As etiquetas no head do HTML são o método mais comum. Adiciona etiquetas <link rel="alternate" hreflang="..."> ao head de todas as páginas que têm versões alternativas.
Método do sitemap: inclui a informação de hreflang no teu sitemap XML. Cada entrada de URL pode listar as versões alternativas.
Método do cabeçalho HTTP: envia a informação de hreflang nos cabeçalhos HTTP. Funciona para PDFs e outro conteúdo que não seja HTML.
A maioria dos sites usa o método do head do HTML, porque é o mais simples. Se possível, usa o teu CMS para gerar estas etiquetas automaticamente.
Erros comuns com hreflang
Esquecer as etiquetas autorreferenciais. Cada página deve incluir uma etiqueta a apontar para si própria. A página em inglês deve ter hreflang="en" a apontar para si própria.
Implementação inconsistente. Se a página em inglês liga à versão em espanhol mas a página em espanhol não liga de volta à de inglês, o hreflang fica quebrado. Todas as versões têm de referenciar todas as outras.
Códigos de idioma errados. Usar "english" em vez de "en". Usar "US" em vez de "en-US". Usa os códigos de idioma ISO padrão.
Falta do x-default. Se o teu site serve visitantes de países para os quais não tens versões específicas, inclui x-default para lhes mostrar uma versão predefinida.
Apontar para URLs que não são canónicos. Se o hreflang aponta para um URL que não é canónico, os motores de pesquisa podem não seguir a relação. Aponta sempre para URLs canónicos.
Hreflang vs. definições de segmentação geográfica
As etiquetas hreflang e as definições de segmentação geográfica do Google Search Console funcionam em conjunto. As etiquetas hreflang dizem aos motores de pesquisa que página é para que idioma. A segmentação geográfica no GSC diz à Google a que país te diriges.
Se tens example.com/es/ para quem fala espanhol em Espanha, usa hreflang="es-ES" e define a segmentação geográfica para Espanha no GSC.
Se tens example.com/es/ para quem fala espanhol em todo o mundo, usa hreflang="es" e não definas segmentação geográfica por país.
Perguntas frequentes
Preciso de etiquetas hreflang se usar domínios diferentes?
Sim. Se tens example.com para inglês e example.es para espanhol, as etiquetas hreflang dizem aos motores de pesquisa que são versões relacionadas. Sem hreflang, os motores de pesquisa tratam-nas como sites separados. Com hreflang, percebem a relação e consolidam a autoridade de forma adequada. Com o criador de websites da WEMASY, podes configurar isto diretamente no teu website.
Qual é a diferença entre hreflang e etiquetas canónicas?
As etiquetas canónicas dizem "esta página e aquela são duplicadas, posiciona esta". As etiquetas hreflang dizem "esta página e aquela são versões em idiomas alternativos, posiciona cada uma para o seu idioma". Servem fins diferentes. Usa canónicas para duplicados. Usa hreflang para variantes linguísticas.
Devo usar hreflang para dialetos regionais?
Sim, se tens versões diferentes para regiões diferentes. Inglês dos EUA, inglês do Reino Unido e inglês da Austrália são suficientemente diferentes para justificar versões separadas. Usa hreflang="en-US", hreflang="en-GB" e hreflang="en-AU" para as distinguir. Isto ajuda os motores de pesquisa a servir a versão certa à região certa.
Posso usar hreflang para conteúdo paginado?
Não. O hreflang serve para variantes de idioma e de região, não para paginação. O conteúdo paginado (página 1, página 2, página 3) não é uma versão em idioma alternativo. Usa rel="next" e rel="prev" para a paginação. Usa hreflang apenas para variantes de idioma e de região.
Quantas etiquetas hreflang deve ter cada página?
Uma por cada versão linguística que ofereces, mais o x-default. Se tens versões em inglês, espanhol e francês, cada página tem três etiquetas hreflang (uma por idioma) mais o x-default. Todas as versões referenciam todas as outras. Isto cria uma relação bidirecional.
O hreflang melhora o meu ranking?
Não diretamente. O hreflang não te põe mais acima. Mas evita penalizações por conteúdo duplicado e garante que os motores de pesquisa percebem a estrutura do teu site. Ao esclarecer que versão é para que idioma ou região, o hreflang ajuda cada versão a posicionar-se melhor no seu mercado. Indiretamente, um hreflang correto melhora o ranking ao consolidar a autoridade.