互联网已经远远超越了语言障碍，就像一种无处不在的现代实用工具。大多数网站只关注一种语言，而大型网站则试图用多种语言的解决方案为国际观众服务。

这可能是一项艰巨的任务，而且有许多不同的技术可以做到这一点。在这篇文章中，我想探讨一下多语种的网页设计，以及在现代如何正确地设计它。多语言支持对于内容可访问性在当今时代，任何网站无论大小。

多语种基础

湛江网络公司任何运行多种语言的网站通常都有特定的内容架构。它可以驻留在单独的子域、页/目录上，也可以由cookie或会话控制。

但该网站的大部分代码仍然相同，运行在UTF-8上。这种字符编码支持多种语言，对于英语、法语、德语和意大利语等西方语言来说，它是最受欢迎的选择。

当动态地完成翻译时，实际的翻译过程是最简单的。但是如果你有耐心的话，你可以手动翻译内容。

这个翻译过程涉及到实际的字母本身，也涉及到单个单词和句子的正确翻译。如果可能的话，您还需要更正一些次要的细节，如货币符号和价格和日期的数字格式。

我还想澄清一个非常常见的问题：本土化与国际化？这些术语似乎非常相似，但这条线掩盖了微妙的差异。

国际化(I18n)过程“升级”了一个具有支持其他语言的技术规范的网站。然后，本地化过程(L10N)允许您对任何您想支持的语言遵循这个过程。

您可能已经注意到了缩写i18n和L10N。这些是用数字来表示每个单词中省略的字母的速记短语。这些短语在web开发中非常常见，因为它们节省了时间，而且更直接。如果你去搜索插件，尝试使用这些关键字来获得更好的结果。

此外，如果您正在寻找这些术语的更广泛的介绍，请查看其中一些相关链接：

• 9网站本地化技巧

• 本地化与国际化-W3C

• 多语种网站设计：入门指南

为i18n构造一个站点

许多站点依赖于每种语言的子域。像Amazon这样的其他公司则有不同的TLD，比如法国的.fr或意大利语的.it。

但是，您也可以执行自定义查询参数，例如myurl.com？lang=fr。没有单一的正确或错误的答案，所以技术结构确实取决于网站的大小和您计划支持的语言数量。

但是如何设置本地化URL结构可以极大地影响网站的SEO。在……里面这篇文章你会发现对所有不同的选择的利弊，最好的初学者似乎是子域。

我个人推荐子域方法，因为它只是大多数网站最简单的选择。但是，如果您喜欢使用代码，那么带有cookie或会话的URL参数也是有效的。

许多Web开发人员避免使用cookie，因为它们不太可靠，也不适合不同的翻译搜索。检查这个堆栈线程了解一下为什么定制URL通常是更好的选择。

大多数后端语言(如PHP、Python和Ruby)都有自己的国际化库。您可以使用简单的字符串的文本，如NAV菜单链接，运行通过后端库，并迅速转换成任何语言，你需要。

以下是i18n最好的后端资源：

• PHP中的国际化函数

• Ruby的国际化(I18n)库

• Python gettext库

多语种网页设计

多语言站点的设计方面与技术方面一样棘手。

您需要规划替代语言的出现位置，以及用户应该如何更改语言，或者如何检测提供哪种语言。例如，您可以根据IP地址传递默认语言。这对于像日本这样的国家来说很好，但是像瑞士这样的多语种国家又如何呢？

最好是默认使用一种语言，然后在页面上提供其他选项。这些替代语言可以是页眉或页脚中的链接，允许访问者根据自己的喜好更改语言。

这个Amazon.com页脚是这一技术在行动中的一个很好的例子。

他们实际上使用的是不同的国家代码TLDs，因为他们经营着一家大型的国际公司。但是语言链接被放置在所有网站的相同位置，因此用户更容易找到它们。

但是，您可以尝试使用带有所有可用语言的下拉菜单，而不是单个的超链接。

检查一下IBM主页它使用页脚中的选择菜单，提供5种不同的语言可供选择。

我更喜欢这种风格，因为它在页面上占用的空间更少。游客可以清楚地看出，有一个下拉菜单，它被标记为切换到另一种语言。

棘手的部分是引导用户在页脚中找到这个复选框。诚然，有些公司认为多语言支持不够重要，无法塞进首页。

但是有了这样的选择菜单，把它放在任何地方都容易得多，而且仍然能得到结果。

爱彼迎也使用了SELECT菜单，它在页脚中的功能更加突出。

他们的语言系统使用子域方法，因此您可以选择任何您想要的语言以及整个URL的更改。它仍然在同一个域上，只是一个不同的子域，可以与Google分开索引。

你如何在你自己的网站上设计这将在很大程度上取决于观众和你的目标。如果您只支持几种语言，那么您可以在屏幕的右上角放置标志。但是如果你想支持大多数语言，那么你应该选择一个菜单，比如Airbnb的主页。

尝试一些不同的风格和位置，看看哪些感觉最好。

翻译工具与资源

最后，我想为web开发人员共享一小部分翻译资源。

有些花了钱，而另一些则是免费的，所以有一个组合可供选择。但它们都是为了在网络上国际化，以加快开发过程，并使您更容易完成一个新的项目。

WordPress WPML

在过去的一篇文章中，我们讨论了如何用WordPress执行i18n但我们主要关注的是主题开发。使用类似的插件WordPress WPML在翻译过程中可以节省很多时间和头痛。

如果您需要在WordPress上运行一个多语言站点，那么没有更好的选择了。该插件是疯狂的便宜，它是最好的优质WP插件之一，考虑到你得到的一切。

I18Next

网络世界严重依赖JavaScript和I18Next更能证明这一点。这是一个基于JavaScript的大规模国际化库，带有其他基于JS的引擎(如Node.js)的选项。

可以找到整个i 18下一个项目。论GitHub对于JS驱动的翻译来说，这是一个很好的解决方案。这是后面的同一支队伍罗西泽这是一个类似的项目，为web开发人员。

Localize.js

更新Localize.js对于想要卸载翻译过程的专业公司来说，图书馆真的很方便。这确实需要更高层次的费用，但您可以尝试在演示站点上进行免费试用。

由于定价层的原因，这可能不是大多数用户的最佳解决方案。但这是一个选择，如果你愿意支付翻译服务的费用，这是可行的。

盖特文

湛江网络公司每个开发人员都应该知道gettext因为它已经存在很久了。该项目得到GNU和GNU翻译项目的支持，该项目旨在为希望为其项目翻译内容的开发人员建立一个更大的范围。

这是一个很大的库，因为它适用于几乎任何语言，并且超越了网络环境。但是它是完全免费的，也是你能得到的最流行的翻译库之一。如果您需要高辛烷值翻译，那么gettext是这项工作的工具。

包起来

在网上翻译没有万无一失的方法。技术已经取得了很大的进步，但还有很长的路要走，特别是随着人口的增长和不断发展的设备连接到互联网上。

我希望这篇文章能对网页设计的多语种方面有所帮助。如果您能够计划如何设计、设计和从技术上翻译内容，那么您将能够为任何大小的Web项目处理这个任务。