Saltar para o conteúdo
Meirra

Domine as Etiquetas Hreflang para SEO Internacional

Guia técnico completo para implementar corretamente as etiquetas hreflang em websites multilingues. Aprenda as melhores práticas, evite erros comuns e melhore o seu SEO internacional.

Updated: 2024-12-20
20 minutos de leitura
Guia Técnico
Ver Guia
M

Meirra

Especialista em SEO e Desenvolvimento Web, Meirra

O Guia Completo de Hreflang

Domine o SEO multilingue com confianca

Compreender Hreflang

O atributo hreflang diz aos motores de busca que idioma esta a usar numa página específica, para que possam mostrar a versão correta aos utilizadores que pesquisam nesse idioma.

Introduzido pelo Google em 2011, hreflang e agora um componente crítico do SEO internacional, ajudando a evitar problemas de conteúdo duplicado e assegurando que os utilizadores vejam conteúdo no seu idioma preferido.

O atributo utiliza codigos de idioma ISO (como 'en' para inglês ou 'pt' para português) e subtags regionais opcionais (como 'pt-PT' para português em Portugal ou 'pt-BR' para português no Brasil).

Este guia completo cobre tudo o que precisa para implementar corretamente etiquetas hreflang para websites internacionais. A implementação de hreflang e um dos aspetos tecnicamente mais desafiantes do SEO multilingue, mas quando feita corretamente, assegura que os motores de busca mostrem a versão correta do idioma aos utilizadores adequados. A nossa plataforma acompanha o desempenho de hreflang em tempo real.

Vamos rever múltiplos métodos de implementação, fornecer exemplos de codigo testados, oferecer orientação específica para expansao internacional e ajuda-lo a resolver erros comuns. Tudo com monitorização de painel em tempo real.

Exemplo Básico

Implementação Básica de Hreflang

Elementos de link HTML na secção head

HTML
<head>
  <!-- Other meta tags, title, etc. -->

  <!-- English page (example.com/page) would have these tags: -->
  &lt;link rel="alternate" hreflang="en" href="https://example.com/page/" /&gt;
  &lt;link rel="alternate" hreflang="es" href="https://example.com/es/page/" /&gt;
  &lt;link rel="alternate" hreflang="x-default" href="https://example.com/page/" /&gt;

  <!-- Spanish page (example.com/es/page) would have these same tags: -->
  &lt;link rel="alternate" hreflang="en" href="https://example.com/page/" /&gt;
  &lt;link rel="alternate" hreflang="es" href="https://example.com/es/page/" /&gt;
  &lt;link rel="alternate" hreflang="x-default" href="https://example.com/page/" /&gt;
</head>

Porque e Importante

  • Previne problemas de conteúdo duplicado entre versões de idiomas
  • Assegura que os motores de busca mostrem o idioma correto aos utilizadores
  • Ajuda a manter classificações de indice separadas para cada versão de idioma
  • Melhora a experiência do utilizador mostrando conteúdo no idioma preferido dos utilizadores
  • Crítico para empresas a expandir para mercados internacionais

Erros Comuns

  • ✕
    Links de retorno em falta (não criar referências bidirecionais)
  • ✕
    Codigos de idioma ou pais incorretos
  • ✕
    Misturar URLs relativos e absolutos
  • ✕
    Sinais canonicos e hreflang conflituantes
  • ✕
    Aninhamento incorreto em sitemaps XML
  • ✕
    Etiquetas de auto-referência em falta
Ver Guia de Resolução de Problemas

Códigos de Idioma Hreflang

Explore os códigos de idioma válidos para utilizar nas suas etiquetas hreflang.

en
Comum

Inglês

en-US
Comum

Inglês (Estados Unidos)

en-GB
Comum

Inglês (Reino Unido)

en-CA
Comum

Inglês (Canadá)

en-AU
Comum

Inglês (Austrália)

es
Comum

Espanhol

es-ES
Comum

Espanhol (Espanha)

es-MX
Comum

Espanhol (México)

es-CO
Comum

Espanhol (Colômbia)

es-AR
Comum

Espanhol (Argentina)

fr
Comum

Francês

fr-FR
Comum

Francês (França)

fr-CA
Comum

Francês (Canadá)

pt
Comum

Português

pt-BR
Comum

Português (Brasil)

pt-PT
Comum

Português (Portugal)

zh
Comum

Chinês

zh-CN
Comum

Chinês (China)

zh-TW
Comum

Chinês (Taiwan)

de
Comum

Alemão

de-DE
Comum

Alemão (Alemanha)

it
Comum

Italiano

it-IT
Comum

Italiano (Itália)

ja
Comum

Japonês

ja-JP
Comum

Japonês (Japão)

ko
Comum

Coreano

ko-KR
Comum

Coreano (Coreia do Sul)

ru
Comum

Russo

ru-RU
Comum

Russo (Rússia)

ar
Comum

Árabe

Formato do Código

Os códigos de idioma seguem a norma ISO 639-1. Pode utilizar códigos apenas de idioma (ex. 'pt') ou combinações idioma-região (ex. 'pt-PT').

Ferramenta Interativa

Gerador de Código Hreflang

Gere codigo hreflang correto para o seu website multilingue introduzindo os seus URLs abaixo.

Instruções

  1. Introduza o seu domínio base (exemplo.com)
  2. Adicione as páginas para as quais pretende gerar codigo
  3. Especifique em que idiomas e regiões cada página esta disponível
  4. Escolha o seu método de implementação preferido (HTML, cabecalhos HTTP ou sitemap XML)
  5. Copie o codigo gerado e implemente-o no seu website

Gerador de Codigo Hreflang

Gere codigo hreflang correto para o seu website multilingue introduzindo os seus URLs abaixo.

Definições do Domínio

Método de Implementação

Páginas

/ /
Idiomas Disponíveis

Codigo: 'en' para inglês, 'es' para espanhol geral, 'es-ES' para Espanha, 'x-default' para predefinicao

Codigo Gerado

HTML Head Method

HTML

Dicas de Implementação

  • Inclua sempre a etiqueta x-default para lidar com utilizadores cujas preferências de idioma não correspondem a nenhuma das suas versões
  • Certifique-se de que cada versão de idioma inclui ligações para todas as outras versões de idioma, incluindo ela própria
  • Utilize URLs absolutos (começando com http:// ou https://) em todas as etiquetas hreflang
  • Teste a sua implementação com as ferramentas mencionadas na secção de testes
  • Lembre-se de que hreflang e uma sugestao, não uma diretiva - os motores de busca podem mostrar uma versão diferente se acharem mais relevante
  • Para consistência, utilize o mesmo método (cabecalho HTML, cabecalhos HTTP ou sitemap XML) em todo o seu site

Recursos Adicionais

Documentação Oficial da Google sobre HreflangGuia de Hreflang da Ahrefs
Código

Métodos de Implementação

Diferentes formas de implementar hreflang, cada uma com as suas próprias vantagens

Métodos

Tags HTML Head

★★★★★
Melhor opção para a maioria dos websites

Adicionar tags hreflang diretamente na secção <head> de cada página

Controlo direto sobre as tags de cada página

Fácil de implementar para sites pequenos

Funciona com todos os motores de busca

Exemplos de Codigo

Implementação HTML Básica

HTML
<link rel="alternate" hreflang="en" href="https://example.com/page" />
<link rel="alternate" hreflang="pt" href="https://example.com/pt/page" />
<link rel="alternate" hreflang="x-default" href="https://example.com/page" />

Exemplo do Mundo Real

Aqui esta um exemplo de como a implementação de hreflang se parece num website real:

Booking.com (implementação no HTML head)

O website Booking.com usa etiquetas hreflang no head para cada idioma/regiao

HTML
<!DOCTYPE html>
<html lang="es-ES">
<head>
  <meta charset="utf-8">
  <title>Guía de Viajes España | Booking.com</title>
  
  <!-- Self-reference (Spanish - Spain) -->
  <link rel="alternate" hreflang="es-ES" href="https://www.booking.com/destinacione/pais/es.es.html" />
  
  <!-- Other language versions -->
  <link rel="alternate" hreflang="en-GB" href="https://www.booking.com/destinations/country/es.en-gb.html" />
  <link rel="alternate" hreflang="en-US" href="https://www.booking.com/destinations/country/es.html" />
  <link rel="alternate" hreflang="de" href="https://www.booking.com/destinations/country/es.de.html" />
  <link rel="alternate" hreflang="fr" href="https://www.booking.com/destinations/country/es.fr.html" />
  <link rel="alternate" hreflang="it" href="https://www.booking.com/destinations/country/es.it.html" />
  
  <!-- Default version -->
  <link rel="alternate" hreflang="x-default" href="https://www.booking.com/destinations/country/es.html" />
  
  <link rel="canonical" href="https://www.booking.com/destinacione/pais/es.es.html" />
  <!-- Other meta tags... -->
</head>
<body>
  <!-- Page content -->
</body>
</html>

Nota: Este e um exemplo simplificado baseado em implementações reais. As implementações reais podem variar.

Dicas Profissionais

Incluir tags de auto-referência

Usar URLs absolutos

Verificar links bidirecionais

Recursos Externos

Google Search Central

Documentação oficial sobre versões localizadas

Guia da Moz sobre Hreflang

Guia completo sobre implementação de hreflang

Especificidades do Mercado Português

Considerações importantes ao direcionar mercados de língua portuguesa

Variações Regionais

O português varia significativamente entre Portugal (pt-PT) e Brasil (pt-BR). Considere usar pt-PT para Portugal e pt-BR para o mercado brasileiro.

Comportamento de Pesquisa Local

Os utilizadores portugueses frequentemente pesquisam de forma diferente dos utilizadores ingleses. As palavras-chave podem não ser traduções diretas, e a intenção de pesquisa pode variar por região.

Estratégia de Domínio

Considere usar ccTLDs (.pt para Portugal) ou subpastas com geotargeting adequado para melhor visibilidade local.

Localização de Conteúdo

Para além da tradução, adapte o conteúdo para relevância cultural, exemplos locais, moeda e unidades de medida.

Guia Prático

Implementação em CMS

Como implementar hreflang em sistemas de gestão de conteúdo populares

WordPress

WordPress

CMS popular com forte suporte multilingue através de plugins

1

Instalar e ativar WPML

2

Configurar idiomas e estrutura de URL

3

WPML adiciona automaticamente etiquetas hreflang

Plugin Recomendado:

WPML (WordPress Multilingual Plugin)
Shopify

Shopify

Plataforma de e-commerce com funcionalidades multilingues integradas

1

Ativar múltiplos idiomas no administrador do Shopify

2

Configurar URLs específicos por idioma

3

Usar aplicações para controlo avançado de hreflang

Plugin Recomendado:

Langify ou Weglot
Drupal

Drupal

CMS poderoso com capacidades multilingues integradas

1

Ativar módulos de Idioma e Tradução de Conteúdo

2

Configurar deteção e seleção de idioma

3

Usar módulo Metatag para hreflang

Plugin Recomendado:

Módulos Multilingues do Core
WooCommerce

WooCommerce

Plugin de e-commerce para WordPress com capacidades multilingues

1

Instalar e ativar WPML ou Polylang com os respetivos add-ons WooCommerce

2

Configurar idiomas e definições de tradução

3

Traduzir produtos, categorias e páginas de checkout

4

Verificar se as etiquetas hreflang estão corretamente implementadas nas páginas de produtos

5

Configurar moeda e gateways de pagamento para diferentes regiões se necessário

Plugin Recomendado:

WPML com WooCommerce Multilingual
Magento

Magento

Plataforma de e-commerce empresarial com suporte multilingue integrado

1

Configurar store views para cada combinação idioma/locale no administrador Magento

2

Configurar o locale e idioma para cada store view

3

Traduzir conteúdo, produtos e informações da loja

4

Ativar e configurar o gerador de etiquetas hreflang integrado

5

Verificar implementação através de view-source ou ferramentas de dev do browser

Plugin Recomendado:

Store Views Integrados
Webflow

Webflow

Plataforma de web design visual com capacidades de código personalizado

1

Criar páginas ou pastas separadas para cada versão de idioma

2

Adicionar snippet de código personalizado na secção head de cada página

3

Garantir que cada versão de idioma tem links para todas as outras versões

4

Usar URLs absolutos para todas as referências hreflang

5

Testar implementação usando ferramentas de desenvolvedor do browser

Plugin Recomendado:

Weglot ou código personalizado
Frameworks Personalizados

Frameworks Personalizados

Headless CMS ou soluções construídas à medida

1

Identificar a estrutura de idioma e região do seu site

2

Criar lógica de deteção de idioma e roteamento de URLs

3

Implementar seletores de idioma e redirecionamentos adequados

4

Adicionar etiquetas hreflang a todos os templates de página usando o método preferido

5

Criar testes automatizados para garantir que os links bidirecionais são mantidos

Plugin Recomendado:

Implementação personalizada
Verificação

Testes & Validação

Ferramentas e técnicas para validar a sua implementação hreflang

Google Search Console

Ferramenta oficial do Google para monitorizar a implementação de hreflang e identificar problemas.

O relatório de Segmentação Internacional mostra erros de hreflang

Verificação de segmentação por idioma e país

Cobertura de rastreamento para diferentes versões de idioma

Feedback direto do rastreador do Google

Visitar Ferramenta

Ferramenta de Teste de Etiquetas Hreflang

Ferramenta dedicada para validar a implementação de hreflang em todo o seu website.

Valida ligações bidirecionais

Verifica códigos de idioma corretos

Identifica etiquetas de retorno em falta

Testa a partir de múltiplas localizações

Visitar Ferramenta

Screaming Frog SEO Spider

Rastreador SEO abrangente que inclui funcionalidades de validação de hreflang.

Rasteia todo o site à procura de etiquetas hreflang

Exporta dados de hreflang para análise

Identifica erros de implementação

Valida contra sitemaps XML

Visitar Ferramenta

Sitebulb

Ferramenta de auditoria visual de websites com potentes capacidades de análise de hreflang.

Mapeamento visual de hreflang

Identifica versões de idioma órfãs

Relatórios detalhados de implementação

Integração com Google Analytics

Visitar Ferramenta

ContentKing

Plataforma de monitorização SEO em tempo real que acompanha alterações de hreflang.

Monitorização de hreflang em tempo real

Alertas para problemas de implementação

Acompanhamento histórico de alterações

Acesso API para automatização

Visitar Ferramenta

Chrome Developer Tools

Ferramentas integradas do navegador para verificação rápida de hreflang.

Ver código fonte para inspeção manual

Separador de rede para verificar cabeçalhos HTTP

Consola para depuração de JavaScript

Grátis e sempre disponível

Visitar Ferramenta

O Que Procurar ao Testar

Verificações Técnicas

  • Todas as tags têm URLs absolutos completos
  • Códigos de idioma válidos (pt-PT, en-US, etc.)
  • Todas as páginas incluem tags de auto-referência
  • O sitemap XML usa a sintaxe xhtml:link correta

Verificações Estruturais

  • Links bidirecionais completos entre todas as versões
  • Tag x-default configurada corretamente
  • Consistência entre tags canonical e hreflang
  • Sem redirecionamentos a interferir com hreflang