您是否有一个 Bubble.io 网站,您想将其翻译成各种语言以便外部客户可以访问? Bubble.io是一个强大而灵活的无代码平台,为构建和管理 Web 应用程序提供了强大的环境。 将自动翻译集成到 Bubble.io 应用程序中可以让您简化多语言内容的创建和维护,节省时间和资源,同时确保跨多种语言的一致、高质量的用户体验。
因此,在本文中,我们将讨论如何使用自动翻译服务在 Bubble.io 网站上轻松实现自动翻译。
在 Bubble.io 上实现自动翻译的好处
在 Bubble.io 网站上实施自动翻译可以带来多种好处,包括以下优点。
- 全球市场准入:自动翻译使您的 Bubble.io 应用程序能够接触到全球用户。 例如,最初是英文的食谱共享应用程序可以立即提供给日本、巴西和法国的美食爱好者,使他们能够用自己的母语探索和贡献食谱。
- 提高用户满意度:以用户首选语言提供的内容会带来更愉快、更身临其境的体验。 示例:旅行规划应用程序可以自动将行程、评论和本地推荐翻译成用户的语言,可以显着增强他们的旅行规划体验。
- 更高的转化潜力:当信息以母语呈现时,用户更有可能进行购买或注册服务。 例如,在线课程平台在实施自动翻译后,来自西班牙语国家的注册人数可能会激增,因为潜在的学生现在可以充分理解课程描述和好处。
- 增强的搜索可见性: 多语言内容可以提高您的应用出现在不同地区和语言的搜索结果中的机会。 例如,提供自动翻译的职位列表和简历提示的求职应用程序可能会开始出现在多个国家/地区的本地语言搜索中,吸引以前找不到该平台的求职者。
Bubble.io 多语言网站示例
根据 trend.builtwith.com 的数据,超过55,000 个网站使用 Bubble.io 。 因此,这一次,我们将讨论一些示例,让您了解是否正在考虑使用 Bubble.io 创建多语言网站。
范诺瓦.io
Fanova 是使用 Bubble.io 构建的网站的一个很好的例子。 它将粉丝与他们最喜欢的内容创作者联系起来,并允许他们订阅独家内容。 该网站展示了 Bubble.io 创建复杂、用户友好的应用程序以及多语言支持等高级功能的能力。
左下角的语言切换器提供英语、西班牙语和巴西葡萄牙语选项。 这种多语言方法使 Fanova 能够满足北美、拉丁美洲和巴西的多元化国际受众的需求。 利用 Bubble.io 的功能,Fanova 可以以多种语言管理和呈现内容,同时保持一致的设计,从而增强来自不同语言背景的访问者的用户体验。
IC-academy.io
Impact Creative Academy (ICA) 是一个能够创建专业且实用的网络应用程序的平台。 该网站提供人工智能驱动的职业资源,包括免费课程、资助竞赛和工作申请机会。 其简洁的设计具有突出的标题、简洁的价值主张和引人入胜的“投入”号召性用语按钮。
ICA 网站的一个显着特点是位于右上角的语言切换器,为用户提供英语和阿拉伯语之间的选择。 这种多语言支持展示了 Bubble.io 如何有效地创建全球可访问的平台。 通过提供英语和阿拉伯语内容,ICA 可以为英语国家和阿拉伯世界的多元化用户群提供服务。
如何在Bubble.io上实现自动翻译
在研究了使用 Bubble.io 创建的多语言网站的示例后,我们将探讨如何使用自动翻译服务来实现自动翻译。 许多服务只需几个配置步骤即可快速轻松地翻译网站。 Linguise就是这样的一项服务。
Linguise与各种 CMS 平台和 Web 构建器集成,包括与 Bubble.io 集成。 在 Bubble.io 上安装Linguise的步骤
#1 注册您的域名网站
接下来,选择您的源语言和目标语言。
#2 使用entri自动添加域名DNS
在Linguise仪表板上成功注册您的网站后,您有两种选择来继续安装。
如果您希望自动添加 DNS 记录,可以单击“自动连接您的 DNS”。 这个名为 Entri 的功能将为您处理 DNS 记录,从而使安装过程更加轻松。 或者,您可以手动将 DNS 记录复制到您的域提供商。
单击该按钮后,Entri 将分析您注册的网站 URL 并检查您的公共 DNS 记录。 根据此分析,它将识别必要的提供商和 DNS 记录。
接下来,单击“向 [您的域名提供商] 授权” (例如 Cloudflare)。 此操作会将您重定向到域名提供商的登录页面,您可以在其中登录并继续。
一旦您登录到您的域名提供商,Entri 将处理其余的事情,自动添加适当的 DNS 记录 - 每种语言一个 DNS 和一个用于验证密钥的 TXT DNS。 您应该会看到添加到您的域的 DNS 记录,例如:
授权后,Entri 将通知您所有 DNS 设置已成功配置。 所有 DNS 条目在您的域上传播后,您应该能够使用转换功能,这通常需要大约 20 到 30 分钟。
如果您更喜欢手动安装,您也可以按照我们下面提供的步骤手动执行此操作。
#3 复制 DNS 记录
如果您更喜欢手动安装,您将被重定向到包含设置多语言页面所需的 DNS 记录的屏幕,例如 fr.domain.com 或 es.domain.com。
将这些基本元素复制到您的 Bubble.io DNS 配置中。
接下来,连接到您的域管理器并访问 DNS 设置区域。 然后,按照说明进行复制。
- 一条 TXT 记录用于域验证
- 语言的一条或多条 CNAME 记录
以下是每种记录类型(TXT 和 CNAME)的示例
添加所有记录后,您的配置应与此类似。
#4 验证 DNS
将所有记录添加到域 DNS 后,您可以通过单击“检查 DNS 配置”按钮来验证 DNS 传播。
DNS 验证通常需要大约 30 分钟到 1 小时。 在此期间之后,您应该会在Linguise仪表板中 DNS 列表的右侧看到绿色指示器。 您即将翻译您的 Bubble 网站; 仅仍然需要带有国家标志的语言切换器的链接。
#5 激活动态翻译
从技术角度来看,Bubble 将 JavaScript 编码的模块、CSS 和 HTML 集成到功能性 Node.js 应用程序中。 Bubble 的编程语言基于 JSON 构建。
借助我们的“动态翻译”功能,您可以轻松翻译 Bubble.io 网站上的内容,包括在初始页面加载后异步(动态)加载的内容。 此改进为您的访客提供了更流畅的多语言体验!
要使用此功能,请单击“设置”页面底部的“是”。
#6 启用和自定义语言切换器设计
语言切换器是一个标志弹出窗口,允许您选择所需的语言。 要实现它,请复制 Bubble.io 网站页面标题中提供的代码。 然后,旗帜语言切换器将自动出现在您的公共网站上。
要复制的链接位于域注册过程的末尾或域设置内。 请务必将链接复制到剪贴板。
接下来,导航到您的 Bubble 网站面板。 在左侧边栏菜单中,单击“设置”,然后选择“SEO /元标签”。
下找到“标题中的脚本/元标记” 。
粘贴您之前复制的Linguise“保存”并发布您的网站。
通过导航至“设置”>“语言标志显示”Linguise自定义语言切换器 此处所做的任何更改都将反映在网站上。
在屏幕右侧,您将看到语言切换器的预览。 以下是您可以配置的元素。
- 三种布局:并排、下拉或弹出
- 语言切换器的位置
- 语言切换器的内容
- 英语或其母语的语言名称
- 旗帜的形状和尺寸
- 颜色和盒子阴影
#7 自动翻译您的网站 Bubble
以下演示了使用Linguise的自动翻译服务自动翻译时 Bubble.io 的显示方式。
使用Linguise自动翻译您的 Bubble.io 网站
前端实时编辑器翻译
Linguise还提供前端实时编辑器,可以根据需要快速调整翻译。 该工具可确保翻译保持准确并允许快速更改。 此外,您可以与专业翻译人员合作,以确保文化和语境的准确性。
多语言搜索引擎优化支持
通过其多语言 SEO 功能Linguise , Linguise可以通过优化 SEO 来提高网站的搜索引擎可见度。 它生成多语言站点地图、创建 hreflang 代码和标签、设置规范 URL 以及翻译 URL 和元描述。 这些功能有助于提高您网站的搜索引擎排名,并使各种语言的用户更容易访问该网站。
全局翻译排除规则
为了解决翻译难题, Linguise包含排除规则,允许您保留或排除可能翻译不佳的特定术语。 您可以建立规则来排除页面、内联内容或特定页面,确保翻译的清晰度和准确性。
可添加专业译员进行协作
此外, Linguise允许您邀请专业翻译人员加入您的仪表板,促进协作以保持内容中的文化和上下文准确性。