Galeria de Exemplos Hreflang

Cenários reais de implementação hreflang para estudar e replicar. Cada exemplo inclui uma tabela de URLs, prévia do resultado gerado e um link para experimentar na ferramenta.

Site E-Commerce com 3 Locales

Uma loja online típica visando mercados em inglês, espanhol e alemão com roteamento de locale baseado em subdiretórios. Cada página de produto tem três variantes de locale mais um fallback x-default.

Locale	URL
`en`	https://shop.example.com/en/products/widget/
`es`	https://shop.example.com/es/productos/widget/
`de`	https://shop.example.com/de/produkte/widget/
`x-default`	https://shop.example.com/en/products/widget/

Prévia do Resultado Gerado

<link rel="alternate" hreflang="en" href="https://shop.example.com/en/products/widget/" />
<link rel="alternate" hreflang="es" href="https://shop.example.com/es/productos/widget/" />
<link rel="alternate" hreflang="de" href="https://shop.example.com/de/produkte/widget/" />
<link rel="alternate" hreflang="x-default" href="https://shop.example.com/en/products/widget/" />

Experimentar na ferramenta

Produto SaaS com 5 Locales

Uma plataforma SaaS baseada em nuvem atendendo usuários em inglês, espanhol, francês, português e italiano. Cada página de funcionalidades é localizada com uma variante de página de preços por mercado.

Locale	URL
`en`	https://app.example.com/en/features/
`es`	https://app.example.com/es/funciones/
`fr`	https://app.example.com/fr/fonctionnalites/
`pt`	https://app.example.com/pt/recursos/
`it`	https://app.example.com/it/funzionalita/
`x-default`	https://app.example.com/en/features/

Prévia do Resultado Gerado

<link rel="alternate" hreflang="en" href="https://app.example.com/en/features/" />
<link rel="alternate" hreflang="es" href="https://app.example.com/es/funciones/" />
<link rel="alternate" hreflang="fr" href="https://app.example.com/fr/fonctionnalites/" />
<link rel="alternate" hreflang="pt" href="https://app.example.com/pt/recursos/" />
<link rel="alternate" hreflang="it" href="https://app.example.com/it/funzionalita/" />
<link rel="alternate" hreflang="x-default" href="https://app.example.com/en/features/" />

Experimentar na ferramenta

Blog com Códigos Apenas de Idioma

Um blog multilingual usando códigos hreflang apenas de idioma (en, es, de) sem subtags de região. Adequado quando o conteúdo visa um público linguístico inteiro em vez de um país específico.

Locale	URL
`en`	https://blog.example.com/en/seo-guide/
`es`	https://blog.example.com/es/guia-seo/
`de`	https://blog.example.com/de/seo-anleitung/
`x-default`	https://blog.example.com/en/seo-guide/

Prévia do Resultado Gerado

<link rel="alternate" hreflang="en" href="https://blog.example.com/en/seo-guide/" />
<link rel="alternate" hreflang="es" href="https://blog.example.com/es/guia-seo/" />
<link rel="alternate" hreflang="de" href="https://blog.example.com/de/seo-anleitung/" />
<link rel="alternate" hreflang="x-default" href="https://blog.example.com/en/seo-guide/" />

Experimentar na ferramenta

Configuração Multi-Domínio

Uma marca empresarial usando domínios de código de país separados para cada mercado: example.com para inglês, example.de para alemão e example.fr para francês. Hreflang os conecta como equivalentes de locale.

Locale	URL
`en`	https://example.com/products/cloud-suite/
`de`	https://example.de/produkte/cloud-suite/
`fr`	https://example.fr/produits/cloud-suite/
`x-default`	https://example.com/products/cloud-suite/

Prévia do Resultado Gerado

<link rel="alternate" hreflang="en" href="https://example.com/products/cloud-suite/" />
<link rel="alternate" hreflang="de" href="https://example.de/produkte/cloud-suite/" />
<link rel="alternate" hreflang="fr" href="https://example.fr/produits/cloud-suite/" />
<link rel="alternate" hreflang="x-default" href="https://example.com/products/cloud-suite/" />

Experimentar na ferramenta

Segmentação Regional (en-US, en-GB, en-AU)

Um editor de conteúdo visando três regiões de língua inglesa com ortografia, moeda e formatos de data localizados. Subtags de região (en-US, en-GB, en-AU) garantem que os motores de busca sirvam a variante correta.

Locale	URL
`en-US`	https://news.example.com/en-us/article/tech-trends/
`en-GB`	https://news.example.com/en-gb/article/tech-trends/
`en-AU`	https://news.example.com/en-au/article/tech-trends/
`x-default`	https://news.example.com/en-us/article/tech-trends/

Prévia do Resultado Gerado

<link rel="alternate" hreflang="en-US" href="https://news.example.com/en-us/article/tech-trends/" />
<link rel="alternate" hreflang="en-GB" href="https://news.example.com/en-gb/article/tech-trends/" />
<link rel="alternate" hreflang="en-AU" href="https://news.example.com/en-au/article/tech-trends/" />
<link rel="alternate" hreflang="x-default" href="https://news.example.com/en-us/article/tech-trends/" />

Experimentar na ferramenta