创建多语言网站 并没有你想象的那么复杂,尤其是使用像 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 提供了大量主题,您可以立即使用,或通过拖放编辑器根据您的品牌进行调整。如果您已选择主题,请点击 设为活动主题 按钮。

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

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

同样,如果你想添加新的区块、模块或布局。在这里,HubSpot CMS 提供了多种模块,例如:
- 文本
- 商务
- 设计
- 表单和按钮
- 正文内容等.
您只需选择 (+) 号,或直接将其从页面编辑器的左侧拖放到右侧。.

#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 记录。.

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 标签

hreflang 标签 会告知搜索引擎特定页面的目标语言和地区。这对于避免内容重复并确保用户被引导至合适的语言版本非常重要。
好消息是,如果您将 HubSpot CMS 与 Linguise搭配使用,这些 hreflang 标签的支持会自动设置。这意味着您无需手动添加标签,系统会为网站的每种语言版本自动生成和管理 hreflang。以下是一篇文章中 hreflang 实现示例。.

同时,应谨慎使用规范标签。不要让所有语言版本都指向同一个规范 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 将更快地索引您网站的所有语言版本,并将用户引导至最相关的页面。.
Conclusion
现在您已经了解如何使用 HubSpot CMS 创建多语言网站。您可以在一个平台上完成从语言规划、页面创建到 SEO 优化的所有步骤,无需为编码烦恼。然而,为了实现真正优化的用户体验和 SEO 表现,强烈建议集成像 Linguise 这样的自动翻译服务。.
使用 Linguise,您可以即时、准确地将整个网站内容翻译成 80 多种语言。因此,假设您想在 HubSpot 网站上提供最佳的多语言体验,并更高效地触达全球受众。在这种情况下,是时候 开始使用 Linguise 来自动且专业地翻译您的网站了!




