O Guia Completo do Hreflang 2026 (com Exemplos em Next.js)
Seu site pode ser tecnicamente perfeito em inglês e ainda assim invisível para a maior parte do mundo.
Seu site pode ser tecnicamente perfeito em inglês e ainda assim invisível para a maior parte do mundo.
O inglês cobre apenas 49,7% de todo o conteúdo da web (W3Techs, maio de 2026). Isso significa que a outra metade da web opera em outros idiomas — e sem o sinal certo, o Google tem que adivinhar qual versão da sua página pertence a qual público. Seus visitantes alemães recebem uma página em inglês. Eles saem. Você perde a conversão.
Hreflang é o atributo HTML que corrige isso. E está quebrado na maioria dos sites multilíngues.
Neste guia, explicamos o que é hreflang, como escrevê-lo sem os erros comuns que a maioria dos desenvolvedores comete e exatamente como implementá-lo em um projeto Next.js 15 App Router — incluindo os padrões que usamos ao gerenciar 10 variantes de idioma em builds multilíngues.
Principais Conclusões
- 58% dos sites multilíngues têm conflitos internos de hreflang em seu código-fonte (Semrush, 2023)
- 76% dos compradores online preferem comprar em seu idioma nativo — 40% não comprarão de forma alguma em um site em um idioma diferente (CSA Research, 2020)
- O Google trata o hreflang como uma dica, não uma diretiva — tags não confiáveis são ignoradas, mas o problema de conteúdo duplicado permanece
- No Next.js 15 App Router,
alternates.languagesdentro degenerateMetadata()é o método de implementação correto e sem dependências- 96% dos sites com conflitos de hreflang estão perdendo a tag de auto-referência — uma simples omissão quebra todo o cluster (Semrush, 2023)
O Que É Hreflang e Por Que Ele Importa Para Seus Rankings?
Apenas 25,9% dos usuários da internet navegam principalmente online em inglês (Internet World Stats via Wikipedia, 2025). No entanto, o trabalho do Google é servir a cada usuário conteúdo em seu próprio idioma — e sem hreflang, ele precisa adivinhar apenas a partir de sinais de contexto. Hreflang é um atributo HTML que informa ao Google precisamente qual idioma e versão regional de uma página mostrar a qual usuário.
A sintaxe básica é assim:
````html ````
Este bloco deve aparecer em todas as versões de idioma da página — incluindo a versão em inglês que se auto-referencia. Perder essa auto-referência em uma única página faz com que todo o cluster hreflang para aquela URL se torne não confiável aos olhos do Google.
Por que acertar isso impulsiona os resultados comerciais? Uma pesquisa da CSA Research com 8.709 consumidores em 29 países descobriu que 76% preferem comprar produtos com informações em seu idioma nativo, e 65% escolheriam uma página em idioma nativo mesmo que a qualidade da tradução fosse inferior a uma alternativa em inglês (CSA Research "Can't Read, Won't Buy", 2020). Hreflang não apenas ajuda nos rankings — ele determina se o tráfego traduzido converte.
A taxa de conflito interno de 58% é impressionante, mas a causa raiz é quase sempre a mesma: os desenvolvedores adicionam hreflang ao template da página em inglês e esquecem de espelhar o cluster completo nas páginas traduzidas. Uma auto-referência ausente na página em alemão invalida a conexão que o Google precisa para confirmar que as páginas em inglês e alemão são variantes genuínas uma da outra — e não duplicatas.
Como o Google Realmente Usa o Hreflang?
Aqui está o que a maioria dos guias de hreflang omite: o Google confirmou que as tags hreflang são tratadas como dicas, não diretivas. O Google não penalizará hreflang quebrado — ele ignorará silenciosamente as tags que considerar não confiáveis. O perigo está no que acontece sem a dica: o Google trata suas variantes de idioma como páginas separadas competindo pela mesma palavra-chave, muitas vezes mostrando o idioma errado aos pesquisadores ou criando uma situação de conteúdo duplicado auto-competitivo.
O requisito recíproco é a regra central. Cada versão de idioma de uma página deve incluir tags hreflang apontando para todas as outras versões, incluindo ela mesma. Se sua página em inglês linka para a página em alemão, mas a página em alemão não linka de volta para a página em inglês, o cluster está quebrado.
O que o Google valida em cada tag hreflang: - O valor hreflang corresponde ao idioma real da página linkada - O href é a URL canônica absoluta — URLs relativas falham silenciosamente - Todas as páginas no cluster se referenciam bidirecionalmente
Uma incompatibilidade de idioma — declarar hreflang="de" em uma página que está realmente em inglês — sinaliza ao Google que sua configuração hreflang inteira pode ser não confiável. O estudo da Semrush descobriu que 21% dos sites multilíngues têm esse problema (Semrush, 2023). Isso geralmente acontece quando uma página ainda não foi traduzida, mas ainda carrega tags hreflang apontando para o conteúdo em inglês.
Como Escrever Atributos Hreflang Corretamente
A parte mais propensa a erros do hreflang não é o nome do atributo — é o valor do código do idioma. Um estudo da Semrush descobriu que 15% dos sites multilíngues usam formatos de código hreflang inválidos, geralmente por confundir o caractere separador ou misturar códigos de idioma e país (Semrush, 2023).
As regras: - Use códigos de idioma de duas letras ISO 639-1: en, de, fr, sv - Opcionalmente, combine com códigos de país ISO 3166-1 Alpha-2 usando um hífen: en-GB, de-CH, pt-BR - Nunca use sublinhados — en_US está errado; en-US está correto - Sempre inclua x-default para a página de fallback
| Idioma Pretendido | Hreflang Correto | Valor Errado Comum | |---|---|---| | Inglês (global) | en | en-EN, english | | Inglês (Reino Unido) | en-GB | en_GB, eng-UK | | Alemão (Alemanha) | de | ger, de_DE com sublinhado | | Alemão (Suíça) | de-CH | ch, de_CH com sublinhado | | Sueco | sv | sw, swe | | Norueguês Bokmål | nb | no | | Português (Brasil) | pt-BR | pt_BR com sublinhado | | Fallback / seletor | x-default | default, x_default |
As entradas sueca e norueguesa são as mais mal compreendidas. O código ISO 639-1 do sueco é sv, não sw. O norueguês tem dois padrões escritos: nb (Bokmål) e nn (Nynorsk). A maioria dos sites noruegueses deve usar nb. Usar no em hreflang é tecnicamente incorreto — não mapeia para uma subtag de idioma IANA válida.
O alemão suíço merece uma nota própria: ch é o código de país da Suíça, não um código de idioma. O valor hreflang para conteúdo em alemão suíço é de-CH. Usar ch sozinho como valor hreflang é inválido e será ignorado.
Qual Método Hreflang Você Deve Usar?
Existem três maneiras de declarar hreflang: tags HTML , entradas de sitemap XML ou cabeçalhos de resposta HTTP. Todas as três são válidas para o Google — a escolha certa depende da sua stack e volume de conteúdo.
| Método | Como funciona | Melhor para | |---|---|---| | Tags HTML | injetado no de cada página | Next.js App Router via generateMetadata() | | Sitemap XML | sitemap.xml | Sites gerenciados por CMS, grandes volumes de páginas | | Cabeçalhos HTTP | Cabeçalho Link: na resposta do servidor | Conteúdo não-HTML (PDFs, endpoints JSON) |
Para Next.js, a abordagem generateMetadata() é o padrão correto. Ela mantém as declarações hreflang co-localizadas com a lógica da página, é verificada em tempo de build e não requer manutenção separada do sitemap. A abordagem do sitemap é um suplemento útil em sites grandes, mas não deve ser a única fonte de hreflang quando o framework o gerencia nativamente.
Uma coisa a notar: você pode declarar hreflang tanto nas tags quanto no sitemap no mesmo site. O Google aceita ambos e eles não entram em conflito. Mas manter duas fontes de verdade para os mesmos dados é algo a ser evitado — mantenha-o em generateMetadata() e deixe o sitemap lidar com a prioridade de rastreamento separadamente.
Como Testar e Validar Sua Configuração Hreflang
Implantar hreflang é metade do trabalho. Validar se o Google o captou corretamente é a outra metade. Essas quatro ferramentas cobrem diferentes modos de falha — use pelo menos duas.
Google Search Console — Relatório de Segmentação Internacional Após a implantação, abra o GSC → Ferramentas legadas → Segmentação Internacional. Ele mostra quais variantes de idioma o Google indexou e sinaliza quaisquer erros de configuração de hreflang detectados. Esta é a sua verdade fundamental — se o GSC mostrar uma bandeira de idioma ou região levantada, investigue antes de qualquer outra coisa.
Auditoria de Site Semrush Execute uma auditoria completa e filtre por problemas de hreflang. O Semrush detecta auto-referências ausentes, URLs hreflang quebradas e incompatibilidades de idioma — os três modos de falha mais comuns em 20.000 sites testados.
Auditoria de Site Ahrefs O Ahrefs relata quais páginas estão faltando em um cluster hreflang completo, o que é valioso quando você tem 10 idiomas e precisa confirmar que cada variante faz referência cruzada a todas as outras. Ele encontra lacunas que o Semrush às vezes não detecta.
hreflang.org — verificador de URL único gratuito Cole uma URL, veja todas as suas tags hreflang exibidas e verifique se o cluster é recíproco. Rápido para verificações pontuais durante o desenvolvimento antes de uma auditoria completa do site.
Uma coisa que as ferramentas de auditoria não detectarão: hreflang que é tecnicamente válido, mas semanticamente errado. Se você declarar hreflang="de-CH" em uma página que serve conteúdo alemão genérico em vez de conteúdo alemão suíço, as tags passarão por todos os validadores. Mas o Google eventualmente infere, a partir de sinais comportamentais, que os usuários suíços não estão sendo bem atendidos, e a confiança em seu cluster hreflang diminui com o tempo. A validação técnica é apenas a linha de base — o objetivo real é corresponder o conteúdo ao local declarado.
---
Construímos sites Next.js multilíngues com implementação completa de hreflang desde o primeiro dia — mapeamento correto de códigos de idioma, sitemaps traduzidos, marcação de esquema específica para cada idioma e auditorias estruturadas de hreflang após o lançamento. Entre em contato para discutir seu projeto, ou veja nossos preços para pacotes de desenvolvimento multilíngue e SEO.
---
Perguntas Frequentes
O que é hreflang e o que ele faz?
Hreflang é um atributo de link HTML que informa ao Google qual versão de idioma de uma página deve ser exibida para usuários em regiões ou idiomas específicos. A implementação correta evita que o Google mostre a versão de idioma errada, reduz a taxa de rejeição e evita penalidades por conteúdo duplicado entre as variantes de idioma.
O hreflang melhora diretamente os rankings do Google?
O Google trata o hreflang como uma dica, não uma diretiva — ele ignora as tags que considera não confiáveis. A implementação correta evita que o idioma errado seja mostrado aos pesquisadores, reduzindo a taxa de rejeição e melhorando os sinais de engajamento que indiretamente elevam os rankings. Hreflang quebrado cria competição de conteúdo duplicado entre suas próprias variantes de idioma.
Quais são os erros mais comuns de hreflang?
Um estudo da Semrush com 20.000 sites multilíngues descobriu que 58% têm conflitos internos no código-fonte, 37% linkam para URLs quebradas ou redirecionadas, 21% têm uma incompatibilidade de idioma entre o valor hreflang declarado e o idioma real da página, e 15% usam códigos de idioma ou país inválidos (Semrush, 2023).
Como implemento hreflang no Next.js 15 App Router?
No Next.js 15, exporte um objeto alternates.languages de generateMetadata(). Use códigos de idioma ISO 639-1 como chaves e URLs canônicas absolutas como valores. Inclua x-default apontando para o seu local padrão. O Next.js renderiza automaticamente estes como tags no cabeçalho do documento — sem necessidade de renderização separada ou biblioteca de terceiros.
Para que serve o x-default hreflang?
x-default designa uma página de fallback para usuários cujo idioma ou região não corresponde a nenhum dos seus valores hreflang declarados. Geralmente é a versão em inglês ou uma página de destino com seletor de idioma. Sempre inclua-o — isso sinaliza ao Google que você intencionalmente considerou visitantes de locais não listados, em vez de apenas ter esquecido a tag.
Conclusão
Hreflang é um daqueles elementos técnicos de SEO que é fácil de acertar parcialmente e difícil de acertar completamente. A sintaxe é simples, mas os modos de falha — auto-referências ausentes, URLs relativas, códigos ISO incorretos, links não recíprocos entre variantes de idioma — são sutis e não aparecem como erros visíveis até que você esteja vendo o idioma errado ranqueando no mercado errado.
No Next.js 15, a API alternates.languages em generateMetadata() lida com a renderização de forma limpa e sem pacotes extras. O verdadeiro investimento está na camada de mapeamento: garantir que cada chave de idioma interna seja resolvida para um código hreflang ISO válido, e que as URLs canônicas que você passa sejam absolutas e apontem para a página que está realmente sendo indexada.
Se você está construindo um site Next.js multilíngue e deseja uma revisão da sua configuração hreflang, entre em contato — identificaremos exatamente quais clusters têm problemas antes que o Google os sinalize.
Verfasst von
Andrija IlićMehr Artikel
Blog →
Next.js vs WordPress: Qual é Melhor para SEO em 2026?
O WordPress ainda alimenta cerca de 42% de todos os sites e quase 60% de cada site que executa um CMS conhecido ([W3Techs](https://w3techs.com/technologies/details/cm-wordpress), 2026). No entanto, ele passa nos Core Web Vitals do Google em apenas 45% dos sites móveis — uma das taxas mais baixas de qualquer plataforma importante ([HTTP Archive Web Almanac](https://almanac.httparchive.org/en/2025/cms), 2025).
Weiterlesen →
Como Classificar no ChatGPT, Perplexity e Google AI (Manual de 2026)
Metade dos consumidores agora procura intencionalmente motores de busca alimentados por IA, e 44% dizem que a IA é a sua principal fonte de informação — à frente do Google tradicional ([McKinsey](https://www.mckinsey.com/capabilities/growth-marketing-and-sales/our-insights/new-front-door-to-the-internet-winning-in-the-age-of-ai-search), 2025). O ChatGPT atingiu 900 milhões de utilizadores ativos semanais em fevereiro de 2026. O Perplexity processou 780 milhões de consultas só em maio de 2025.
Weiterlesen →