Configurar um alternador de idioma no site Duda pode simplificar o processo de mudança de idioma dos usuários. Esse recurso é especialmente benéfico para plataformas que atendem a um público global, permitindo que os usuários acessem o conteúdo no idioma de sua preferência.
Para implementar um alternador de idioma em seu site Duda , você deve usar ferramentas de tradução que suportem opções de alternador de idioma. Portanto, seu artigo abordará as etapas para configurar um alternador de idiomas no Duda usando uma das ferramentas do serviço de tradução automática.
Alternador de idioma importante no seu site Duda
Configurar um alternador de idioma em seu site Duda atende a vários propósitos cruciais; os seguintes estão entre eles.
- Acessibilidade aprimorada para usuários globais: um alternador de idioma permite que visitantes de diferentes países naveguem em seu site no idioma de sua preferência. Este recurso melhora significativamente a experiência do usuário.
- Melhor desempenho de SEO internacional: ao oferecer versões em vários idiomas, seu Duda pode obter melhores classificações nos resultados de pesquisa em idiomas estrangeiros. Por exemplo, é mais provável que uma versão alemã do seu site apareça nas pesquisas alemãs do Google.
- Aumento nas taxas de conversão: Fornecer conteúdo em vários idiomas pode impactar positivamente suas vendas. Por exemplo, uma plataforma de comércio eletrónico que permite aos clientes mudar de idioma pode atrair uma base de clientes mais ampla e aumentar as compras.
- Maior envolvimento e retenção do usuário : um alternador de idioma pode prolongar as sessões do usuário em seu site. Por exemplo, os usuários que interagem com um fórum da comunidade no seu idioma preferido tendem a permanecer envolvidos por períodos mais longos. Este maior envolvimento é significativo, uma vez que os utilizadores normalmente passam o dobro do tempo em sites na sua língua nativa em comparação com aqueles num segundo idioma, levando a melhores taxas de retenção de utilizadores.
Como configurar um alternador de idioma no construtor de sites Duda
Compreender a importância da mudança de idioma para sites multilíngues Duda é crucial. Embora muitos serviços de tradução de sites ofereçam esse recurso, é importante escolher um que atenda às suas necessidades específicas.
Nem todos os serviços de tradução oferecem alternadores de idiomas personalizáveis e fáceis de usar. Portanto, é essencial selecionar um serviço de tradução automática que seja compatível com várias estruturas e que ofereça recursos flexíveis de troca de idioma.
Linguise é um serviço de tradução automática que atende a esses critérios. Ele oferece um recurso de troca de idioma altamente adaptável e intuitivo que se integra perfeitamente com CMS e construtores de sites populares, incluindo Duda .
A integração do Linguise com Duda é fácil, permitindo que os desenvolvedores incorporem facilmente a mudança de idioma em seus sites multilíngues. Ao utilizar os recursos avançados e a interface amigável do Linguise , você pode agilizar o processo de configuração e manutenção de alternadores de idioma em seu site Duda .
Para implementar Linguise em seu site Duda e configurar o alternador de idiomas, siga estas etapas.
Passo 1: Registre sua conta Linguise
Comece criando uma conta Linguise , que inclui um teste gratuito de 30 dias para ajudá-lo a começar. Depois de se inscrever e entrar no painel Linguise , você precisará registrar seu domínio para permitir traduções.
Para fazer isso, copie o URL do seu domínio (incluindo https://) e selecione “Outro CMS hospedado na nuvem” como sua plataforma.
Em seguida, escolha o idioma de origem e os idiomas de destino para os quais deseja traduzir o seu site.
Etapa 2: adicionar DNS automaticamente usando entri
Depois de registrar seu site com sucesso no Linguise , você terá duas opções de instalação. Para configuração automática de DNS, clique em “Conectar seu DNS automaticamente”. Isso utilizará o recurso Entri, que simplifica a configuração ao lidar com as alterações de DNS para você. Alternativamente, você pode copiar e adicionar manualmente os registros DNS ao seu provedor de domínio.
Ao escolher a opção automática, o Entri verificará o URL do seu site e revisará os registros DNS públicos para determinar as configurações necessárias.
Em seguida, clique em “Autorizar com [seu provedor de domínio]” (por exemplo, Cloudflare), que o redirecionará para a página de login do seu provedor de domínio.
Após o login, o Entri inserirá automaticamente os registros DNS corretos – um por idioma e um registro TXT para a chave de validação.
Você deverá então ver os registros DNS adicionados ao seu domínio e a Entri confirmará assim que a configuração do DNS for concluída. O recurso de tradução será ativado após a propagação das entradas DNS, normalmente dentro de 20 a 30 minutos.
Para aqueles que optam pela configuração manual, as instruções estão disponíveis abaixo.
Etapa 3: copiar registros DNS
Depois que seu domínio for validado com sucesso, você será levado a uma tela onde poderá copiar os registros DNS necessários. Esses registros são essenciais para carregar suas páginas multilíngues, como fr.domain.com, es.domain.com e assim por diante.
Em seguida, faça login no seu gerenciador de domínio e vá para a seção de configurações de DNS. Você precisará adicionar o seguinte:
- Um registro TXT para verificação de domínio
- Um ou mais registros CNAME para os idiomas de destino
Abaixo está um exemplo de como os registros TXT e CNAME devem aparecer.
Depois que todos os registros forem adicionados, sua configuração deverá ser semelhante a esta configuração.
Etapa 4: verificar o DNS
Depois de adicionar todos os registros DNS ao seu domínio, você pode verificar a propagação do DNS clicando no “Verificar configuração do DNS” . A validação de DNS geralmente leva entre 30 minutos e uma hora. Quando estiver concluído, pontos verdes aparecerão ao lado das entradas DNS no Linguise . A última etapa é adicionar o seletor de idioma com bandeiras de país para finalizar a configuração da tradução do seu Duda .
Etapa 5: ativar e alternar idioma
O alternador de idioma é um pop-up de sinalização que permite aos usuários escolher seu idioma preferido. Para ativá-lo, copie o código fornecido na seção principal das páginas do site Duda . Isso exibirá automaticamente o alternador de idioma baseado em bandeira em seu site ativo.
O código está no final do processo de registro do domínio ou nas configurações do seu domínio. Copie-o para sua área de transferência.
Em seguida, abra o editor do seu site, vá em ‘Configurações’ no menu à esquerda e selecione ‘HEAD HTML’.
Cole o script Linguise ‘Salvar’ e publique seu site.
O alternador de idioma Linguise ficará visível no front end do seu site Duda .
Etapa 6: configurar a tela principal
Para começar a configurar o seletor de idioma, vá para a “Configurações” > “Exibição de sinalizadores de idioma” no Linguise . Aqui você pode personalizar diversas opções.
- Estilo do ícone da bandeira: escolha entre exibição lado a lado, menu suspenso ou pop-up.
- Posição: decida onde o seletor de idioma aparecerá no seu site. Várias opções de posicionamento estão disponíveis, portanto, certifique-se de que seja facilmente acessível para os usuários.
Você tem a opção de exibir uma combinação de bandeiras e nomes de idiomas, bandeiras e abreviações de idiomas ou apenas nomes de idiomas. É recomendado usar sinalizadores e nomes de idiomas para melhor reconhecimento do usuário e navegação mais fácil.
Passo 6: Defina o design da bandeira
Depois de configurar a tela principal, você poderá personalizar ainda mais a aparência dos sinalizadores.
- Exibir nome do idioma: você pode optar por mostrar o nome do idioma com base no país ou no próprio idioma. Por exemplo, você pode exibir “Francês” ou “Français”.
- Tipo de bandeira inglesa: esta opção é útil para idiomas com múltiplas variações regionais, como inglês americano ou britânico, e se aplica a outros idiomas, como espanhol, taiwanês, alemão e português.
- Estilo da bandeira : selecione o formato do ícone da bandeira, redondo ou retangular
Etapa 7: personalize a cor e o tamanho
Depois de configurar o design da bandeira, você pode personalizar ainda mais a cor e o tamanho das bandeiras. Aqui estão as opções que você pode ajustar.
- Raio da borda da bandeira: Personalize o raio do canto em pixels para bandeiras retangulares.
- Cor do nome do idioma: selecione a cor do texto padrão para exibir o nome do idioma.
- Cor do idioma pop-up: defina a cor do texto do título do idioma no menu pop-up ou suspenso.
- Tamanho da bandeira: ajuste o tamanho dos ícones da bandeira para se adequar ao seu design.
- Cor de foco do nome do idioma: escolha a cor do texto que aparece quando os usuários passam o mouse sobre o nome do idioma.
- Cor de foco do idioma pop-up: defina a cor do texto flutuante para títulos de idiomas no menu pop-up ou suspenso.
Etapa 8: definir a bandeira box-shadow
Por último, você pode modificar as configurações de sombra da flagbox. A primeira opção permite aplicar um efeito de sombra a cada ícone de bandeira mostrado em seu site, enquanto a segunda opção gerencia o efeito de sombra quando os usuários passam o mouse sobre as bandeiras de idioma.
Depois de fazer todos os ajustes desejados, clique no botão Salvar para aplicar suas alterações. Em seguida, verifique o site Duda para confirmar se a configuração foi implementada com sucesso. Esta é a aparência do alternador de idioma.
Após concluir a configuração, você poderá observar como o alternador de idiomas funciona em seu site multilíngue Duda .
A seguir, você pode traduzir o site para outros idiomas, como o russo.
Melhores práticas para otimizar o alternador de idiomas no site Duda
Depois de implementar com sucesso o alternador de idiomas em um Duda , é essencial considerar dicas para otimizar sua funcionalidade tanto para o seu site quanto para os visitantes.
Use sinalizadores ou ícones de idiomas facilmente reconhecíveis
Ao adicionar um alternador de idioma ao seu site Duda , é crucial utilizar sinalizadores ou ícones de idioma facilmente identificáveis. Esses elementos visuais auxiliam os usuários a reconhecer e selecionar rapidamente seu idioma preferido. Por exemplo, um ícone de globo é amplamente conhecido como representando opções de idioma. Embora bandeiras de países também possam ser usadas, é importante lembrar que nem todos os idiomas estão associados a um único país, o que às vezes pode causar confusão.
Exemplo: O site da Amazon apresenta um pequeno ícone de globo próximo ao idioma atualmente selecionado (por exemplo, “EN”) na barra de navegação superior. Este design simples, mas eficaz, permite que os usuários encontrem rapidamente as opções de idioma, independentemente da configuração de idioma atual.
Incluir nomes de idiomas ao lado de bandeiras
Embora os sinalizadores possam ser úteis, eles não devem ser independentes. Exibir o nome do idioma em sua escrita nativa ao lado da bandeira ou do ícone aumenta a clareza e reduz possíveis mal-entendidos. Isto é particularmente significativo para línguas faladas em vários países ou regiões.
Exemplo: O seletor de idioma do Airbnb apresenta o nome do idioma e a bandeira do país correspondente. Por exemplo, mostra “Inglês (Reino Unido)” com a bandeira do Reino Unido e “Italiano” com a bandeira italiana. Essa combinação garante que os usuários possam selecionar com precisão a opção de idioma de sua preferência.
Posicione cuidadosamente o botão de alternância de idioma
A localização do seu seletor de idioma é crucial para a acessibilidade do usuário. Os locais comuns incluem o canto superior direito do cabeçalho, o rodapé ou o menu de navegação principal. O segredo é garantir que seja facilmente detectável sem sobrecarregar a área de conteúdo principal.
Exemplo: Em linguise .com, o seletor de idioma está localizado no canto superior direito da página, tornando-o consistentemente visível e acessível. Esse posicionamento estratégico garante que os usuários possam encontrar e utilizar rapidamente as opções de idiomas, independentemente de sua localização no site.
Projete o alternador de idioma para ser responsivo
Certifique-se de que seu alternador de idioma funcione bem em todos os dispositivos, de computadores desktop a smartphones. Para telas menores, pode ser necessário ajustar o design, como usar um menu suspenso em vez de uma lista horizontal de opções.
Exemplo: o seletor de idioma do site da UNESCO adapta-se perfeitamente entre dispositivos. No desktop, aparece como uma lista horizontal no cabeçalho, enquanto no mobile se transforma em um menu suspenso compacto, garantindo usabilidade sem sacrificar o layout mobile.
Garanta a consistência do alternador de idioma nas páginas
Mantenha o mesmo design, funcionalidade e posição do seu seletor de idioma em todas as páginas do seu site Duda . Essa consistência ajuda os usuários a navegar em seu site com mais eficiência, pois saberão exatamente onde encontrar as opções de idioma, independente da página em que estejam.
Exemplo: o site coloca consistentemente seu seletor de idioma no rodapé de todas as páginas, desde a página inicial até as páginas de produtos e durante o processo de checkout. Essa uniformidade garante que os usuários possam alternar facilmente os idiomas a qualquer momento durante sua navegação ou experiência de compra.
Configure um alternador de idioma no seu site Duda usando Linguise !
Agora que você já sabe como selecionar o idioma do seu site multilíngue Duda , entender o seletor de idioma pode oferecer inúmeras vantagens e facilitar a otimização com base nos pontos discutidos anteriormente.
A otimização eficaz do seletor de idioma pode melhorar muito a experiência do usuário. Crie uma conta Linguise , integre-a ao seu Duda e personalize o seletor de idioma para aumentar a satisfação do usuário.