Bilingual Website Designs

Web design for a bilingual website design is slightly more tricky
than a website design in a single language, especially if you want
search engines to be able to find and index the pages. There are a few
general rules available that will help with the configuring of the site
in such a way that it can be ‘spidered’ and understood by the search
engines.

There are a number of reasons why you may need to design a bilingual website including when the website owner is trying to reach a wider audience that consists of more than one language base. For example a website being designed in France may be trying to reach a French audience but might also be trying to reach an English expat community at the same time.

So there may be a need for a combined English/French site but this could just as easily be English/Spanish, Portuguese/Spanish or any other combination for that matter; there are many countries and places in the world where it makes sense to have a website with more than one language.

So now the question comes up as to how the site should be structured in order for it to be discovered by the search engines in a way that gives the site it’s proper recognition and appropriate ranking so that it gets listed in search engine results.

There are a few general rules of thumb to adhere to:

  • try not to mix languages in side by side or above below translations
  • identify individual pages in the language they represent i.e. their file names
  • use the ‘metatag’ for language to tell the search engine what language is being presented
  • provide links from one language to the other that are easy to follow
  • for sites that are multiple language sites consider an entrance page as the ‘index’ page that offers all the available languages so that the visitor can decide which set of pages they would like to visit i.e. they select their language of choice

To expand on the ‘linking from one language to another’ statement a little, there are a couple of options available:

  • You could provide a link that takes the visitor from the page they are on to the replica page in the alternative language
  • you could just take them to the ‘index’ page equivalent for the alternative language and let them navigate from there

The latter is obviously easier and has some benefits in that it takes the visitor to the main welcome page for the site so that they get the site message before moving on to the detail. But this may not always suit the visitor who may see it as an unnecessary click and possibly inconvenient.

The best option is to discuss the alternatives with your customer and determine what their preference is. Either approach works for multilingual sites as well, although the navigation is a little more complex simply because there will be more links involved.

There are a couple of preferred ways of approaching how the language pages are collected together. Folders can be created for the alternative languages or alternatively sub domains can be created for the alternative languages. So the format for each would look respectively like this:

  • ‘http://mydomain.com/uk/file.html’
  • ‘http://uk.mydomain.com’

The creation of bilingual or multilingual sites also means that the web designer needs to be even more fastidious in his site updates than usual to ensure that all pages where required get updated appropriately in all languages.

With respect to Google there are assumptions that are made on a sites geographic location based on the domain name that is used (.fr,.de etc.), what server the site is located on and to an extent the language used.

To ensure that the site is targeted to the correct geographic location you can use Google’s webmaster tools to define a location. But this feature does need to be used correctly and this makes it worth searching their help files for information on how and when to do this, or at least watching the video that has been supplied.

One piece of advice worth noting is that for URL’s that are going to contain non-English characters then you must use the UTF-8 encoding and they must be properly escaped i.e. use the code for the hyphenated letter rather than the plain letter.That said, Google state they have no problem in interpreting the English characters when used in a foreign word, so it probably isn’t necessary to go to this level of detail.

This entry was posted in blingual website design, website design. Bookmark the permalink.

6 Responses to Bilingual Website Designs

  1. Joomla Website Designer says:

    Its really a nice article talking about bilingual website designs. As a web developer I know that these are not that easy to design but you really have given some nice tips & tricks to accomplish this.

  2. london wall clock says:

    thanks

    exactly the info I needed – i need to do one in spanish as market is growing

  3. Brian says:

    Glad to have been of assistance, once you know what to do its relatively straight forward. But as with all of these kinds of problems, getting to clear information is not always easy.

  4. buy and sell says:

    I assumed that bilingual website designs are not easy to perform and your post help to understand how it works.

  5. Ingedesign says:

    Thanks for the tips, always good to share ideas among ourselves for better bilingual sites. One thing that wasn’t mentioned seems rather obvious, but sometimes needs reiteration. That is, ensure good quality, accurate, grammatically correct copy by a fluent speaker of the language you are making the page in. One thing that will be immediately obvious to a more than beginner-level speak in a language is whether or not it was written in one language and then machine-translated (such as through Google Translate), or written by a non-fluent speaker and not reviewed. Even when you think the copy is perfect, it is always good to double-check (that’s why there are copy-editors!). It will certainly take more time and effort to get it correct, but your clients and readers will certainly appreciate the effort. The downside can be large if it’s not correct. Errors, or even cultural misunderstandings can block your message or leave a negative impression. Take the time to run it by a fluent (and competent) writer of the language you are creating pages in.

    • mwdadmin says:

      Hi Stuart, that is a rather obvious omission. Getting the language translated by a native speaker will of course help to ensure a human audience values the page and even more importantly can understand the content. Many thanks for pointing that out and for your suggestions.

Leave a Reply