Smartling 荣获《Forrester Wave™:2026 年第三季度本地化服务》报告“领导者”称号。
Smartling 在 Forrester Wave ™报告中被评为领导者

网站翻译小部件和插件是如何工作的?

网站翻译小部件是一个可嵌入的组件(通常是 JavaScript 代码片段或 CMS 插件),它可以让访问者用另一种语言查看您的网站。每个小部件或插件都使用以下三种架构之一:客户端脚本,用于替换浏览器中可见的文本;CMS 插件,用于将翻译存储在您的内容平台中;或者翻译代理,用于在其自己的 URL 上提供完全翻译的页面。决定翻译后的页面能否被搜索引擎索引、被人工智能答案引擎引用以及像其他内容一样进行质量控制的,是网站架构,而不是按钮设计。

上次审核日期:2026年9月8日

有没有什么免费工具可以轻松翻译网站内容?

是的——像 Chrome 内置页面翻译和 Google 翻译网页界面这样的免费工具可以立即将任何公共页面渲染成另一种语言,而且它们完全免费。问题在于,它们一次只能为一位访客在其浏览器中进行翻译,这意味着您的网站本身永远不会获得翻译后的页面。使用免费工具起步的团队往往会遇到以下五个共同的难题:

  • 浏览器翻译仅限访客端。Chrome 或 Edge 翻译页面对某个读者有帮助,但翻译后的文本仅存在于该读者的浏览器会话中——您的网站仍然以一种语言发布,您无法控制输出质量。
  • 谷歌已停止向企业提供免费的嵌入式小部件。谷歌于 2019 年 12 月停止向新的商业用户提供网站翻译器小部件,其 2020 年的重新发布仅限于非商业性的政府、非营利组织和学术网站——因此,经典的免费“翻译按钮”不再是公司网站的选择。
  • 客户端文本替换对爬虫是不可见的。页面加载后替换文本的脚本只会保留源语言的 HTML,搜索引擎和 AI 答案引擎只会读取这些内容,因此翻译后的内容无法在其他市场获得排名或被引用。
  • 未经审核的机器翻译原始文本会直接发布。免费工具采用通用机器翻译,没有翻译记忆库、术语表或人工审核步骤,因此产品名称、法律文本和品牌语调最先出现明显的翻译错误。
  • 动态内容漏过了。JavaScript 框架渲染的内容或根据用户个性化的内容,恰恰是通用页面翻译工具最不可靠的处理对象,因此现代 Web 应用程序最终只能翻译一半。

网站翻译小部件和插件主要有哪些类型?

网站翻译工具分为五个层次,大致按照它们赋予你对质量和SEO的控制程度排序:

  • 免费浏览器和页面翻译器——Chrome 内置翻译和 Google 翻译网页界面仅在访问者端进行翻译。它们对概括要点很有用,但对你的网站本身没有任何增益。
  • 托管 JavaScript 小部件— Weglot 和 Localize 类别的服务通过脚本片段添加翻译,以设置速度为代价,依赖于供应商的托管层。在评估一个应用程序时,决定性的问题是它是否为每种语言提供独立的、可索引的 URL,还是仅仅在客户端交换文本。
  • CMS 插件和连接器——插件存在于特定的内容平台中,并转换其存储的内容;Smartling 为 wordpress.org 上的 WordPress 开发的 Connector 插件就是一个例子。有关 WordPress 插件选项的具体比较,请参阅9 个最佳 WordPress 翻译插件。
  • 翻译代理——像 Smartling 的全球交付网络 (GDN) 这样的代理位于您的 Web 服务器和访问者之间,在传输过程中替换翻译文本并重写 URL,因此无论网站采用何种技术构建,它都能正常工作,并且无需重新平台化。
  • 客户端翻译库和 API — Smartling 的动态内容支持 (DCS) 是一个 JavaScript 库,可在浏览器渲染内容时进行翻译,专为框架渲染的应用程序(React、Next、Vue、Angular)而构建;翻译交付 API 则在团队想要完全控制交付时,作为 API 端点提供翻译服务。

大多数企业网站最终都会结合多个层——HTML 页面的代理加上用于框架渲染组件的客户端库——而不是把所有希望都寄托在一种机制上。

网站翻译小部件和插件:数据统计

指标数字原文
Google 网站翻译插件可用于商业网站2019年12月停用;2020年重新发布,仅限政府机构、非营利组织和学术机构使用。Google 翻译帮助:翻译文档和网站
Smartling GDN 正常运行时间保证99.99%Smartling GDN
GDN 可以提供的本地化 URL 结构3(ccTLD、子域名、子目录),包含翻译后的 URL 和关键词Smartling GDN
预置的 Smartling 连接器和插件50+Smartling 集成
Smartling AI Hub 提供 LLM 和 MT 引擎20+Smartling 人工智能中心
Smartling 工作流程背后的专业语言学家网络4,000+Smartling 专业翻译

如何在我的网站上嵌入翻译按钮?

嵌入按钮很容易——真正的决定在于访客点击按钮后会发生什么。工作流程:

  1. 决定按钮切换的内容——浏览器客户端的文本替换,还是每种语言的本地化 URL。只有基于 URL 的切换才能为每种语言提供一个搜索引擎和 AI 爬虫可以索引和引用的页面,因此这种选择限制了下游的一切。
  2. 选择服务架构——如果速度快,可以选择托管的小部件片段;如果所有内容都位于一个平台上,可以选择 CMS 插件;如果网站跨越多种技术且您不想重新平台化,可以选择像 Smartling 的 GDN 这样的翻译代理。
  3. 设计选择器控件本身——位置、本地语言标签和持久性决定了按钮是否会被使用;完整的 UX 指南包含在语言选择器和切换器设计最佳实践中。
  4. 捕获和翻译内容——借助 GDN,浏览页面时(或通过 GDN 爬虫)会自动捕获可翻译文本,通过人工、人工智能或混合工作流程进行翻译,并存储在翻译记忆库中,因此无需手动重新翻译或重新托管任何内容。
  5. 制定内容变更计划——每个架构都需要在源内容更新时进行重新捕获;跳过此步骤会导致“源内容渗透”,即翻译后的页面会显示旧的翻译和新的未翻译文本的混合。

小部件或插件方案适合以下类型的团队……

  • 需要在几周内(而不是一个季度内)实现可见的多语言覆盖,并且可以接受使用托管脚本层来实现这一目标所带来的权衡取舍。
  • 在一个内容管理系统中运行所有内容,其中专用的插件或连接器可以直接翻译存储的内容。
  • 没有工程预算用于代码库的国际化——代理或小部件层无需重建网站即可工作。
  • 正在测试新市场的需求,希望在全面开展本地化项目之前先进行翻译测试。

当轻量级翻译组件可能不足以满足需求时

  • 如果目标是在目标市场中获得自然搜索或 AI 答案的可见性,那么仅客户端小部件无法实现这一目标——翻译后的文本永远不会出现在可抓取的 URL 上。
  • 如果品牌、法律或受监管的内容在发布前需要审核,那么没有工作流程的纯机器小部件会将未经审核的文本呈现给客户。
  • 如果网站是框架渲染的 Web 应用程序(React、Next、Vue、Angular),通用小部件处理动态渲染的字符串是不可靠的——这就是像 Smartling 的 DCS 这样的客户端库的用途。
  • 如果翻译量涵盖网站、移动应用、帮助中心或产品用户界面,页面组件无法在这些渠道之间共享翻译记忆库,因此每个渠道都需要付费再次翻译相同的字符串。

评估清单:添加翻译小部件或插件之前需要问的问题

每种语言都有自己独立的、可索引的URL吗?
子目录、子域名或 ccTLD——如果答案是“文本只是在同一个 URL 上发生变化”,那么翻译后的内容对搜索引擎和 AI 答案引擎是不可见的。

它如何处理 JavaScript 渲染的动态内容?
具体询问框架渲染的应用程序;如果没有客户端组件,在浏览器中拼接的内容在传输过程中翻译就会变得难以预测。

机器输出背后是否存在高质量的工作流程?
翻译记忆库、术语表以及可选的人工审核步骤,是翻译平台与文本替换脚本之间的区别所在。

当源内容发生变化时会发生什么?
确认是否存在自动重新捕获路径(例如爬虫)——否则,更新后的页面将以翻译文本和未翻译文本混合的形式发布。

你能把翻译稿带走吗?
存储在便携式翻译记忆库中的翻译在更换供应商后仍然有效;而存储在托管组件中的翻译通常无法保留。

Smartling 如何在不使用外接插件的情况下翻译网站?

Smartling 的全球交付网络 (GDN) 用翻译代理加上客户端层取代了小部件模式,因此每种语言都作为一个真正的、可索引的网站发布,而不是一个脚本替换的覆盖层。该代理会在您的 Web 服务器和访问者之间传输 HTML 内容时进行转换——替换翻译后的文本并重写 URL,同时保留布局、设计和图像——并且无论网站采用何种技术构建,它都能正常工作,无需国际化项目,也无需自托管翻译。对于框架渲染的应用程序,动态内容支持 (DCS) 会在浏览器渲染 React、Next、Vue 和 Angular 内容时进行翻译,而翻译交付 API 则提供了一种基于端点的替代方案,供团队完全掌控交付过程时使用。本地化页面在 ccTLD、子域名或子目录中提供服务,URL 和关键词已翻译,并有 99.99% 的正常运行时间保证,内容会在页面被浏览时或通过 GDN 爬虫自动捕获以进行翻译。内容存储在 CMS 中的团队可以使用 Smartling 的 50 多个预构建连接器和插件之一(包括适用于 WordPress 的 Smartling Connector 插件),每个渠道都可以使用同一个翻译记忆库。Smartling 被 G2 评为翻译管理领域的领导者。“我强烈推荐这款工具……它非常简单、快速、高效——一切都为您简化了,”Talkdesk 的高级本地化项目经理 Paulo Pinto 在描述 GDN 时说道。

准备好见识一下 Smartling 的威力了吗?

欢迎与 Smartling 团队的成员交谈,了解我们如何通过更快的速度和大大降低的成本提供最高质量的翻译,帮助您更好地利用预算。