- \n
- The importance of translation quality<\/li>\n
- The importance of culturally relevant visuals on your multilingual website<\/li>\n
- The importance of a good design.<\/li>\n<\/ol>\n
Needless to say, all 3 of the above are critically important to overall success of your localized website, but for the sake of this post, we are discussing about one thing and only one thing: Website Language Selection: BEST PRACTICE.<\/strong><\/p>\n
EPIC Translations analyzed 110 websites that were professionally translated and localized!<\/strong> If a website had the \u201cGoogle Translate\u201d dropdown menu then we did not take it into account for the purposes of this post. Why? Well, if you\u2019re looking to localize your company\u2019s website professionally then we want you to be able to generate the best possible solution so you can emotionally and psychologically connect with your target audience!<\/p>\n
Moreover, the number of languages we counted per website excluded the default language of the company. Since all of the companies we evaluated were headquartered in the USA, we excluded ENGLISH-US from the count. But, if the website was localized for other English variants, such as English-Australia<\/strong>, English-UK<\/strong>, English-Hong Kong<\/strong>, English-India<\/strong>, English-Singapore<\/strong>, or English-UAE<\/strong>, then we considered these as localized languages.<\/p>\n
With that being said, let\u2019s get started!<\/p>\n
THE CRITERION:<\/strong><\/h3>\n
All of the websites we used for this post are global brands that have professionally localized their multilingual websites.<\/p>\n
THE INDUSTRIES:<\/strong><\/h3>\n
The localized websites that we chose were representative of a few different industries, such as:<\/p>\n
- \n
- Manufacturing<\/li>\n
- Legal<\/li>\n
- Marketing<\/li>\n
- Software Publishers<\/li>\n<\/ul>\n
We chose a variety of industries because we wanted to see if there truly is one best practice for implementing \u201cwebsite language selection\u201d that is applicable across different industries.<\/p>\n
THE DEFINITION:<\/strong><\/h3>\n
We use \u201clocalized\/translated\u201d interchangeably. In this post both of these words are meant to mean the same thing.<\/p>\n
INITIAL OBSERVATIONS:<\/strong><\/h3>\n
Global brands used different tactics based on a few factors, such as the number of languages supported and level of business activity in other countries.<\/p>\n
All in all, it took us about 15 to 20 hours to do the research, analyze the results, and to write this post. But we feel quite strongly that the time we spent on this post is well worth it for our current and future clients!<\/p>\n
THE TACTICS:<\/strong><\/h3>\n
Single language:<\/u>\u00a0<\/strong> We came across quite a few localized websites<\/a> that were translated into just 1 language, such as Spanish. In this scenario, it made more sense to just put a link to the Spanish website either at the header menu or at the footer menu.<\/p>\n
Here are some examples of this scenario:<\/p>\n
Header menu:<\/strong><\/p>\n
![\"website](\"https:\/\/dev.epictranslations.com\/wp-content\/uploads\/2017\/12\/1.png\")
<\/p>\nFooter menu:<\/strong><\/p>\n
![\"website](\"https:\/\/dev.epictranslations.com\/wp-content\/uploads\/2017\/12\/2.png\")
<\/p>\nMultiple Languages:<\/u> <\/strong>When it comes to showcasing multiple languages, there are different approaches that companies have used. Some of the common ones that we\u2019ve noticed time and again are:<\/p>\n
- \n
- Most common first and then the rest:<\/u> One of the intriguing examples we observed was how one of the websites listed most common languages for their company such as Chinese<\/a>, French<\/a>, Spanish<\/a>, and German <\/a>by displaying small flags at the top right and then displaying a \u201cSelect Language\u201d dropdown list for all of their supported languages. The benefit of this approach is that it gives your visitors \u201cinstant\u201d access to the languages that are most relevant to your company. The visitors do not need to browse thru the entire dropdown list of languages to access the most common ones. Here\u2019s a screenshot of this approach:<\/strong><\/li>\n<\/ul>\n
![\"Website](\"https:\/\/dev.epictranslations.com\/wp-content\/uploads\/2017\/12\/3.png\")
<\/p>\n- \n
- Change Your Location:<\/u> Another approach we observed was \u201cChange Your Location\u201d dropdown list. It does not mean that the website is localized for that location\u2019s language. For example, if you offer Europe as a location option, how will you display your website for the variety of languages that are common in Europe? Rather this tactic was used to provide additional information that is relevant to the selected locality. See below screenshot as an example.<\/li>\n<\/ul>\n
![\"website](\"https:\/\/dev.epictranslations.com\/wp-content\/uploads\/2017\/12\/4.png\")
<\/p>\n- \n
- Choose a Country:<\/u> This tactic uses a \u201cpop out\u201d window that pops out when you click on the language selection dropdown list. See below screenshot as an example.<\/li>\n<\/ul>\n
![\"localizing](\"https:\/\/dev.epictranslations.com\/wp-content\/uploads\/2017\/12\/5.png\")
<\/p>\nDid you notice how the country is mentioned in parenthesis if the language is a dialect that is specific to that country? While English is the common language between USA, UK, and Australia, the dialect for each country is unique. True localization happens when you respect each country\u2019s unique dialect and variant. Customers are able to see this level of attention on a website and the result is a greater deal of respect for your brand. This approach will yield the maximum long-term results for your brand.<\/p>\n
- \n
- International:<\/u> We came across one site that had a dropdown list labelled as \u201cInternational\u201d. We feel that this is a good enough approach as it tells the visitor that there are \u201cInternational\u201d choices available. But it is not as focused\/sharp as \u201cSelect Language\u201d.<\/li>\n<\/ul>\n
![\"website](\"https:\/\/dev.epictranslations.com\/wp-content\/uploads\/2017\/12\/6.png\")
<\/p>\n- \n
- Nothing But Globe:<\/u> The websites that just had an image of a globe that opens up a dropdown list of languages once you click on it is also not a user friendly approach. While it gets the job done, we don\u2019t recommend this option.<\/li>\n<\/ul>\n
![\"language](\"https:\/\/dev.epictranslations.com\/wp-content\/uploads\/2017\/12\/7.png\")
<\/p>\n- \n
- Flag Plus Language Name:<\/u> The websites that displayed flag of the country plus the language name is one of the best approaches that we\u2019ve seen. It speaks clearly to the visitor when it comes to selecting the desired language. See below screenshot for example.<\/li>\n<\/ul>\n
![\"online](\"https:\/\/dev.epictranslations.com\/wp-content\/uploads\/2017\/12\/8.png\")
<\/p>\n- \n
- Country But No Language Indication:<\/u> One of the least <\/em>user friendly\u00a0tactic we noticed was that a website lists countries, but does not indicate whether the website copy is localized for that country. It forces you to click on the country name to check. Here is the screenshot for this tactic.<\/li>\n<\/ul>\n
![\"official](\"https:\/\/dev.epictranslations.com\/wp-content\/uploads\/2017\/12\/9.png\")
<\/p>\n- \n
- Translation:<\/u> One of the most user friendly tactics we saw was the header \u201cTRANSLATION\u201d followed by dropdown list. This really leaves no room for any ambiguity whatsoever. This might be our favorite one! See below screenshot!<\/li>\n<\/ul>\n
![\"business](\"https:\/\/dev.epictranslations.com\/wp-content\/uploads\/2017\/12\/10.png\")
<\/p>\n- \n
- Another example we came across that falls within this similar approach is a button called \u201cTranslate >>\u201d. When you click on the button, pop-up windows show flags of the translated countries. While displaying just the flags is not necessarily the right tactic, it was very easy to use!<\/li>\n<\/ul>\n
![\"translation](\"https:\/\/dev.epictranslations.com\/wp-content\/uploads\/2017\/12\/11.png\")
<\/p>\nQuite a few sites had contact info for different countries for sales\/marketing purposes, but the sites were not actually localized for the corresponding countries. Rather, selecting a certain region\/country just displayed corresponding product related information. Needless to say, this approach is not recommended for certain countries that take great pride in their cultural history and language such as China and France. Our estimation is that this tactic was adopted by the companies due to business maturity reasons where the level of business activity might not be large enough for them to justify the the cost of translating\/localizing their website. See the 2 example screenshots below.<\/p>\n
Example 1:<\/strong><\/p>\n
![\"specialize](\"https:\/\/dev.epictranslations.com\/wp-content\/uploads\/2017\/12\/12.png\")
<\/p>\nExample 2:<\/strong><\/p>\n
![\"website](\"https:\/\/dev.epictranslations.com\/wp-content\/uploads\/2017\/12\/13.png\")
<\/p>\nOne of the disappointing tactics we observed was where a website lists a host of countries, but yet the website is translated for just one of the countries. For example:<\/p>\n
![\"website](\"https:\/\/dev.epictranslations.com\/wp-content\/uploads\/2017\/12\/14.png\")
<\/p>\nOur advice is to either not list so many countries without catering to their respective language(s), but if you must, then at least some parts of your website should be localized for the respective country.<\/p>\n
FINAL OBSERVATIONS:<\/strong><\/h2>\n
Out of the 110 websites we researched and analyzed, the average<\/em> number of supported languages was 6. Some have just 1 to 2 languages and some have as many as 99!<\/p>\n
If you\u2019re going to localize your website into just 1 or 2 languages, then you could just list the links to these languages. However, if your website is translated\/localized into more than 2 languages, then you should definitely adopt one of the following tactics:<\/p>\n
- Another example we came across that falls within this similar approach is a button called \u201cTranslate >>\u201d. When you click on the button, pop-up windows show flags of the translated countries. While displaying just the flags is not necessarily the right tactic, it was very easy to use!<\/li>\n<\/ul>\n
- Translation:<\/u> One of the most user friendly tactics we saw was the header \u201cTRANSLATION\u201d followed by dropdown list. This really leaves no room for any ambiguity whatsoever. This might be our favorite one! See below screenshot!<\/li>\n<\/ul>\n
- Country But No Language Indication:<\/u> One of the least <\/em>user friendly\u00a0tactic we noticed was that a website lists countries, but does not indicate whether the website copy is localized for that country. It forces you to click on the country name to check. Here is the screenshot for this tactic.<\/li>\n<\/ul>\n
- Flag Plus Language Name:<\/u> The websites that displayed flag of the country plus the language name is one of the best approaches that we\u2019ve seen. It speaks clearly to the visitor when it comes to selecting the desired language. See below screenshot for example.<\/li>\n<\/ul>\n
- Nothing But Globe:<\/u> The websites that just had an image of a globe that opens up a dropdown list of languages once you click on it is also not a user friendly approach. While it gets the job done, we don\u2019t recommend this option.<\/li>\n<\/ul>\n
- International:<\/u> We came across one site that had a dropdown list labelled as \u201cInternational\u201d. We feel that this is a good enough approach as it tells the visitor that there are \u201cInternational\u201d choices available. But it is not as focused\/sharp as \u201cSelect Language\u201d.<\/li>\n<\/ul>\n
- Choose a Country:<\/u> This tactic uses a \u201cpop out\u201d window that pops out when you click on the language selection dropdown list. See below screenshot as an example.<\/li>\n<\/ul>\n
- Change Your Location:<\/u> Another approach we observed was \u201cChange Your Location\u201d dropdown list. It does not mean that the website is localized for that location\u2019s language. For example, if you offer Europe as a location option, how will you display your website for the variety of languages that are common in Europe? Rather this tactic was used to provide additional information that is relevant to the selected locality. See below screenshot as an example.<\/li>\n<\/ul>\n
- Most common first and then the rest:<\/u> One of the intriguing examples we observed was how one of the websites listed most common languages for their company such as Chinese<\/a>, French<\/a>, Spanish<\/a>, and German <\/a>by displaying small flags at the top right and then displaying a \u201cSelect Language\u201d dropdown list for all of their supported languages. The benefit of this approach is that it gives your visitors \u201cinstant\u201d access to the languages that are most relevant to your company. The visitors do not need to browse thru the entire dropdown list of languages to access the most common ones. Here\u2019s a screenshot of this approach:<\/strong><\/li>\n<\/ul>\n