How to add web translator to the website (Multilingual Website)

Add Language Translation to your website

Introduction:

In this article i will explain the process of automatically translate the webpage to multiple languages. In this article you will get an idea on things like "What are the ways to for site visitors to see your webpages in their own language , without having to go to separate translation site.

How to make visitors love your website even though they don’t understand website language by adding language translation to your website.How to make a website as Multilingual."

Description:

   Making a website as Multilingual Enables visitors to read your content in their own language.

I suggest you first to be aware of the following things.

 What is language translation for website and blogger?

  It is process the process of transforming our website content language into users browsers default language. Either this process is automatic based on visitors location or we externally giving opportunity for visitors by external plugin where user chooses his language.

Why is this required for our websites?

If you are developing a website or blog and if your site is targeted multiple countries or communities of people then this web translation is required. Because of their native language is not same as our language.

What are different ways to add website translation your site?

There are lot of free language translation tools available on internet which convert our content into multiple languages on visitor choice. Most popular free web-based language translation tools are offered by Google, AltaVista babelfish and WorldLingo. 

      

Using this tools web audience who speak different languages like English,French,Spanish,German,Dutch,Chinese,Portuguese,Greek,Korean,Russian and Japanese will be able to translate websites into their native language.

How much important it is?

If you are targeting different communities in the world then this web translation is very important. How much it is important means over 65% of web users speaking a language other than English providing this web translation feature to your site is very very essential i thought.

How this web Translation feature increase your traffic or helps in terms of Search Engine Optimization?

If you provide this feature on your website  if any visitor came from other country if he don’t understand English. Then using this feature he can translate into his native language. If suppose he likes your content ultimately he travels through other related posts on your site or blog he may bookmark your site.

Bookmarking a site means ultimately your site is very much important for him. Even search engines can not do this much help in terms of Seo i thought.

Now look into different approaches to integrate web translation feature to your website:

Approach One:

This approach is like a conversion tools where these services provide a translation box. Means to translate a webpage, you should enter website Url in box, choose the source and target language and then click translate button. Some tools are Word Lingo, Google Translate, Babel FishTranslate etc.

Approach Two:

In this approach you will place third party code in your website (web service type) then automatically you will get this service on your site. This is like plugin. You will get country icons in this plugins like this.

Different Third Party services are

 1.       Alta Vista Babel Fish:

This service is available in English, German, Italian,Spanish,French and Portuguese. To integrate this service in your site add following java script code to your website

<br/><script languge=”javascript” src=http://www.altavista.com/static/scripts/translate_eng1.js>

2.       Google Translate:

This service is available in English, Spanish,Italian,Portuguese,German,Japanese, Korean and Chinese. Remember to replace the value of variable “URL of your site” with your site URL. This translated pages can be bookmarked.

<table width="320"> <tr> <td> </td> <form action="http://www.google.com/translate" target="_blank"> <td width="40"><script language="JavaScript"> <!-- document.write ("<input name=URL of your site value="+location.href+" type=hidden>") // --> </script> <noscript> <input name="url of your site" value="http://aspdotnet-sekhar.blogspot.com" type="hidden" /> </noscript> <input name="hl" value="en" type="hidden"> <input name="ie" value="UTF8" type="hidden"> <input name="langpair" value="" type="hidden"> <input name="langpair" value="en|fr" title="Français/French" src="http://photos1.blogger.com/img/43/1633/320/13539949_e76af75976.jpg" onclick="this.form.langpair.value=this.value" height="20" type="image" width="30"> </td> <td width="40"><input name="langpair" value="en|de" title="Deutsch/German" src="http://photos1.blogger.com/img/43/1633/320/13539933_041ca1eda2.jpg" onclick="this.form.langpair.value=this.value" height="20" type="image" width="30"> </td> <td width="40"><input name="langpair" value="en|it" title="Italiano/Italian" src="http://photos1.blogger.com/img/43/1633/320/13539953_0384ccecf9.jpg" onclick="this.form.langpair.value=this.value" height="20" type="image" width="30"> </td> <td width="40"><input name="langpair" value="en|pt" title="Português/Portuguese" src="http://photos1.blogger.com/img/43/1633/320/13539966_0d09b410b5.jpg" onclick="this.form.langpair.value=this.value" height="20" type="image" width="30"> </td> <td width="40"><input name="langpair" value="en|es" title="Español/Spanish" src="http://photos1.blogger.com/img/43/1633/320/13539946_2fabed0dbf.jpg" onclick="this.form.langpair.value=this.value" height="20" type="image" width="30"> </td> <td width="40"><input name="langpair" value="en|ja" title="日本語/Japanese" src="http://photos1.blogger.com/img/43/1633/320/13539955_925e6683c8.jpg" onclick="this.form.langpair.value=this.value" height="20" type="image" width="30"> </td> <td width="40"><input name="langpair" value="en|ko" title="한국어/Korean" src="http://photos1.blogger.com/img/43/1633/320/13539958_3c3b482c95.jpg" onclick="this.form.langpair.value=this.value" height="20" type="image" width="30"> </td> <td width="40"><input name="langpair" value="en|zh-CN" title="中文（简体）/Chinese Simplified" src="http://photos1.blogger.com/img/43/1633/320/14324441_5ca5ce3423.jpg" onclick="this.form.langpair.value=this.value" height="20" type="image" width="30"> </td> </form> </tr> </table>

3.       World Ling Web URL Translator:

I will suggest you to use this service because Google indexes the URLs Translated by World Ling. This service available in English,Spanish,German,Italian, Portuguese,Dutch,Chinese,Greek,Korean and Japanese. The translated pages can be bookmarked.

<table width="320"> <tr> <td width="40"><a href="http://www.worldlingo.com/wl/translate?wl_fl=2&wl_url=<$BlogItemPermalinkUrl$>&wl_lp=en-fr"><img alt="Français/French" src="http://photos1.blogger.com/img/43/1633/320/13539949_e76af75976.jpg" height="20" width="30"/></a> </td> <td width="40"><a href="http://www.worldlingo.com/wl/translate?wl_fl=2&wl_url=<$BlogItemPermalinkUrl$>&wl_lp=en-de"><img alt="Deutsch/German" src="http://photos1.blogger.com/img/43/1633/320/13539933_041ca1eda2.jpg" height="20" width="30"/></a> </td> <br /><td width="40"><a href="http://www.worldlingo.com/wl/translate?wl_fl=2&wl_url=<$BlogItemPermalinkUrl$>&wl_lp=en-it"><img alt="Italiano/Italian" src="http://photos1.blogger.com/img/43/1633/320/13539953_0384ccecf9.jpg" height="20" width="30"/></a> </td> <td width="40"><a href="http://www.worldlingo.com/wl/translate?wl_fl=2&wl_url=<$BlogItemPermalinkUrl$>&wl_lp=en-pt"><img alt="Português/Portuguese" src="http://photos1.blogger.com/img/43/1633/320/13539966_0d09b410b5.jpg" height="20" width="30"/></a> </td> <td width="40"><a href="http://www.worldlingo.com/wl/translate?wl_fl=2&wl_url=<$BlogItemPermalinkUrl$>&wl_lp=en-es"><img alt="Español/Spanish" src="http://photos1.blogger.com/img/43/1633/320/13539946_2fabed0dbf.jpg" height="20" width="30"/></a> </td> <td width="40"><a href="http://www.worldlingo.com/wl/translate?wl_fl=2&wl_url=<$BlogItemPermalinkUrl$>&wl_lp=en-ja"><img alt="日本語/Japanese" src="http://photos1.blogger.com/img/43/1633/320/13539955_925e6683c8.jpg" height="20" width="30"/></a> </td> <td width="40"><a href="http://www.worldlingo.com/wl/translate?wl_fl=2&wl_url=<$BlogItemPermalinkUrl$>&wl_lp=en-ko"><img alt="한국어/Korean" src="http://photos1.blogger.com/img/43/1633/320/13539958_3c3b482c95.jpg" height="20" width="30"/></a> </td> <td width="40"><a href="http://www.worldlingo.com/wl/translate?wl_fl=2&wl_url=<$BlogItemPermalinkUrl$>&wl_lp=en-zh_cn"><img alt="中文（简体）/Chinese Simplified" src="http://photos1.blogger.com/img/43/1633/320/14324441_5ca5ce3423.jpg" height="20" width="30"/></a> </td> </tr> </table>

The above translation code is customized for blogger template.

The <$BlogItemPermalinkUrl$> tag should be wrapped inside the <Blogger> tags.

 Conclusion:

 I hope you understand how important is a web translator and how to integrate it to our sites.There are lot of techniques and tools available on net regarding web translation you better to know that. In my next article i will explain how to integrate yahoo web translator. I would like to have feedback from my blog readers. Your valuable feedback,Suggestions,Questions, Comments about this article are always welcome.

Related Tutorials

• Architecture of WPF.
• Creation of Three Tier Architecture in .Net Application.
• Difference between App.config and Web.Config
• Asp.Net Validation Controls Tutorial
• Asp.Net Ajax Tutorials
• Difference between Machine.Config and Web.Config in Asp.Net Framework.
• Basic Drawings and Shapes in WPF.
• How to read and write key values from and to App.config Settings file .Net Windows Application.
• How to Use RangeValidator Control in Asp.Net with Example.
• Asp.Net Ajax Server Controls, Ajax Control Toolkit Download and Installation Tutorial.
• How to Use ViewState in Asp.Net(State Management Techniques).
• How to use Hidden Field in Asp.Net with Example(State Managemet Techniques).
• Beginners Tutorial on How to use QueryStrings in Asp.Net(State Management Techniques).
• Asp.Net Cookie Usage Overview with example(State Management Techniques).
• Access Specifiers or Modifiers in C# with example(Oops Concept).