Há mais de 10 anos ajudamos empresas a alcançar seus objetivos financeiros e de marca. Onum é uma agência de SEO voltada para valores e dedicada.

CONTATOS

Inúmeros sites agora têm muitas opções de idioma para que visitantes de todo o mundo possam navegar confortavelmente. A Internet ajudou a tornar o mercado uma experiência global, por isso, por ter um site, você abriu as portas do seu negócio para todos com uma conexão à Internet. Porém, se eles não entendem o idioma, eles não vão ficar.

Felizmente, o processo de transformar seu site multilíngue é bastante simples. ConveyThis pode criar uma versão traduzida do seu site em minutos e, em seguida, você pode personalizar a aparência e colocação de seu switcher de idiomas, fazer algumas alterações de layout para acomodar para idiomas wordier ou Right To Left e alterar cores e imagens nos casos em que os originais são inadequados para a cultura de destino.

O processo não é totalmente automatizado, você precisará fazer algumas pesquisas com antecedência. Este guia explica alguns aspectos do design de sites para ajudá-lo a entrar confortavelmente no mundo dos sites multilíngues e de excelente design.

Branding consistente

A experiência do usuário precisa ser consistente, independentemente da versão do idioma que ele está visitando. A aparência deve ser muito semelhante em todas as versões, algumas diferenças podem ser necessárias devido às diferenças de idioma ou cultura, mas se você alternar entre os idiomas, não deve sentir que foi redirecionado para um site completamente diferente.

Portanto, os elementos de design como o layout e o estilo de marca específico de sua empresa devem permanecer iguais em todos os idiomas.

Isso é super fácil de fazer em WordPress com ConveyThis, que identifica perfeitamente o texto independentemente do tema que você escolheu (mesmo que seja personalizado!) e traduza-o automaticamente, mesmo que você esteja trabalhando com outros plugins.

Isso o ajudará a ter um modelo global com o mesmo tema para todos os idiomas e, portanto, a mesma experiência do usuário.

A página inicial do Airbnb funciona muito bem como exemplo, vamos dar uma olhada na versão australiana:

E aqui está a versão japonesa:

Sem dúvida, este é o mesmo site. O fundo é o mesmo, assim como a função de pesquisa. Ter um design unificado ajuda a identidade da sua marca e economiza tempo e esforço ao adicionar novos idiomas ou atualizar.

Limpar alternadores de idioma

Escolha um local de destaque para o alternador de idioma, como qualquer um dos quatro cantos do seu site, e coloque-o em todas as páginas, não apenas na página inicial. Tem que ser fácil de encontrar, ninguém quer procurar um botão escondido.

É altamente recomendável que os nomes dos idiomas estejam em seus próprios idiomas. “Español” em vez de “espanhol”, por exemplo, fará maravilhas. Asana faz isso, seu site tem uma caixa suspensa com as opções de idioma disponíveis.

Desta forma, ajuda os visitantes a se sentirem bem-vindos. Se o seu site for traduzido, a lista de idiomas deve refletir isso. Ler “Alemão, Francês, Japonês” em um site em inglês não facilita a navegação para as pessoas e dá a impressão de que a versão em inglês é a mais importante.

'Idiomas' é melhor do que 'Regiões'

Muitas grandes marcas internacionais fazem você mudar de região para poder ler o site no seu idioma. É uma ideia terrível que torna a navegação mais difícil para os visitantes. Esses sites estão trabalhando com o pressuposto de que você está navegando na região onde o idioma é falado, portanto, você obtém o texto em seu idioma, mas pode não obter o conteúdo para a região em que está interessado.

A seguinte imagem foi tirada do site da Adobe:

Os idiomas não devem ser inextricáveis de suas regiões. Tomemos por exemplo todas as cidades cosmopolitas como Nova York, Londres e Paris. Talvez um belga residente no Reino Unido queira comprar no site do Reino Unido, mas navegue em francês. Eles têm que escolher entre comprar no site da Bélgica em seu idioma ou no site do Reino Unido em inglês e não querem fazer nenhuma das duas opções. Você, portanto, acidentalmente criou uma barreira. Vamos dar uma olhada em um site que permite especificar o idioma e a região separadamente, o site do Uber.

Este é um design excelente. Neste caso, a opção de troca de idioma foi colocada no rodapé à esquerda e, em vez de uma caixa suspensa, você tem um modal devido às inúmeras opções. Os nomes dos idiomas também são mencionados em seus próprios idiomas.

Como bônus, você pode “lembrar” qual foi o idioma escolhido pelo usuário para que a partir dessa primeira visita ele não precise mais trocar.

Localização de detecção automática

Este recurso é muito útil para que seus visitantes não acessem através do idioma errado. E para economizar tempo do usuário para que ele não precise procurar o alternador de idioma. Funciona assim: o site identifica o idioma do navegador ou sua localização.

Mas tome cuidado caso o usuário seja um turista e não esteja familiarizado com o idioma local, pois ele precisará do botão de idioma para poder fazer a troca, por este motivo, a ferramenta nem sempre é precisa.

Ao projetar seu site multilíngue, não escolha entre a detecção automática de idioma e o alternador de idioma, o último é obrigatório, enquanto o primeiro é opcional.

Sinalizadores não são substituições adequadas para o nome de um idioma

Existem 21 países de língua espanhola e 18 de língua inglesa e, na China, há 8 dialetos primários, portanto as bandeiras não são bons substitutos para nomes de idiomas. Além disso, os sinalizadores podem não ser indicadores úteis porque podem confundir aqueles que não os reconhecem.

Seja flexível com espaço de texto

Isso pode ser um desafio, mas é inegável que as traduções não ocupam o mesmo espaço do texto original, algumas podem ser mais curtas, outras podem ser mais longas, algumas podem até precisar de mais espaço vertical!

Os caracteres chineses contêm muitas informações, portanto, não é necessário muito espaço, enquanto o italiano e o grego são mais prolixo e precisam do dobro de linhas. Uma boa regra é presumir que algumas traduções podem exigir mais de 30% de espaço extra, então seja flexível com o layout e atribua espaços amplos para o texto. Essas pressões no site original podem não ter espaço suficiente para a tradução, o inglês é um idioma particularmente compacto e se você achar necessário abreviar em inglês para que o conteúdo se encaixe, você definitivamente encontrará alguns problemas quando for hora de traduzir.

Além de ter espaço para o texto se esticar, também é uma boa ideia ter elementos de interface do usuário adaptáveis para que os botões e campos de entrada também possam aumentar. Você também pode diminuir o tamanho da fonte, mas não muito.

O site do Flickr é multilíngue, vamos dar uma olhada no botão “visualizações” original:

Parece fantástico, está tudo ótimo, mas 'views' acaba sendo uma palavra mais longa em outras línguas, exigindo mais espaço.

Em italiano, requer três vezes mais espaço!

Muitos scripts não latinos, como o árabe, exigem mais altura para que a tradução caiba. Então, para resumir, o layout do seu site deve ser flexível o suficiente para se adaptar aos diferentes requisitos de idioma para que na troca a aparência polida do original não se perca.

Compatibilidade de fontes da Web e codificação de sites

De acordo com o W3C, é altamente recomendável que você codifique sua página da Web usando UTF-8 , que permite caracteres especiais.

É muito simples, a declaração UTF se parece com isto

Certifique-se também de que as fontes são compatíveis com os diferentes idiomas, caso contrário, o texto pode ficar ilegível. Basicamente, antes de decidir sobre qualquer fonte, verifique sua compatibilidade com todos os scripts de que você precisa. Se você deseja entrar no mercado russo, verifique se o script cirílico é compatível.

A imagem a seguir foi tirada do Google Fonts e, como você pode ver, você pode escolher baixar as versões de script de que precisa. Esses idiomas com grandes quantidades de caracteres tornam os arquivos de fonte maiores, então leve isso em consideração ao escolher e misturar fontes.

Em relação aos idiomas da direita para a esquerda

À medida que o mercado do Oriente Médio cresce, você pode pensar em criar uma versão do seu site que atraia visitantes dessa região, isso significa adaptar o layout para que seja compatível com o idioma deles. Uma característica da maioria das línguas do Oriente Médio é que elas são lidas da direita para a esquerda! Este é um grande desafio e a solução começa com o espelhamento da interface.

Este é o design do Facebook para idiomas da esquerda para a direita, como o inglês.

E este é o design invertido para idiomas da direita para a esquerda, como o árabe.

Observe com atenção, a localização de tudo no design foi espelhada.

Consulte o artigo de Robert Dodis sobre design para idiomas da direita para a esquerda para obter mais informações sobre como fazer isso.

Algumas línguas direita para a esquerda são árabe, hebraico, persa e urdu e ConveyThis não tem problemas em adaptar seu site para acomodar suas necessidades linguísticas e garantir uma ótima experiência ao usuário. E o melhor é que você pode personalizar o visual de cada idioma e fazer alterações no tipo de fonte ou seu tamanho, e se necessário, editar a altura da linha.

Escolha ícones e imagens apropriados

Os recursos visuais têm um componente cultural muito pesado e são elementos-chave para o design adequado de um site. Cada cultura atribui significado a imagens e ícones diferentes, algumas interpretações são positivas e outras completamente opostas. Algumas imagens refletem as experiências de ideais de uma cultura, mas em um contexto diferente, fará com que os usuários se sintam alienados.

Aqui está um exemplo de uma imagem que teve que ser substituída porque não era culturalmente apropriada. Observe que nem todas as imagens serão ofensivas para outras pessoas, talvez apenas gere apatia quando você deseja que as pessoas tenham curiosidade e se interessem pelo seu produto.

Esta é a página inicial do Clarin para a língua francesa, apresentando uma mulher caucasiana. E aqui está a versão coreana, com uma coreana como embaixadora da marca.

O tipo de visual que pode ofender são aqueles que podem parecer inocentes para algumas culturas, mas, aos olhos de uma cultura diferente, eles exibem comportamentos ilegais ou tabu, por exemplo, representações de homossexualidade ou empoderamento feminino.

Isso também se aplica aos ícones, enquanto nos EUA um ícone com duas taças de champanhe brindando representa uma celebração, na Arábia Saudita é ilegal beber álcool, então esse ícone terá que ser substituído por um culturalmente apropriado.

(Fonte da imagem: SteelKiwi)

Portanto, uma pesquisa será necessária para garantir que os ícones que você escolheu são apropriados para o mercado-alvo. Se você não tem certeza, pode sempre jogar pelo seguro.

Por exemplo, esses três ícones que representam a Terra, o primeiro foi projetado para o público australiano; o segundo, para públicos africanos; e o último é adequado para públicos maiores e globais, pois nenhuma área específica é apresentada.

Por último, mas não menos importante, ConveyThis pode traduzir qualquer texto, desde que não esteja incorporado em uma imagem. O software não será capaz de identificar o que está escrito nele para que permaneça no idioma original, então evite incorporar texto.

Escolha de cores

Conforme mencionado na seção anterior, as culturas interpretam as imagens de maneira diferente e o mesmo acontece com as cores. Seus significados são subjetivos.

Por exemplo, em algumas culturas, o branco é a cor da inocência, mas outras discordam, é a cor da morte. O mesmo acontece com o vermelho, nas culturas asiáticas é usado em celebrações, mas para alguns países africanos não tem uma conotação tão positiva porque está ligado à violência.

No entanto, parece que o azul é a mais segura de todas as cores, comumente associada a significados positivos como calma e paz. Muitos bancos usam azul em seus logotipos porque também pode significar confiança e segurança.

Este artigo mostra as diferenças no significado das cores em todo o mundo , muito útil para começar sua pesquisa sobre quais são as melhores cores para o seu site multilíngue.

Ajustes de formato

Considere evitar usar apenas números ao escrever datas porque existem muitas maneiras diferentes de escrevê-los, nos EUA o formato oficial é mm/dd/yyyy e se você só pode ver os números alguns usuários de outros países que usam sistemas diferentes (como dd/mm/yy) podem ficar confusos. Assim, suas opções são: certificar-se de que as versões traduzidas tenham o formato de data adaptado ou escrevam o mês em letras para que ConveyThis sempre escreva a data correta.

Além disso, enquanto nos Estados Unidos o sistema imperial é usado, a maioria dos países usa o sistema métrico, então você precisará decidir se seria adequado para seu local ter as medidas transformadas.

O melhor plugin de tradução para WordPress

Há tantas opções quando se trata de adicionar um plugin de tradução ao seu site WordPress e nem todas funcionam da mesma forma, os resultados variam. Com ConveyThis você tem uma integração perfeita, não importa o design do seu site.

ConveyThis é a melhor escolha para tradução de site com 92 idiomas disponíveis. É um plugin WordPress confiável que permitirá que você tenha uma versão em vários idiomas sólida do seu site rapidamente. Ele pode entender o layout do site, detectar todo o texto e traduzi-lo. ConveyThis também inclui um editor intuitivo para personalização de texto.

ConveyThis inclui um botão de comutador de idioma de tamanho único que funciona com qualquer site como padrão, mas você também pode editá-lo o quanto quiser. Também seguimos os princípios de design indicados neste artigo:

  • Branding consistente em todas as versões de idioma do site.
  • Limpe o alternador de idioma e a opção de escolher um idioma preferido.
  • Os sites são codificados com UTF-8 automaticamente.
  • Interfaces adequadas para idiomas da direita para a esquerda

ConveyThis: uma solução de site multi-língua em que você pode confiar

Acredita-se comumente que a tradução do site é um processo complexo. Mas não há necessidade de adiar porque você não quer lidar com as dores de cabeça. Não é nada assustador! Com ConveyThis, torna-se uma conversão simples. É perfeito e rápido.

Após uma rápida instalação, todo o seu conteúdo agora pode ser traduzido sem afetar a formatação, e isso inclui conteúdo gerado por outros aplicativos e o processo de checkout. ConveyThis é uma ferramenta fácil para tradução de sites de vários idiomas que não vai fazer uma bagunça do seu código, como outros fazem.

A opção de solicitar traduções profissionais do seu site também está disponível! Eles irão ajudá-lo a transformar completamente o seu site multilíngue em um site multicultural, melhorando drasticamente a experiência de seus clientes. Lembre-se de que, se você traduzir um site, também deverá ter suporte ao cliente disponível no idioma do seu novo cliente. Considere investir em localização e adaptação de conteúdo para garantir uma experiência de usuário excelente para seus visitantes.

Autor

Cecilia Morin

Comentários (4)

  1. The End in Sight para Google-Translate para sites! – ConveyThis
    8 de dezembro de 2019 Resposta

    […] O texto relacionado ao computador na língua sueca. Elementos como esses ajudaram a equipe de design a formular um caminho para os clientes que visitam a plataforma, para uma experiência de tradução fácil e evitando o índice drop-scroll como anteriormente [...]

  2. Otimização global do mecanismo de busca para todas as plataformas de idiomas – ConveyThis
    10 de dezembro de 2019 Resposta

    [...] as idéias em torno da plataforma multilíngue e da base de clientes fossem formuladas, o seguinte seria uma olhada no ingrediente textual para a linguagem [...]

  3. Vire seu WooCommerce Multilíngue – ConveyThis
    19 de março de 2020 Resposta

    [...] e obter um linguista da equipe de ConveyThis para dar uma olhada e editá-lo para que você possa ter certeza de que a redação e o tom são adequados aos valores da sua loja e [...]

  4. Quão personalizável é WooCommerce? – ConveyThis
    23 de março de 2020 Resposta

    [...] que os visuais são sempre muito carregados de significado cultural, e diferentes públicos têm diferentes expectativas de como as lojas devem exibir seus [...]

Deixe um comentário

Seu endereço de e-mail não será publicado. Os campos obrigatórios estão marcados com *