O seletor de idiomas é um dos elementos de um site multilíngue que merece atenção ao ser construído, especialmente em um site multilíngue Drupal .
O seletor de idiomas é um botão que permite alternar entre idiomas ao visitar um site. Tornar o seletor de idiomas amigável para o visitante é importante, pois pode melhorar a experiência do usuário e otimizar o SEO.
Então, como configurar um seletor de idiomas para Drupal e quais são os benefícios para um site? Continue lendo a explicação abaixo.
Por que criar um seletor de idiomas é importante para sites Drupal multilíngues?
Desenvolver um seletor de idiomas fácil de usar é crucial para o sucesso de um site multilíngue. Abaixo estão os motivos pelos quais criar um seletor de idiomas configurável para sites multilíngues Drupal
- Experiência do usuário aprimorada: Um seletor de idiomas intuitivo facilita a transição entre idiomas, simplificando a navegação e a compreensão do conteúdo. Isso contribui para uma experiência geral do usuário melhorada, reduzindo a frustração e aumentando o engajamento.
- Navegação intuitiva: Os usuários devem localizar e utilizar o seletor de idiomas com facilidade. Um seletor com design intuitivo, com posicionamento claro e ícones ou rótulos facilmente reconhecíveis, incentiva os usuários a alternar entre idiomas sem esforço.
- Redução da taxa de rejeição: Um seletor de idiomas intuitivo ajuda a diminuir as taxas de rejeição. Quando os visitantes conseguem encontrar e selecionar rapidamente o idioma de sua preferência, é mais provável que permaneçam no site, explorem o conteúdo e, potencialmente, realizem uma compra.
- Comunicação clara: A comunicação eficaz com os usuários é vital para quem muda de idioma. Rótulos ou símbolos claros e concisos ajudam a transmitir as opções de idioma disponíveis, minimizando a confusão e garantindo que os usuários possam fazer escolhas bem informadas.
- Otimização de SEO: Os mecanismos de busca levam em consideração a experiência do usuário ao classificar sites. Um seletor de idiomas bem implementado e fácil de usar pode impactar positivamente o SEO multilíngue, aumentando a visibilidade e a acessibilidade do seu site para usuários que pesquisam em vários idiomas.
Como configurar o seletor de idiomas para Drupal?
A funcionalidade de troca de idioma geralmente é fornecida pelo serviço de tradução do site. Essa funcionalidade pode ser ajustada de acordo com as necessidades do usuário e o design desejado.
No entanto, nem todos os serviços de tradução oferecem um recurso de troca de idiomas fácil de personalizar e usar. Portanto, é importante procurar um serviço de tradução automática que ofereça essa funcionalidade e seja compatível com diversos sistemas de gerenciamento de conteúdo (CMS), como Linguise.
A tradução automática Linguise oferece um recurso de troca de idiomas flexível e facilmente personalizável, além de ser integrada ao Drupal .
Então, como configurar o seletor de idiomas para um site Drupal ? Basta continuar lendo a explicação abaixo.
Etapa 1: registrar uma conta Linguise
O processo inicial de inscrição envolve a criação de uma conta gratuita no Linguise e o aproveitamento do período de teste gratuito de um mês. Para cadastrar no Linguise , basta fornecer seu endereço de e-mail para criar um nome de usuário e uma senha.
Durante o período de teste, que dura um mês inteiro, você terá acesso a uma gama de recursos abrangentes e interessantes oferecidos pela Linguise. Assim que o período de teste terminar, você será redirecionado para o painel de controle Linguise .
Etapa 2: Adicionar domínio ao site Drupal
No Linguise , você precisará adicionar o domínio do seu Drupal que precisa de tradução. Vários campos devem ser preenchidos, incluindo:
- Conta
- URLs
- Plataformas/CMS
- Linguagem
- Idioma de tradução
- Traduzir URLs
Para prosseguir, habilite a chave da API e configure o URL do idioma. Para obter orientações completas sobre como adicionar um domínio de site, consulte as instruções no guia de instalação Linguise no Drupal ou assista ao vídeo explicativo abaixo.
Passo 3: Ative o seletor de idiomas
Após a conclusão de todas as configurações, a próxima ação envolve inserir as configurações de troca de idioma e apresentar um indicador para melhorar a conveniência do usuário durante as transições de idioma. Para fazer isso, copie o código fornecido no Linguise , navegando até Linguise > Configurações > copiar para a área de transferência.
Para adicionar conteúdo ao cabeçalho da sua página, você pode usar um Drupal chamado Add to Head. Basta navegar até Configuração > Desenvolvimento > Adicionar perfil.
Por fim, certifique-se de validar ou verificar a localização do script.
O seletor de idiomas será exibido inicialmente em uma posição flutuante no canto superior direito do seu site. Você tem a flexibilidade de personalizá-lo de acordo com suas preferências.
Etapa 4: configurar a tela principal
Além disso, você tem a opção de personalizar o seletor de idiomas acessando o Linguise e indo até a Configurações . Nessa área, acesse as de exibição dos indicadores de idioma . Quaisquer alterações feitas nessa seção serão refletidas automaticamente no seletor de idiomas do seu site.
Na configuração inicial, ajustaremos a tela principal, concentrando-nos em vários componentes.
A primeira consideração é a configuração do formulário de exibição da lista de idiomas, que oferece três opções: lado a lado, lista suspensa ou janela pop-up. No lado esquerdo, há uma pré-visualização para cada formulário.
O primeiro formato, apresentado abaixo, é o layout lado a lado.
O formulário subsequente assume a forma de um menu suspenso, conforme ilustrado abaixo.
Por fim, temos o formulário pop-up.
Em seguida, a próxima etapa envolve configurar a posição, onde você pode determinar o local do seletor de idiomas. Existem várias opções de posição para selecionar, portanto, certifique-se de escolher uma posição que seja facilmente visível para os visitantes.
Por fim, decida qual a combinação de sua preferência: bandeira + nome do idioma, bandeira + nome abreviado ou apenas a bandeira.
Etapa 5: definir o design dos sinalizadores
Em seguida, abaixo da seção de exibição principal, você encontrará as configurações de design da bandeira. A imagem abaixo ilustra algumas das opções de configuração disponíveis.
- Exibição do nome do idioma: Você pode optar por exibir o nome com base no país ou no idioma, como "Alemão" ou "Deutsch".
- Tipo de bandeira em inglês: Esta opção aplica-se a idiomas com múltiplas variações, como "inglês dos EUA" ou "inglês da Grã-Bretanha" (semelhante ao espanhol, taiwanês, alemão e português).
- Estilo da bandeira: Esta configuração permite definir o formato do ícone da bandeira, se ele deve ser redondo ou quadrado (retangular).
Passo 6: Defina a cor e o tamanho da bandeira
Após configurar o design da bandeira, a próxima etapa envolve ajustar cores, tamanho e vários outros elementos. Na interface a seguir, diversas configurações personalizáveis estão disponíveis, incluindo:
- Flag border-radius: Personaliza o raio da borda em pixels ao utilizar um retângulo.
- Cor do nome do idioma: Seleciona a cor padrão do texto para o nome do idioma.
- Cor do idioma na janela pop-up: A cor do título do idioma nas janelas pop-up ou nas listas suspensas.
- Tamanho da bandeira: Modificar o tamanho da bandeira.
- Cor do texto ao passar o cursor sobre o nome do idioma: A cor do texto que aparece quando o cursor passa sobre o nome do idioma.
- Cor do idioma ao passar o cursor sobre o texto no menu pop-up: A cor do texto que aparece quando o cursor passa sobre o título do idioma no menu pop-up ou suspenso.
Passo 7: Defina a sombra da caixa da bandeira
Na última fase, você tem a opção de configurar as opções de sombra para a bandeira. A configuração inicial permite especificar uma sombra para cada bandeira exibida em seu site, enquanto a configuração subsequente se refere ao efeito de sombra ao passar o cursor sobre a bandeira do idioma.
Certifique-se de clicar em Salvar para preservar as configurações de personalização do seletor de idiomas.
Após configurar o seletor de idiomas para Drupal, aqui estão os resultados que você pode esperar dele.
Como criar um seletor de idiomas fácil de usar para o seu site Drupal ?
Após o processo de configuração de um seletor de idiomas para Drupal, é essencial entender como criar um seletor de idiomas intuitivo para otimizar os diversos benefícios do seu site.
- Ícones ou bandeiras reconhecíveis: Utilize ícones ou bandeiras de idiomas conhecidos para representar diferentes línguas. Certifique-se de que o ícone ou bandeira escolhido seja visualmente proeminente e universalmente reconhecido para maior clareza.
- Posicionamento estratégico: Coloque a ferramenta de troca de idiomas em um local de destaque no seu site, idealmente de forma consistente em todas as páginas, como cabeçalhos, rodapés ou menus de navegação. Garanta a visibilidade e a fácil acessibilidade da ferramenta de tradução.
- Rótulo de idioma nas bandeiras: Identifique claramente cada opção de idioma em seu respectivo idioma. Por exemplo, use "English" para inglês, "Español" para espanhol, "Deutsch" para alemão, etc. Isso ajuda os usuários a identificar e selecionar seu idioma preferido sem esforço.
- Design inovador: Utilize um design inovador para a ferramenta de tradução, empregando símbolos ou textos familiares para indicar as opções de idioma. Por exemplo, use “EN” para inglês e “DE” para alemão. Garanta que a ferramenta de troca de idioma se destaque utilizando cores distintas ou realce.
- Troca de idioma amigável: Simplifique o processo para que os usuários possam alternar para outro idioma caso o idioma padrão não esteja de acordo com suas preferências. Evite o uso de menus suspensos, listas de ícones/bandeiras ou botões de alternância para seleção de idioma.
- Design responsivo: Garanta que a ferramenta de troca de idiomas seja responsiva e funcione perfeitamente em diversos dispositivos e tamanhos de tela. Teste sua funcionalidade em computadores, smartphones e tablets para garantir uma experiência tranquila para todos os usuários.
Configure o seletor de idiomas para um site multilíngue Drupal usando Linguise!
Até este ponto, você obteve informações sobre as configurações do seletor de idiomas para Drupal. Criar um seletor de idiomas pode trazer inúmeras vantagens e, consequentemente, garantir a otimização com base nos pontos mencionados anteriormente.
Ao otimizar adequadamente o seletor de idiomas, é possível melhorar a experiência geral do usuário.
E agora? Crie uma conta Linguise , inscreva seu Drupal e ajuste o seletor de idiomas para oferecer uma experiência de usuário aprimorada.
