Hreflang: o que é e como implementar
Estamos dominando um mercado com nosso produto/serviço e nos preparando para expandi-lo internacionalmente. O processo parece simples, mas devemos prestar atenção a uma série de detalhes se quisermos fazer certo e alcançar os resultados desejados. Neste guia você verá como implementar as tags Hreflang para sua estratégia de SEO Internacional.
O que são as tags Hreflang?
As tags hreflang são pedaços de código que aparecem no header das páginas cujo propósito é dizer ao Google as versões em outros idiomas das nossas páginas.
Parece óbvio, mas há muitos casos em que empresas traduzem seu conteúdo mas esquecem de adicionar as tags hreflang, e então tipicamente ocorrem dois cenários:
- No melhor caso, o Google não rastreia o conteúdo.
- No pior caso, o Google rastreia e, ao ver que é conteúdo duplicado, não só não o exibe nos resultados de busca, mas também diminui a "autoridade" geral do site.
Nas palavras do Google:
"Versões localizadas de uma página só são consideradas duplicadas se seu conteúdo principal não estiver traduzido."
Formas de realizar a implementação
Como o Google reporta em seus guias oficiais, atualmente existem três formas de implementar tags que indiquem que uma página tem versões alternativas em outros idiomas:
Tags HTML (Recomendado)
Uma das formas mais comuns de indicar que uma página tem equivalentes em outros idiomas são as tags HTML no header:
<link rel="alternate" hreflang="codigo_idioma" href="url_pagina" />
Imaginemos que temos um site principal (em inglês), também disponível em outros países e idiomas (UK, EUA e Alemanha). Neste caso, devemos adicionar o seguinte código no header de cada página:
<head> <title>Widgets, Inc</title> <link rel="alternate" hreflang="en-gb" href="http://en-gb.example.com/page.html" /> <link rel="alternate" hreflang="en-us" href="http://en-us.example.com/page.html" /> <link rel="alternate" hreflang="en" href="http://en.example.com/page.html" /> <link rel="alternate" hreflang="de" href="http://de.example.com/page.html" /> <link rel="alternate" hreflang="x-default" href="http://www.example.com/" /> </head>
Dessa forma, dizemos aos motores de busca que as outras páginas não são duplicadas, mas sim as traduções do site em outros idiomas.
Cabeçalhos HTTP
Se quisermos indicar as versões em outros idiomas de documentos e outros arquivos que não são HTML, temos os cabeçalhos HTTP à nossa disposição:
No caso a seguir, é um documento PDF disponível em inglês, em alemão para usuários na Suíça e o outro para todos os usuários que falam alemão.
Link:
<http://example.com/file.pdf>; rel="alternate"; hreflang="en", <http://de-ch.example.com/file.pdf>; rel="alternate"; hreflang="de-ch", <http://de.example.com/file.pdf>; rel="alternate"; hreflang="de"
Sitemap
Outra forma que muitos sites têm usado ao longo do tempo é indicar as versões internacionais através do Sitemap. Note que este é um método muito mais complexo a nível técnico e mais sujeito a erros, pois é muito fácil omitir algumas das páginas.
Exemplo de sitemap com uma página:
<?xml version="1.0" encoding="UTF-8"?> <urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9" xmlns:xhtml="http://www.w3.org/1999/xhtml"> <url> <loc>http://www.example.com/english/page.html</loc> <xhtml:link rel="alternate" hreflang="de" href="http://www.example.com/deutsch/page.html"/> <xhtml:link rel="alternate" hreflang="de-ch" href="http://www.example.com/schweiz-deutsch/page.html"/> <xhtml:link rel="alternate" hreflang="en" href="http://www.example.com/english/page.html"/> </url>
FERRAMENTA: Esta extensão Chrome nos permite validar as implementações. Mesmo assim, não esqueça de verificá-las manualmente no código para validá-las 100%.
Códigos de idioma e região
Uma vez visto o tema da marcação internacional de dados, passemos a um dos temas mais interessantes do processo de SEO Internacional. São os códigos de idioma e região. Até pouco tempo atrás não havia muita informação sobre o assunto e não era nada fácil evitar erros na marcação de idiomas e países.
Cada país e cada idioma é um mundo próprio. Todos têm suas diferenças, peculiaridades, culturas, valores... e é por isso que muitas empresas se adaptam para tentar fornecer conteúdo da forma mais nativa possível. Um exemplo claro ocorre entre o espanhol falado na Espanha e o falado no México. Apesar de compartilharem muitas expressões, há outras que não se parecem em nada, e os usuários de cada país gostam de encontrar a versão que lhes é mais familiar.
O Google disponibiliza a possibilidade de adicionar códigos de idioma e região nas tags hreflang.
Por exemplo:
- de: este conteúdo seria destinado a usuários que falam alemão, independentemente de sua região.
- es-MX: este conteúdo será destinado a usuários que falam espanhol e também são do México.
- en-GB: este conteúdo será destinado a usuários que falam inglês no Reino Unido.
O que acontece se não marcarmos todos os países onde um idioma pode ser falado?
Logicamente, é inviável adicionar todos. Por isso temos a tag hreflang="x-default", que nos permitirá servir esta versão ao usuário quando a configuração do navegador dele não corresponder a nenhum dos idiomas ou regiões que indicamos.
<link rel="alternate" href="http://example.com/" hreflang="x-default" />
Erros comuns
Parece fácil, certo? O único detalhe importante é que o Google é bastante meticuloso com as implementações. Se errarmos uma letra ou deixarmos de fora um link, retornará um erro e não aceitará nossa marcação. Abaixo, você pode ver alguns dos erros mais comuns que ocorrem (e alguns da nossa própria experiência):
Esquecer links recíprocos
Se nossa página A tem um link hreflang para a página B, mas esta última não retorna outro link hreflang para a página A, o Google não criará a associação e continuará a detectar essas páginas como duplicadas.
Mudar códigos de região ou país
Embora nas URLs tenhamos flexibilidade para usar quaisquer códigos que quisermos, por exemplo uk, gb ou qualquer outra variação para o Reino Unido, o mesmo não acontece com as tags hreflang. Se usarmos uk em vez do correto en-GB, o Google não conseguirá interpretar a informação e, portanto, não validará a implementação.
Neste caso, para garantir que sempre usamos formatos corretos, devemos seguir os formatos:
- ISO 639-1
- ISO 3166-1 Alpha 2 (opcional)
Analisando as tags hreflang de um site
Até algumas semanas atrás, o Google Search Console mostrava um relatório detalhado das validações e erros da nossa implementação hreflang. No entanto, com o lançamento da nova interface, essa funcionalidade está se tornando obsoleta e em breve não estará mais disponível.
Neste caso, apesar de existirem dezenas de ferramentas SEO na internet para trabalhar este tema, do nosso ponto de vista, a ferramenta nº1 que torna esse processo rápido e fácil de analisar é, sem dúvida, o Screaming Frog. Ele não só nos diz todas as URLs que detectou com marcação, como também as classifica se tiverem erros e nos diz exatamente que tipo de erro têm para que possamos validá-las.
Casos de sucesso
Embora a maioria das ações SEO exijam algum tempo antes de mostrar os primeiros resultados, as tags hreflang são certamente um daqueles quick-wins que devemos implementar o quanto antes nos projetos onde possível. Um dos casos de sucesso SEO mais claros foi o ChessKid.com, um dos nossos clientes, que tinha o site traduzido em quase 20 idiomas. O problema? Não tinha os hreflangs implementados e ainda escondia a mudança de idioma atrás de um login, então as versões internacionais eram totalmente inacessíveis.
O que fizemos?
- Criar um dropdown com os idiomas no rodapé.
- Adicionar tags hreflang a todas as páginas que precisavam.
Os resultados?
Tem dúvidas? Quer que te ajudemos a implementar tags hreflang no seu negócio? Teremos prazer em ajudar!
Referências
Autor: David Kaufmann
Passei os últimos 10 e tantos anos completamente obcecado por SEO — e, sinceramente, não quereria que fosse de outra forma.
A minha carreira atingiu um novo patamar quando trabalhei como Senior SEO Specialist na Chess.com — um dos 100 sites mais visitados de toda a internet. Operar nessa escala, em milhões de páginas, dezenas de idiomas e numa das SERPs mais competitivas que existem, ensinou-me coisas que nenhum curso ou certificação jamais poderia. Essa experiência mudou a minha perspetiva sobre o que é realmente um grande trabalho de SEO — e tornou-se a base de tudo o que construí desde então.
Foi a partir dessa experiência que fundei a SEO Alive — uma agência para marcas que levam a sério o crescimento orgânico. Não estamos aqui para vender dashboards e relatórios mensais. Estamos aqui para construir estratégias que realmente fazem a diferença, combinando o melhor do SEO clássico com o novo e empolgante mundo da Generative Engine Optimization (GEO) — garantindo que a tua marca apareça não só nos links azuis do Google, mas também dentro das respostas geradas por AI que o ChatGPT, o Perplexity e o Google AI Overviews entregam a milhões de pessoas todos os dias.
E como não consegui encontrar uma ferramenta que lidasse corretamente com esses dois mundos, construí uma eu mesmo — a SEOcrawl, uma plataforma enterprise de SEO intelligence que reúne rankings, auditorias técnicas, monitoramento de backlinks, saúde do crawl e tracking de visibilidade de marca em AI, tudo num só lugar. É a plataforma que sempre desejei que existisse.
Descubra mais conteúdos deste autor
