Seletor de idioma no seu site: onde colocá-lo e como fazer direito

Quando teu site fala vários idiomas, há um elemento de interface que parece um detalhe menor mas que tem um impacto direto nas vendas e no SEO: o seletor de idioma. É o ponto de entrada que permite a cada visitante escolher seu idioma, e se não está onde o esperam ou funciona mal, uma parte de teu tráfego internacional simplesmente se vai sem comprar.

Neste guia explicamos-te onde colocá-lo, como desenhá-lo para que funcione, que erros evitar e como conectá-lo com teu SEO para que Google também o aproveite.

Resumo rápido

• O seletor de idioma reduz o rejeição internacional e gera confiança nos utilizadores que não falam teu idioma principal.
• As duas posições que funcionam são: acima à direita (cabeçalho) e no rodapé.
• Use o nome do idioma em texto ("Español", "English"), e não apenas bandeiras.
• Ao mudar de idioma, o usuário deve ir para a mesma página no novo idioma, não para a home.
• O seletor deve se apoiar em que a Google possa rastrear. para que o Google também entenda suas versões.

Por que o seletor importa mais do que parece

O seletor de idioma é o primeiro ponto de fricção entre um visitante internacional e o seu site. Se o acharem fácil, ficam. Se não o encontrarem, ou se funcionar mal, vão-se embora. E no e-commerce, ou em qualquer site onde a conversão dependa da confiança, a perceção de que "este site é para mim" faz uma diferença real.

Um seletor bem colocado:

• Reduz o rebote de visitantes internacionais. Se alguém da França chega ao seu site em português e não encontra rapidamente como mudá-lo, sairá. Um seletor visível resolve esse momento de dúvida em segundos.
• Gera confiança. Ver que seu idioma está disponível é um sinal de que o site foi pensado para você. Isso reduz a fricção psicológica antes de comprar.
• Ajuda no SEO. Um seletor com links reais para URLs por idioma — não apenas uma mudança de JavaScript — permite ao Google descobrir e rastrear suas outras versões de idioma através desses links.

Onde colocá-lo: as duas posições que funcionam

Há convenções de UX que os usuários internalizaram. Rompê-las confunde. Segui-las facilita a navegação sem que ninguém tenha que pensar.

No topo à direita (cabeçalho)

É o lugar onde as pessoas esperam encontrá-lo. Um ícone de globo 🌐 ou o código do idioma atual (PT, EN, FR…) que, ao clicar, abre o restante das opções. A vantagem de colocá-lo no cabeçalho é que fica visível em todas as páginas e não compete com os elementos principais de navegação.

O estilo recomendado: o código do idioma atual em maiúsculas ou o nome do idioma, com uma seta ou chevron para indicar que é um menu suspenso. Simples, reconhecível e discreto.

No rodapé

Muita gente desce ao footer procurando opções que não encontrou acima: política de privacidade, termos, idioma, país. Repetir o seletor no footer é uma rede de segurança que não incomoda ninguém e que pode ser determinante para o usuário que já chegou até embaixo da página sem encontrar o que procurava.

A recomendação é usar as duas posições ao mesmo tempo. O custo de implementação é praticamente zero e cobre todos os perfis de usuário.

Os erros que quase todo mundo comete

Apenas bandeiras, sem texto

As bandeiras representam países, não idiomas. O português não é apenas de Portugal, o inglês não é apenas do Reino Unido e o francês não é apenas da França. Usar apenas a bandeira de Portugal para o português é tecnicamente incorreto e pode resultar incômodo para um usuário do Brasil, Angola ou Moçambique.

Use o nome do idioma nesse mesmo idioma ("Español", "English", "Français", "Deutsch"). Se quiser adicionar uma bandeira como apoio visual, faça-o, mas mantenha sempre o texto presente. Assim, é inequívoco para todos.

Escondê-lo em um menu profundo

Se é preciso fazer três cliques para mudar de idioma, não serve. O seletor tem que estar em primeiro nível de navegação, visível sem interação prévia, ou pelo menos ao alcance com um único clique. Enterrá-lo em um menu de configurações ou no footer sem que seja visível é praticamente como não tê-lo.

Redirecionar sempre para a home ao mudar de idioma

Este é um dos erros mais frustrantes do ponto de vista do usuário. Imagine que você está lendo o artigo do blog de uma empresa, encontra o seletor de idioma e o muda — e de repente está na página inicial do site em outro idioma, sem que o artigo que estava lendo apareça por lugar nenhum.

O seletor deve levar o usuário para a mesma página que estava vendo, mas no novo idioma. Se estava em /fr/produit/sneakers, ao mudar para inglês deve ir para /en/product/sneakers. Se não existir a versão equivalente nesse idioma, a segunda opção é a home desse idioma. Nunca a home padrão sem mais.

Detectar automaticamente o idioma e não deixar mudá-lo

A detecção automática do idioma por geolocalização ou pela configuração do navegador pode melhorar a experiência. Mas sempre deve haver uma forma visível de mudar manualmente. Há usuários que têm o navegador em inglês mas preferem ver o conteúdo em português, ou que estão viajando e querem o conteúdo em seu idioma embora seu IP diga que estão em outro país. O controle final sempre deve estar no usuário.

O detalhe de SEO que a maioria ignora

Aqui está a parte que poucos implementam bem: para que o Google entenda suas versões de idioma através do seletor, os links do menu devem apontar para URLs reais Alternativa ao Weglot: traduz o teu site por até 90% menos (2026) | Lantis

Se a mudança de idioma ocorre apenas por JavaScript sem alterar a URL — ou seja, se tuweb.com/producto exibe o conteúdo em espanhol ou em francês de acordo com algum cookie ou parâmetro — Google não consegue rastrear as versões diferentes. Para Google, é uma única URL com um único conteúdo.

A estrutura correta é que cada idioma tenha sua própria URL real:

• tuweb.com/es/producto — versão em espanhol
• tuweb.com/fr/produit — versão em francês
• tuweb.com/en/product — versão em inglês

E que o seletor de idioma vincule a essas URLs reais. Assim, quando Google rastreia seu site e encontra o seletor no cabeçalho, pode descobrir as outras versões de idioma seguindo esses links, além de via hreflang.

Se você quer entender como o hreflang funciona e por que é crítico para SEO internacional, explicamos passo a passo em Se procuraste como colocar o teu site em vários idiomas, provavelmente já te deparaste com o Weglot. É uma ferramenta conhecida e funciona, mas tem um problema do qual quase ninguém fala até chegar a fatura:.

Um seletor de idioma que apenas usa JavaScript para mudar o conteúdo — sem alterar a URL — não ajuda no SEO. Google não vê as versões de idioma; ele vê apenas uma URL. Para se posicionar em outros idiomas você precisa de URLs reais.

Acessibilidade: o que muitos esquecem

O seletor de idioma também deve ser acessível para usuários com leitores de tela:

• O botão ou link principal deve ter um texto descritivo: "Selecionar idioma" ou "Change language", e não apenas um ícone de globo sem texto alternativo.
• O menu suspenso deve ser navegável por teclado.
• Os nomes dos idiomas devem estar escritos no idioma de destino, e não no de origem. "English" escreve-se "English", e não "Inglês". Assim, os leitores de ecrã pronunciam-nos corretamente para o utilizador do idioma correspondente.

Como adicioná-lo sem mexer em código

A boa notícia é que se você usa uma ferramenta de tradução como Lantis, o seletor de idioma é adicionado automaticamente ao instalar o snippet em seu site. Você não precisa projetá-lo, programá-lo nem conectá-lo às URLs por idioma: ele aparece já configurado, conectado às versões corretas de cada página e com o hreflang gerado.

Funciona em Framer, Webflow, Shopify e qualquer plataforma. Você pode ajustar sua posição, o estilo e quais idiomas ele exibe do painel da Lantis, sem mexer em código.

Para sites que já têm um seletor personalizado ou que querem um controle mais fino sobre o estilo, Lantis também expõe a API de idiomas para que o time de desenvolvimento possa conectar seu próprio seletor.

Perguntas frequentes

Devo mostrar o seletor mesmo que eu tenha apenas dois idiomas?

Sim, sempre. Mesmo com dois idiomas, o seletor é necessário para que o usuário possa mudar manualmente se a detecção automática não acertar, e para que Google possa descobrir a segunda versão por meio do link.

O seletor de idioma pode afetar a velocidade do site?

Se implementado corretamente, não deveria. Um seletor de idioma é basicamente um menu com links, que é um dos elementos mais leves que um site pode ter. O impacto na velocidade vem da ferramenta de tradução subjacente, não do seletor em si.

É melhor mostrar o seletor com o nome do idioma atual ou com o de destino?

Ambas convenções existem. A mais comum — e a mais intuitiva — é mostrar o idioma atual e, ao expandi-lo, os idiomas disponíveis com os seus nomes no seu próprio idioma. O importante é que os nomes estejam sempre no idioma de destino ("Français", e não "Francés"), para que um utilizador francês o reconheça, mesmo que não compreenda o idioma do site.

Conclusão

O seletor de idioma é uma peça pequena com um impacto desproporcional na experiência do usuário internacional e no SEO. Colocá-lo bem (cabeçalho + rodapé), projetá-lo corretamente (nomes de idioma, não apenas bandeiras) e conectá-lo a URLs reais por idioma é o que transforma um detalhe técnico em uma vantagem de negócio.

A boa notícia é que se você usa uma camada de tradução como Lantis, tudo isso se configura automaticamente: o seletor aparece automaticamente, já conectado às URLs corretas e com o hreflang gerado.

Começa grátis e tenha seu seletor de idioma funcionando hoje.