跳至内容
bablic.
产品
解决方案
价钱
资源
博客
语言
BABLIC 服务器端渲染 SDK

已翻译好的页面。

Bablic 服务器端渲染 SDK 会在服务器端转换您的网站,然后再将任何字节发送到浏览器。 从第一次加载页面开始,访客、搜索引擎和人工智能爬虫就能获得完全翻译的页面,而不会对页面速度造成额外的负担。

工作原理

在 到达浏览器之前已翻译。

客户端网站翻译是在浏览器中进行的:页面以其原始语言加载,然后 JavaScript 动态翻译页面。 SDK 会将这项工作转移到您的服务器,因此页面会在发送到浏览器之前通过 JS 框架进行翻译。

访客 请求以他们的语言显示页面。
使用 Bablic SDK

在离开服务器之前已翻译

  1. 此处翻译您的服务器 使用 Bablic SDK翻译页面。
在浏览器中

页面加载后翻译

  1. 您的服务器 会以其原始语言发送页面。
  2. 浏览器 渲染原始页面。
  3. 此处翻译Bablic 翻译了该页面。
为什么选择服务器端

各种语言的页面加载速度更快。

核心网络指标

翻译是在页面发送之前进行的,因此不会给浏览器增加任何工作量,也不会影响您的核心网页指标或 PageSpeed Insights 分数。

搜索引擎可见性

搜索引擎机器人和人工智能爬虫可以读取完全翻译的 HTML,因此您的网站的每个语言版本都可以被找到、索引和引用。

动态内容仍在翻译中

首次加载后, Bablic 会在浏览器中持续运行,翻译 JavaScript 代码块和页面上更新的其他内容。

现有工具兼容性

您现有的设置(包括 Open Graph 标签)将继续正常工作,因此共享链接在每种语言中都能正确预览。

上下文中的视觉编辑

使用我们的上下文可视化编辑器 Bablic Studio ,在您的实时页面上持续编辑翻译。 没有任何数据会传输到您的服务器。

无需额外费用

Bablic SDK 包含在 Pro 套餐中。 没有额外费用。

生产中

您正在阅读由 Bablic SDK提供的页面。

Bablic.com 使用 Bablic SDK 运行,支持其发布的每种语言。 我们自己的 Lighthouse 评分在所有语言中都名列前茅。

  • 100性能
  • 100无障碍
  • 100个最佳实践
  • 100SEO
支持的平台

专为 您所依赖的框架而构建。

Bablic SDK 适用于主流服务器端渲染平台。 安装适用于您技术栈的版本,即可开始使用。

找不到您的平台? 告诉我们你的建设基础是什么。

SDK VS. 翻译代理

没有 中间代理。

翻译代理位于您的访客和您的网站之间:每个请求都会发送到代理,代理会获取您的页面,对其进行翻译,然后将其转发出去。 Bablic SDK 会在您自己的服务器内部进行翻译,因此不会有额外的中间环节。

Bablic SDK
翻译代理
翻译发生的地方
在您自己的服务器内部,作为页面渲染的一部分
在位于访客和您的网站之间的第三方服务器上
延迟
无需绕路:页面直接从您的主机或 CDN 发送给访客。
每个请求都会额外经过代理服务器,而这些服务器可能距离您的主机和访客都很远。
表现
翻译过程在您的常规渲染中运行,并与您现有的缓存机制兼容。
代理服务器必须先获取您的页面才能进行翻译,这会增加未缓存页面的等待时间。
解析
它能与你的框架渲染的内容协同工作,因此翻译后的页面与你的应用保持一致。
从外部解析已完成的 HTML,这可能会导致 JavaScript 渲染的内容丢失或损坏。
掌控您的网站
您的域名、DNS 和 SSL 证书仍然保留在您自己的主机上。
您的 DNS 指向代理服务器,因此您的翻译网站依赖于代理服务器的正常运行。
入门

由您的开发人员设置, 由您的团队管理。

要安装 SDK,您需要访问您的 Web 主机并具备一些开发运维知识。 之后,您的团队将像往常一样在 Bablic 中管理翻译。 Bablic Studio 仍然采用上下文编辑,不进行服务器端编辑。

1.检查你的计划
专业计划

Bablic SDK 在 Pro 套餐中免费提供。

2安装
将 SDK 添加到您的服务器

从 npm安装适用于您框架的 Bablic SDK 包,然后将其连接到您的 Bablic 项目。

3部署
船舶翻译页面

照常部署。 现在,您的网站所有语言版本都会在服务器上进行翻译,然后再呈现给访问者。

常见问题解答 · BABLIC SDK

常见 问题解答。

Bablic 服务器端渲染 SDK 会在您自己的服务器上转换页面,作为渲染过程的一部分。 访客看到的是已经翻译好的页面,而不是先以原始语言加载,然后再在浏览器中进行翻译的页面。

目前,Astro 和 Vercel 上的 Next.js 软件包已在 npm 上发布,更多平台即将推出。 没看到你的? 请联系我们,告诉我们您的产品是基于什么开发的。

Bablic SDK 在 Pro 套餐中免费提供。 没有额外费用。

是的。 要安装 SDK,您需要访问您的 Web 主机并具备一些开发运维知识。 您可以从 npm 安装框架的软件包,然后将其连接到您的 Bablic 项目。

是的。 SDK 安装完成后,您的团队可以像往常一样在 Bablic 中管理翻译。 我们的上下文可视化编辑器Bablic Studio仍然可以直接在您的实时页面上进行编辑,无需将任何内容传输到您的服务器。

不。翻译是在页面发送之前进行的,因此不会增加浏览器的工作量,也不会影响您的核心网页指标或 PageSpeed Insights 分数。

是的。 由于页面是在服务器端翻译的,因此搜索引擎机器人和人工智能爬虫会收到完全翻译的 HTML,就像您的访问者一样。

翻译代理会将每个请求路由到自己的服务器,在传输过程中获取并翻译您的页面,最终发送给访问者。 额外的停留可能会增加延迟,减慢代理服务器未缓存的页面加载速度,并丢失代理服务器无法解析的内容。 Bablic SDK 会在页面渲染时在您自己的服务器内部进行翻译,因此不会有绕道。

并非所有平台都能运行服务器端代码。 如果您的网站托管在 Webflow、Wix 或 Squarespace 等建站平台上,SDK 将无法提供帮助,但我们的标准 JavaScript 安装程序可以。 请联系我们,我们会为您推荐合适的配置。

是的。 该 SDK 可以与您已使用的工具(包括 Open Graph 标签)协同工作,因此您当前的设置不会受到任何影响。

不。团队部署和组织站点地图的方式多种多样,因此我们把站点地图的管理权交给您。 您可以完全控制翻译页面的展示方式。

对SDK感兴趣?

我们很乐意 与您交流。

请告诉我们您的技术栈,我们将帮助您确定该 SDK 是否适合您的网站。

首次加载后的翻译页面
搜索引擎和人工智能爬虫可以读取
专业版套餐包含此功能,无需额外费用
BABLIC SDK

请和我们谈谈 SDK 。

请告诉我们您的技术栈,我们将帮助您确定该 SDK 是否适合您的网站。

您发送的所有内容均受 隐私政策保护。

“我可以改变你的想法吗?”——布鲁诺

年度计划可享 15% 折扣。

请输入您的邮箱地址以解锁验证码。 当您选择按年付费时,它适用于 Go、Core 或 Pro 版本。

我们将使用您的电子邮件地址向您发送 Bablic 最新动态。 请参阅我们的 隐私政策。