如何使用 HubSpot CMS 创建多语言网站(完整指南)

一个人坐在笔记本电脑旁,旁边有社交媒体图标
Table of Contents

创建多语言网站 并没有你想象的那么复杂,尤其是使用像 HubSpot 这样的 CMS。该平台旨在让创建和管理多语言网站的过程更加轻松,无需复杂的编码或过于技术性的设置。从页面设置、导航到自动翻译功能,一切都已就绪,可立即使用。

在本指南中,我们将介绍使用 HubSpot CMS 创建多语言网站的完整步骤,包括语言策略制定、初始网站设置、与翻译工具的集成,以及优化网站在各个市场中表现的重要 SEO 实践。让我们一步一步来!

为什么为您的多语言网站选择 HubSpot CMS?

正在使用翻译软件在笔记本电脑上工作的人。各种旗帜代表不同语言。.

如果您正在寻找一款功能强大且易于使用的 CMS 来构建多语言网站,HubSpot CMS 可能是完美的选择。该平台旨在让任何人,无论是初学者还是专业人士,都能轻松构建多语言、美观且结构良好的网站。

以下是 HubSpot CMS 是您的多语言网站项目的绝佳选择的几个原因。.

  • 免费且易于使用,无需编码 – HubSpot CMS 提供免费工具,无需任何编码知识即可使用。借助拖放式编辑器和灵活的主题,任何人都能创建专业外观的网站,无需开发人员。如果您想专注于构建内容和用户体验,而不必处理技术复杂性,这非常理想。
  • 内置多语言支持 – HubSpot CMS 允许您以多种语言创建页面的本地化版本。每个版本都可以单独管理,但会保持在一个统一系统内相互连接,使导航和内容控制变得轻松。您还可以配置特定语言的 URL,并使用 hreflang 标签等多语言 SEO 功能。
  • 与营销和 CRM 工具集成 – 您可以将多语言网站与 HubSpot 的营销、销售和客户服务工具无缝连接。例如,您可以根据用户的语言显示联系表单、聊天机器人或电子邮件营销内容。这能创造更个性化、更相关的用户体验。
  • 内置网站分析功能 – HubSpot 提供内置分析功能,可跟踪您网站各语言版本的性能表现。您可以查看哪些页面访问量最高、受众来自哪里以及他们如何互动——所有这些都可以在一个仪表板中完成,无需额外工具。

使用 HubSpot CMS 逐步创建多语言网站

一名男子坐在桌前,旁边有笔记本电脑和一盆植物。屏幕上显示着清单。.

构建多语言网站需要深思熟虑的策略、清晰的结构,以及一个能轻松支持多语言需求的平台——而 HubSpot CMS 一应俱全。让我们从这些步骤开始吧!

#1 规划您的多语言策略

在动手使用编辑器之前,周密的规划是第一步。这一点至关重要,只有这样,你的多语言网站才能呈现出色的效果,并良好地服务于来自不同地区的受众。.

  • 根据您想要触达的目标市场或受众选择语言。利用分析或市场调研中的受众数据,优先选择最相关的语言。这项调研也将决定您要在网站上添加哪些语言。.
  • 决定使用哪种 URL 结构,HubSpot CMS 支持多种 URL 结构格式,例如子域名(如 fr.example.com)、子文件夹(example.com/fr)或 URL 参数(example.com?lang=fr)。子文件夹通常最推荐用于 SEO,因为它们保留在主域名上。.
  • 确定每种语言应提供哪些关键页面。这包括首页、关于我们、服务、联系方式和热门文章。有了这份内容地图,你就能确保所有语言都提供一致的用户体验。.

 

#2 设置您的网站

策略准备就绪后,就该在 HubSpot CMS 上搭建网站的基础架构了。首先,请确保您已拥有 HubSpot 账户。您需要了解的是,如果您想先试用,HubSpot 也提供免费试用。.

创建账户并登录后,您将被引导至其仪表板页面,其中包含各种菜单导航和产品配置选项。当您进入以下视图时,请选择 内容 > 网站页面 菜单。要开始创建网页,请选择“创建”按钮。

从网站页面中移除不需要的跟踪代码

接下来,选择一个易于自定义的响应式主题或模板。HubSpot 提供了大量主题,您可以立即使用,或通过拖放编辑器根据您的品牌进行调整。如果您已选择主题,请点击 设为活动主题 按钮。

一位女士在笔记本电脑上工作,屏幕上显示品牌设计示例

如果是这样,您将被引导至编辑器页面。在这里,您可以根据网站需求直接编辑各种元素。. 

使用 Linguise构建您的梦想网站。网站构建器仪表板截图。.

要编辑某个元素,请点击它,然后在左侧的 内容 区域中进行调整。

 Linguise网站界面截图。图中显示一个人正在电脑前工作。.

同样,如果你想添加新的区块、模块或布局。在这里,HubSpot CMS 提供了多种模块,例如:

  • 文本
  • 商务
  • 设计
  • 表单和按钮
  • 正文内容等.

您只需选择 (+) 号,或直接将其从页面编辑器的左侧拖放到右侧。. 

一张视频编辑软件界面的截图,显示了一个动画工具。.
Break Language Barriers
告别语言障碍,迎接无限增长!立即试用我们的自动翻译服务。.

#3 与自动翻译工具集成

完成网站页面构建后,就该 将您的 HubSpot 网站集成 到自动翻译工具了。在本例中,我们将使用一个名为 Linguise 的外部工具。

将第三方工具与 HubSpot 配合使用是有必要的,尤其是对于多语言网站,原因有几个,因为 HubSpot CMS 不会自动支持某些功能,例如。.

  • 基于套餐的语言和页面限制 – HubSpot 会根据您的订阅层级限制每个内容可用的语言变体数量。例如,Starter 套餐每个内容最多只允许 3 种语言,而 Linguise 提供无限语言支持,所有套餐均可使用多达 85 种语言,并提供无限页面。

  • 对某些页面类型的多语言支持有限—— 404 等系统页面无法翻译成多种语言,而且翻译博客或知识库内容的过程与普通网站页面不同,更加依赖手动操作

  • 代码文件不支持语言标签 – 如果您使用代码模板,则必须在

  • RTL 语言没有文本方向设置 –  对于阿拉伯语或希伯来语等语言,您需要自行添加 dir=”rtl” 属性,以确保文本方向正确。

这就是为什么支持所有这些功能并与 HubSpot CMS 良好集成的第三方翻译工具至关重要——Linguise 就是其中之一。 Linguise 可以自动将内容翻译成 80 多种语言,并取得高质量的结果。.

只需几个步骤即可在您的 HubSpot 网站上 安装 Linguise 自动翻译。

首先,请确保您已 创建了 Linguise 账户。 在 Linguise 仪表板登录或注册后,系统会提示您注册想要翻译的域名。请输入完整域名(包括 https://),并选择 OTHER CLOUD HOSTED CMS 选项。 

包含多种选项的自动填充设置菜单

然后,选择您网站的主要(源)语言以及您想要添加的目标语言。.

翻译语言列表页面截图。列出了多种语言。.

在 Linguise 仪表板中成功注册域名后,您将看到自动连接 DNS 的选项。使用名为 Entri 的功能,您无需手动配置即可添加所有必要的 DNS 记录。.

如何使用 HubSpot CMS 创建多语言网站(完整指南)

Entri 将检查您域名的公共 DNS,识别域名提供商(例如 Cloudflare),并显示该提供商的登录页面。登录后,Entri 将自动添加所有必需的 DNS 记录:

  • 一条用于域名验证的 TXT 记录
  • 您添加的每种语言对应一条 CNAME 记录

DNS 传播过程通常需要 20–30 分钟,之后您的网站才能显示多语言页面。.

下一步是粘贴 Linguise 脚本,您可以在 Linguise 仪表板中找到该脚本。然后,前往您的 HubSpot 账户中的 设置 > 语言 ,并将脚本粘贴到 Head HTML 字段中。

网站设置菜单,包含语言和高级选项。.

此代码将自动将您的网站与 Linguise集成。此外,它还会自动生成一个默认的语言切换器。.

正在电脑上工作、构建梦想的男人。.

#4 自定义语言切换器

此外,您还可以在 Linguise 仪表板上通过选择语言旗帜显示菜单,根据自己的偏好设置语言切换器。例如,从设置显示的语言名称、旗帜图标、颜色、文本等开始。.

在此页面上,您还可以对网站上语言切换器中各语言的显示顺序进行排序。.

#5 自动翻译内容

最后,我们将使用 Linguise将自动创建的 HubSpot 网站翻译成另一种语言。例如,我们将从英语翻译成德语。.

如您所见,所有 HubSpot 网站内容都将快速、准确地自动翻译。.

一位男士在电脑屏幕前

多语言 HubSpot 网站的 SEO 最佳实践

一位身穿黄色衬衫的女士正在使用一台绿色笔记本电脑工作。她坐在一盆盆栽植物旁边。.

除了使用 HubSpot 创建多语言网站外,您还必须确保所实施的 国际 SEO 策略 能够帮助您网站的各个语言版本在搜索结果中良好展现。以下是您可以针对基于 HubSpot 的多语言网站实施的 SEO 最佳实践。

正确使用 hreflang 和 canonical 标签

用于优化的绿色和橙色 SEO 链接标签

hreflang 标签 会告知搜索引擎特定页面的目标语言和地区。这对于避免内容重复并确保用户被引导至合适的语言版本非常重要。 

好消息是,如果您将 HubSpot CMS 与 Linguise搭配使用,这些 hreflang 标签的支持会自动设置。这意味着您无需手动添加标签,系统会为网站的每种语言版本自动生成和管理 hreflang。以下是一篇文章中 hreflang 实现示例。.

带有 Lingoose 搜索栏的代码编辑器截图

同时,应谨慎使用规范标签。不要让所有语言版本都指向同一个规范 URL;每个语言版本都应有自己的规范 URL。. 

例如,法语页面应该使用法语版URL的规范链接,而不是英语版。这有助于Google理解每个语言版本都是不同的原始页面,而不会将其视为重复内容。.

优化每种语言的标题标签和元描述

页面标题(title 标签)和元描述是最重要的页面内 SEO 元素。如果您在 HubSpot 中为多种语言使用同一个模板,请确保每个版本都有与目标语言匹配的标题和元描述。这可以提高搜索相关性以及搜索结果的点击率。.

例如,与其为所有版本都用英语撰写元描述,不如根据内容进行定制。如果您的页面销售服装产品,并且目标市场是西班牙,那么像“Compra ropa moderna para hombre y mujer con envío gratis”这样的元描述会比英文版本有效得多。.

使用对 SEO 友好且与语言相关的 URL

URL 结构在 多语言 SEO中起着重要作用。请使用能够表明内容语言的结构,例如子文件夹(example.com/fr/)、子域名(fr.example.com)或参数(example.com?lang=fr)。在 HubSpot 中,子文件夹通常是管理 SEO 最简单易行的选择。

此外,请确保您的 URL 不仅在结构上有所不同,在语言上也要有所区分。例如,英文的“About Us”页面可以写成 example.com/en/about-us,而法语版本则应写成 example.com/fr/a-propos。这有助于用户和搜索引擎立即理解语言环境。.

注意图片和视觉内容的 ALT 文本翻译

一位身穿绿色衬衫的男士正在笔记本电脑上展示数据。他正指着屏幕。.

在多语言SEO策略中,图片的Alt文本常常被忽视,尽管它对无障碍访问和在Google图片中的可见性非常重要。确保您网站的每个语言版本都有正确翻译的Alt文本,并以相关的方式描述图片内容。.

例如,一张展示一个人正在读书的图片,在英文版本中可以将替代文本设置为“Person reading a book”,在法文版本中设置为“Personne lisant un livre”。这不仅有助于视觉障碍用户,还能提高图片出现在本地图片搜索中的机会。.

向 Google Search Console 提交多语言站点地图

Google 需要知道您的内容有多个语言版本。因此,将包含所有多语言页面的 XML 站点地图提交到 Google Search Console 非常重要。HubSpot CMS 会自动创建站点地图,但您必须确保每个语言版本都已列出。

多语言网站地图最好应包含一个 <xhtml:link rel=“alternate” hreflang=“…”> 元素,以显示各语言之间的关联。一旦您提交了正确的网站地图,Google 将更快地索引您网站的所有语言版本,并将用户引导至最相关的页面。.

准备好探索新市场了吗?免费试用我们的自动翻译服务,享受 1 个月无风险试用。无需信用卡!

Conclusion

现在您已经了解如何使用 HubSpot CMS 创建多语言网站。您可以在一个平台上完成从语言规划、页面创建到 SEO 优化的所有步骤,无需为编码烦恼。然而,为了实现真正优化的用户体验和 SEO 表现,强烈建议集成像 Linguise 这样的自动翻译服务。.

使用 Linguise,您可以即时、准确地将整个网站内容翻译成 80 多种语言。因此,假设您想在 HubSpot 网站上提供最佳的多语言体验,并更高效地触达全球受众。在这种情况下,是时候 开始使用 Linguise 来自动且专业地翻译您的网站了!

您可能还感兴趣阅读

别错过!
订阅我们的新闻简报

获取有关网站自动翻译、国际SEO等的最新资讯!

Invalid email address
试一试吧。每月一次,您可以随时取消订阅。.

别走,留下您的邮箱!

我们无法保证您会中彩票,但我们可以承诺提供一些关于翻译的有趣资讯以及偶尔的折扣。.

别错过!
Invalid email address