O alternador de idioma é um dos elementos de um site multilíngue ao qual é importante prestar atenção ao construir um site multilíngue, um dos quais é um site multilíngue Drupal .
O alternador de idioma é um botão de troca de idioma usado para mudar para outro idioma ao visitar um site. Tornar o alternador de idioma amigável ao visitante é importante porque pode melhorar a experiência do usuário e otimizar o SEO.
Então, como você configura um alternador de idioma para Drupal e quais são os benefícios para um site? Continue lendo a explicação abaixo.
Por que criar um alternador de idioma é importante para sites Drupal multilíngues?
O desenvolvimento de um alternador de idiomas fácil de usar é crucial para o sucesso de um site multilíngue. Abaixo estão os motivos pelos quais é benéfico criar um alternador de idioma de configuração para Drupal .
- Experiência de usuário aprimorada: um alternador de idioma fácil de usar facilita transições perfeitas entre idiomas, simplificando a navegação e a compreensão do conteúdo. Isso contribui para uma melhor experiência geral do usuário, reduzindo a frustração e aumentando o engajamento.
- Navegação intuitiva: os usuários devem localizar e utilizar facilmente o alternador de idioma. Um alternador de 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 na taxa de rejeição: um alternador de idioma fácil de usar ajuda a diminuir as taxas de rejeição. Quando os visitantes conseguem encontrar e selecionar rapidamente seu idioma preferido, é mais provável que eles permaneçam no site, explorem o conteúdo e potencialmente convertam.
- 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 pesquisa levam em consideração a experiência do usuário ao classificar sites. Um alternador de idiomas fácil de usar e bem implementado pode impactar positivamente o SEO multilíngue, melhorando a visibilidade e a acessibilidade do seu site para usuários que pesquisam em vários idiomas.
Como configurar o alternador de idioma para Drupal ?
O recurso de troca de idioma geralmente é fornecido pelo serviço de tradução de sites. Este recurso pode ser ajustado de acordo com a necessidade do que o usuário deseja projetar.
No entanto, às vezes nem todos os serviços de tradução oferecem um recurso de troca de idioma que seja fácil de personalizar e usar. Portanto, é importante procurar um serviço de tradução automática que ofereça e seja compatível com diversos CMS, um deles é Linguise .
A tradução automática Linguise fornece um recurso de troca de idioma flexível e facilmente personalizável e é integrada ao Drupal .
Então, como configurar o alternador de idioma para o site Drupal . Continue 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 de seu teste gratuito de um mês. Para se registrar em uma conta 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 variedade de recursos abrangentes e atraentes oferecidos pelo Linguise . Assim que o período de teste terminar, você será direcionado para o painel Linguise .
Etapa 2: adicionar site de domínio Drupal
No Linguise , você deverá adicionar o domínio do seu Drupal que precisa de tradução. Vários campos devem ser preenchidos, inclusive.
- Conta
- URLs
- Plataformas/CMS
- Linguagem
- Idioma de tradução
- Traduzir URLs
Etapa 3: ativar o alternador de idioma
Após a conclusão de todas as configurações, a ação subsequente envolve inserir as configurações de troca de idioma e apresentar um sinalizador 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 módulo Drupal Basta navegar até Configuração > Desenvolvimento > Adicionar perfil.
Por fim, certifique-se de validar ou verificar a localização do script.
O seletor de idioma será exibido inicialmente em uma posição flutuante no canto superior direito do seu site. Você tem flexibilidade para personalizar com base em suas preferências.
Etapa 4: configurar a tela principal
Além disso, você tem a opção de personalizar o seletor de idioma acessando o Linguise e indo para a Configurações . Nesta área, prossiga para as de exibição dos sinalizadores de idioma . Quaisquer alterações implementadas neste segmento serão refletidas automaticamente no seletor de idioma do seu site.
Na configuração inicial, ajustaremos a exibição primária, focando em vários componentes.
A consideração inicial é a configuração do formulário de exibição da lista de idiomas, oferecendo três opções de escolha: lado a lado, suspenso ou pop-up. No lado esquerdo, há uma visualização de cada formulário.
A primeira forma, apresentada a seguir, é o layout lado a lado.
O formulário subsequente assume a forma de um menu suspenso, conforme ilustrado abaixo.
Finalmente, existe o formulário pop-up.
Seguindo em frente, a etapa seguinte envolve configurar a posição, onde você pode determinar o posicionamento do seletor de idioma. Existem várias opções de posição para selecionar, portanto, opte por uma posição que seja facilmente perceptível para os visitantes.
Por último, decida a preferência da combinação, seja bandeira + nome do idioma, bandeira + nome abreviado ou apenas a bandeira.
Etapa 5: definir o design dos sinalizadores
Depois disso, abaixo da seção de exibição principal, você encontrará configurações de design para a bandeira. A imagem abaixo ilustra algumas das opções de configuração disponíveis.
- Exibição do nome do idioma: você tem a opção de exibir o nome com base no país ou idioma, como “Alemão” ou “Alemão”.
- Tipo de bandeira inglesa: Esta opção é aplicável 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 deve ser redondo ou quadrado (retangular).
Passo 6: Defina a cor e o tamanho da bandeira
Depois de configurar o design da bandeira, a ação subsequente envolve ajustar cores, tamanho e vários outros elementos. Na interface a seguir, diversas configurações personalizáveis estão disponíveis, incluindo:
- Sinalizar raio da borda: Personalização do raio da borda em pixels ao utilizar um retângulo.
- Cor do nome do idioma: selecionando a cor de texto padrão para o nome do idioma.
- Cor do idioma pop-up: a cor do título do idioma nas áreas pop-up ou suspensas.
- Tamanho da bandeira: Modificando o tamanho da bandeira.
- Cor de foco do nome do idioma: a cor do texto ao passar o mouse sobre os nomes dos idiomas.
- Cor de foco do idioma pop-up: a cor do texto ao passar o mouse sobre o título do idioma no pop-up ou no menu suspenso.
Etapa 7: definir sinalizador box-shadow
Durante a última fase, você tem a opção de definir as configurações de sombra para o sinalizador. A configuração inicial permite que você especifique uma sombra para cada bandeira exibida em seu site, enquanto a configuração subsequente refere-se ao efeito de sombra ao passar o mouse sobre a bandeira do idioma.
Certifique-se de clicar em Salvar para preservar as configurações de personalização do alternador de idioma.
Depois de configurar o alternador de idioma para Drupal , aqui estão os resultados que você pode esperar do alternador de idioma.
Como criar um alternador de idioma amigável para o seu site Drupal ?
Após o processo de estabelecimento de um alternador de idioma para Drupal , agora é essencial entender como criar um alternador de idioma fácil de usar para aprimorar vários benefícios para o seu site.
- Ícones ou bandeiras reconhecíveis: utilize ícones ou bandeiras de idiomas conhecidos para representar diferentes idiomas. Certifique-se de que o ícone ou bandeira escolhido seja visualmente proeminente e universalmente reconhecido para maior clareza.
- Posicionamento estratégico: posicione a ferramenta de troca de idioma com destaque em seu site, de preferência de forma consistente em todas as páginas, como cabeçalhos, rodapés ou menus de navegação. Garanta visibilidade e fácil acessibilidade da ferramenta de tradução.
- Etiqueta de idioma nas bandeiras: rotule claramente cada opção de idioma em seu respectivo idioma. Por exemplo, use “Inglês” 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: Empregue um design inovador para a ferramenta de tradução, utilizando símbolos ou texto familiares para indicar as opções de idioma. Por exemplo, use “EN” para inglês e “DE” para alemão. Certifique-se de que a ferramenta de troca de idioma se destaque, empregando cores ou realces distintos.
- Troca fácil de usar: simplifique o processo para os usuários mudarem para outro idioma se o idioma padrão não estiver de acordo com suas preferências. Evite o uso de menus suspensos, listas de sinalizadores/ícones ou botões de alternância para seleção de idioma.
- Design responsivo: garanta que a ferramenta de troca de idioma seja responsiva e funcione perfeitamente em vários dispositivos e tamanhos de tela. Teste sua funcionalidade em desktops, smartphones e tablets para garantir uma experiência tranquila para todos os usuários.
Configure o alternador de idiomas para o site multilíngue Drupal usando Linguise !
Até este ponto, você obteve insights sobre as configurações do alternador de idioma para Drupal . A criação de um alternador de idiomas pode trazer inúmeras vantagens e, posteriormente, garantir a otimização com base nos pontos mencionados.
Ao otimizar adequadamente o alternador de idioma, ele tem o potencial de melhorar a experiência geral do usuário.
Agora? Vá em frente e registre uma conta Linguise , inscreva seu Drupal e ajuste o seletor de idioma para oferecer uma experiência de usuário aprimorada.