什么是国际化（i18n）？含义、定义与挑战

i18n 是什么意思？

如果你从事软件开发、网页设计或数字营销，你可能遇到过 i18n 这个术语。i18n 的真正含义其实是 国际化 (internationalization) 的一个数字略写。

但为什么是 "i18n"？这个缩写是由单词 "internationalization" 的第一个字母 (i)、最后一个字母 (n) 以及它们之间的字母数量 (18) 组成的。这种惯例在科技行业经常被用来缩短冗长、繁琐的术语（另一个常见的例子是本地化 l10n）。

国际化（i18n）的定义

国际化，通常缩写为 i18n，是设计和准备一个应用程序以支持多种语言、文化和地区惯例的过程而不对代码库进行重大更改。i18n这个名称源于“国际化”这个词中i和n之间有18个字母这一事实。

理解 i18n 的含义不仅仅是知道这个缩写代表什么。更重要的是识别其背后的架构原则。当一个项目被正确地 "国际化" 时，意味着开发人员已经将内容与代码解耦。

与其将文本硬编码到应用程序中，如下所示：

javascript

复制代码

复制代码到剪贴板

<button>提交</button>

支持 i18n 的应用程序使用翻译键或变量：

javascript

复制代码

复制代码到剪贴板

<button>{t("submit_button")}</button>

这确保了应用程序可以根据用户的偏好动态加载正确的语言字典（例如英语、西班牙语、日语），而无需重写组件。

为什么国际化很重要

SEO

国际化在增强网站搜索引擎优化（SEO）方面发挥着至关重要的作用。搜索引擎如Google和Bing分析您内容的语言和文化相关性，以确定其排名。通过调整您的网站以支持多种语言和地区格式，您可以显著提高其在搜索结果中的可见性。这不仅吸引了更广泛的受众，还帮助您的网站获得更高的排名，因为搜索引擎认识到为迎合多样化用户群体所做的努力。

全球覆盖

国际化所提供的全球覆盖同样重要。当您消除语言障碍并设计应用程序以支持各种文化规范时，您为来自世界各地的数百万潜在用户打开了大门。提供本地化内容和用户界面将您的产品与可能仅提供有限语言支持的竞争对手区分开。这种包容性的方法确保用户无论身处何地都能感到被认可和重视，最终扩大您产品的市场并提高其在全球市场中的竞争力。

用户体验

国际化的另一个显著好处是增强用户体验。用户往往对以其母语进行交流并尊重当地惯例（例如日期格式、货币和计量单位）的软件感到更舒适和与之相连。这种个性化的体验是建立信任和满意度的关键，促进长期用户留存。当用户能够无缝地导航和理解一个应用程序时，他们更可能深度参与，从而为积极的评价、推荐和持续增长铺平道路。

国际化 (i18n) 与本地化 (l10n)

国际化 (i18n) 是设计您的产品，以便可以轻松支持多种语言和地区差异的过程。例如，如果您构建一个考虑到国际化的网站，您将确保文本字段支持各种字符集，日期遵循不同的本地格式，并在翻译成其他语言时，布局调整以适应文本扩展。

本地化 (l10n) 是国际化之后进行的工作。它涉及翻译内容并调整文化细节以满足特定受众的需求。例如，一旦网站经过国际化，您可能会通过翻译所有文本、将日期格式更改为日/月/年，甚至调整图像或图标来更好地符合法国文化规范而将其本地化。

总之，国际化为您的产品的全球使用做好准备，而本地化则为特定市场进行调整。

把 i18n 想象成制造一辆方向盘可以安装在左侧或右侧的汽车。l10n 则是为了在英国销售而将方向盘实际安装在右侧的行为。

关于 i18n 含义的常见误区

"i18n 仅仅意味着翻译。" 虽然翻译是最终结果的重要组成部分，但 i18n 的真正含义涵盖了格式化、复数规则、文本方向和架构就绪性。
"我们可以以后再添加 i18n。" 事后为应用程序进行国际化改造是极其困难的。硬编码的字符串、死板的 UI 组件和不兼容的日期格式可能会导致巨大的技术债务。从一开始就规划 i18n 是一项基本的最佳实践。

网站中应该国际化的内容是什么？

文本内容： 所有书面元素，如标题、正文和按钮都需要翻译。例如，像“欢迎访问我们的网站”这样的标题应该变成“Bienvenido a nuestro sitio web”以供西班牙语受众使用。
错误消息： 清晰简明的错误通知至关重要。如果表单错误显示“无效的电子邮件地址”，则应在法语中呈现为“Adresse e-mail non valide”，以帮助用户理解问题。
电子邮件和通知： 自动化通讯，包括密码重置或订单确认，必须进行本地化。例如，订单确认邮件可能会在英语中以“尊敬的客户”来问候用户，而在法语中则为“Cher(e) client(e)”。
可访问性标签： 图像的标签和替代文本需要翻译，以便辅助技术能够正常工作。例如，具有替代文本“微笑的孩子在玩”的图像在法语中应改为“Enfant souriant qui joue”。
编号： 不同地区对数字的格式不同。对于讲英语的地区，“1,000.50”适用，但许多欧洲格式需要“1.000,50”，因此地方适应性很重要。
货币： 按照本地的符号和格式显示价格。例如，在美国标示为“$99.99”的商品，在面向欧洲客户时应转为“€97.10”。
测量单位： 温度、距离和体积等单位应根据当地偏好显示。例如，天气应用可能会为美国用户显示“68°F”，但对其他用户则显示“20°C”。
文本方向： 应根据语言的不同方向调整阅读顺序和布局。用英语（从左到右）的网站在阿拉伯语本地化时必须切换对齐方式，阿拉伯语从右到左阅读。
日期和时间： 格式在不同地区之间有所不同。在美国显示为“12/25/2025 at 3:00 PM”的事件，在其他地方可能需要作为“25/12/2025 at 15:00”来显示，以避免混淆。
时区： 为本地时区进行调整，确保时间敏感内容（例如事件时间表、交货时间或客户支持时间）准确显示。例如，计划为“3:00 PM EST”的在线网络研讨会应转换为相应的本地时间，例如对英国用户来说为“8:00 PM GMT”。

这个简要概述涵盖了应该国际化的主要元素，确保内容易于访问、文化适宜，并易于全球受众理解。

常见的国际化挑战

i18n pain illustration

可维护性
每个网站更新都必须在每种语言中反映，要求高效的工作流程和仔细的协调，以确保所有版本的一致性。
字符串连接
避免构造类似于“Hello, " + username + "!"”的消息，因为单词顺序在不同语言中可能不同；相反，应该使用占位符，例如Hello, {username}!来适应语言变化。
复数形式
不同的语言具有不同的复数规则，有时有多种形式。使用像ICU MessageFormat这样的库可以简化处理这些复数复杂性。
用户界面和文本长度
某些语言（例如德语）文字往往比英语长。如果设计不够灵活，这可能会破坏布局，因此响应式设计是关键。
字符编码
使用适当的字符编码（如UTF-8）对于正确显示多样化的字母表和符号至关重要，以防止文本误解或乱码。
硬编码布局
固定大小的用户界面组件可能无法很好地适应较长的翻译，导致文本溢出。灵活的响应式布局有助于减轻此问题。
动态语言切换
用户希望在不重新启动应用程序或重新身份验证的情况下切换语言。该功能要求在架构中进行无缝、精心规划的实现。
语言方向支持
忽视从右到左（RTL）语言的支持可能在后期产生重大重新设计挑战。最好从一开始就为RTL兼容性做好规划。
文化敏感性
图标、颜色和符号在不同文化之间可能具有不同的含义。重要的是调整视觉和文本内容以尊重当地文化细微差别。

实施国际化的最佳实践

提前规划
在项目的最开始就整合国际化。提前解决国际化的问题成本较低、简单，确保从一开始就能提供更顺畅的开发过程。
使用成熟的 i18n 框架
不要重新发明轮子。无论你使用的是 React、Vue、Next.js 还是纯 JavaScript，都有专门设计的 i18n 库来处理繁重的工作（如复数化和插值）。
抽象所有面向用户的文本
确保你的 UI 组件中不存在硬编码文本。
自动化翻译管理
利用人工智能驱动的翻译服务，例如Intlayer提供的服务，以高效管理您的翻译。通过自动化，当您发布新文章时，所有翻译会自动生成，从而节省时间并减少人工错误。
使用可视化编辑器
实施可视化编辑器以帮助翻译者以其实际用户界面上下文查看内容。像Intlayer的可视化编辑器这样的工具最小化错误和混淆，确保翻译准确并反映最终设计。
翻译重用性
组织翻译文件，使其能够在多个网站或应用程序中重用。例如，如果您有一个多语言的页脚或页头，设置专用翻译文件，以便通用元素可以轻松应用于所有项目。

本地内容声明与CMS内容外部化

在创建网站时，像WordPress、Wix或Drupal这样的内容管理系统（CMS）通常提供更好的可维护性。尤其对于博客或落地页，因为它们集成了国际化功能。

然而，对于具有复杂功能或业务逻辑的应用程序，CMS可能显得太过不灵活，您可能需要考虑国际化库。

许多国际化库的挑战在于，它们通常要求将翻译硬编码到代码库中。这意味着，如果内容管理者想要更新翻译，他们被迫修改代码并重建应用程序。为了解决这个问题，一些工具作为“基于Git的CMS”或“国际化CMS”出现，以协助内容管理者。但是，即使这些解决方案通常在内容更改时也需要进行代码库更新和重建。

鉴于这些挑战，通常会选择无头CMS来外部化内容并简化翻译管理。然而，在使用CMS进行国际化时存在一些显著的缺点：