指南

如何让您的 Squarespace 网站使用多种语言

撰写人

伊丽莎白-波科尔尼

评论者

更新日期

2025 年 4 月 9 日

首先，为什么要翻译您的 Squarespace 网站？

让您的Squarespace网站使用多种语言的主要原因是为了开拓新市场。讲英语的人只占网络用户的 51%，这意味着有整整 49% 的人是您目前没有瞄准的。这意味着您可能会错过很多人（和业务）。

如果您希望潜在客户使用 Chrome 浏览器中的 "翻译页面"，那就再想想吧。没有人会用这种方式购买你的服务或产品。

你是否经常遇到过一个外语品牌网站，却无法选择用自己的语言浏览？这就是瞬间跳转。

如果最终用户 不了解他们想要购买的产品或服务，他们就不会信任。

提升用户体验等于取得巨大成果

选择用潜在客户自己的语言与他们交谈，会产生巨大的积极效果。

如果您的网站不是使用其他市场用户的语言，他们将永远不会看到您的网站。你根本就是隐形的。但是，翻译您的网站，您将很快看到 搜索引擎优化的改善。

你可能会问：既然大多数浏览器都提供了通过谷歌翻译（Google Translate）即时翻译网页的选项，难道这对最终用户来说还不够好吗？

简而言之，不行。您无法控制输出，这意味着品牌术语和其他您希望保留在原文中的词语仍会被翻译。这只会带来怪异和混乱的阅读体验。您也不会获得任何搜索引擎优化的好处，从而使目标市场对您视而不见。

因此，仅仅这样翻译网站是不够的，必须使用专门的综合网站翻译解决方案，尽可能为受众提供最佳的用户体验。

以 Weglot 的客户 REVIEWS.io 为例，该公司将其网站翻译成德语后，德国流量增加了 120%，国际转化率增加了 20%。

"我们需要一种能显著提高翻译速度的产品。我们笨拙的手动编码方法非常耗时，但有了 Weglot，这一切都不费吹灰之力。REVIEWS.io 市场经理 Rich Ball

拓展新市场并不意味着要走得更远，邻国也有广阔的发展前景。

注册14 天免费试用，即可在您的网站上预览 Weglot。

如何制作多语种 Squarespace 网站？

有许多方法可以翻译您的 Squarespace 网站。让我们来看看这些选项，最后一步一步地教您如何用最简单的方法使网站成为多语种网站。

1.Weglot：Squarespace推荐的多语言扩展

Weglot 是 Squarespace 推荐的多语言解决方案。在Squarespace仪表板上几分钟就能完成整合，您的网站就能立即上线。

Weglot 长期以来一直与 Squarespace 兼容。2022年，我们加入了Squarespace扩展，让成千上万的Squarespace用户更轻松地实现多语言功能。

主要功能

Weglot扩展可检测、翻译和显示Squarespace网站的内容。所有这一切都不需要任何变通方法、复杂的代码注入、多个网站/网页和额外的翻译费用，这与Squarespace本身无代码的特性是一致的。

其主要优势在于无需开发人员。网站的每个部分都可以翻译，包括结账（如果有的话）。

领先供应商提供的机器翻译

使用 Weglot，您将从领先的神经机器翻译提供商（包括 DeepL、Google Translate 和 Microsoft）获得第一层机器翻译。然后，您将拥有对这些翻译的完全编辑控制权，允许您进行手动编辑、添加队友进行修改，或直接在 Weglot 控制面板内订购专业翻译。

即时翻译的客户通知电子邮件

当您使用 Weglot 将您的 Squarespace 网站变成多语言网站时，默认情况下，您的客户通知邮件也会被翻译。这样，无论是在网站上还是在网站外，您都能为客户提供完全本地化的购物体验。毕竟，40% 的客户不会用其他语言购物。

多语言搜索引擎优化兼容性

Weglot 解决方案的每个部分都经过精心设计，考虑到了让您的 Squarespace 网站使用多种语言的方方面面。

这包括翻译所有元数据，以便您能以特定语言共享页面；一个可视化编辑器，可从文本扩展中考虑任何网页设计因素；以及多个翻译管理工具。

此外，您所有新翻译的网站页面都将遵循搜索引擎优化最佳实践，并自动编入 Google 索引，从而使您在新语言中获得可见性。

Weglot 可以翻译元数据，添加 hreflang 标签，让 Google 知道该页面有不同的版本，并为每种新语言创建专用语言 URL。

否则，如果没有这些标签，Google 会将其标记为重复内容，从而影响您的排名。

自动添加语言切换器

您还将在前端自动添加一个语言切换按钮，您可以编辑该按钮的设计，也可以复制Weglot 预先设计好的语言按钮。

2.手动翻译您的 Squarespace 网站

Weglot 支持 7.1 版的 Squarespace 网站，是该平台推荐的多语言解决方案。但是，如果您使用的是 7.0 版本，则必须手动创建网站的翻译版本。

下面有一段视频介绍如何做到这一点：

应牢记的局限性

虽然这种方法可以让您拥有一个多语言的 Squarespace 网站，但需要考虑大量的手工操作和限制。

首先，Squarespace 网站默认只以一种语言显示内置文本（如结账页面）。网站中的其他重要元数据也会受此影响。此外，通过这种解决方案，您无法拥有语言子域或域。

不过，有了 Weglot，您就可以翻译所有可检测到的内容，将它们放在语言子域中，拥有一个翻译过的结账页面，并轻松地在网站上添加语言切换器。

如何使用

使用此方法翻译网站时，请进入 "页面 "面板创建主页，然后将其放在 "未链接 "部分。

然后，您需要添加两个下拉菜单（作为您的语言选择器），并以您的目标语言为每个下拉菜单命名。这些菜单将出现在多语言网站的每个页面上。

在第一个下拉菜单中，单击+ 添加页面，这将添加同一语言的所有页面。您必须为该语言设置一个登陆页面，它应该是下拉菜单中的第一个页面。

在第二个下拉菜单中重复上述步骤，按照与第一个下拉菜单相同的顺序创建每个页面的第二个版本。为了加快速度，可以复制第一种语言的页面，然后简单地替换文本。

返回主页（在 "未链接 "下找到）>"编辑"，然后在两个下拉菜单中添加文本或按钮，链接到第一页。

您的导航应与此相似：

有关详细信息，请查阅 Squarespace指南。

3.JavaScript Squarespace 多语言解决方案

JavaScript 多语种解决方案只需添加一个 JavaScript 代码段，就能翻译您的网站。该片段将自动检测您的大部分内容，并将其更改为显示翻译。使用起来非常简单，而且无需创建多个 Squarespace 网站即可显示翻译内容。

您可能接触过的主要名称有

巴布里奇
本地化
多语言化器（工作原理略有不同）

使用 JavaScript 解决方案，您的翻译内容将以用户友好的方式显示在您的 Squarespace 网站上，即它不会作为单独的菜单项添加，而是作为您网站的多语言版本。它将有一个语言切换器，您无需复制或添加新的页面。

虽然有许多解决方案可供选择，但它们都有相同的缺点。

搜索引擎优化能力

第一个主要缺点是缺乏多语言搜索引擎优化功能。

这种解决方案的工作原理是检测页面上的内容，并为翻译而动态更改。但源代码中的内容不会被翻译，而这正是 Google 机器人要扫描的内容。

这意味着搜索引擎抓取不到您的翻译内容。因此无法保证您在翻译语言的搜索中可见。

您的内容也将全部存在于一个 URL 下。您只能使用网站的原始语言进行搜索引擎优化，这严重限制了您在其他语言中的可见性。

装载问题

有时在加载网站页面时也会出现问题。这些解决方案并不总是能无缝运行，因此在切换不同语言时会出现内容闪烁，用户会看到两种语言同时显示的短暂瞬间。

在社交媒体上分享翻译好的网页也会产生其他问题，遗憾的是，由于元数据仍保留在原文中，因此无法分享。

4.多语言化

Multilingualizer也是Squarespace上相当流行的一种JavaScript多语言解决方案，但它的工作方式与Bablic或Localize不同。您必须自己提供网站的翻译内容，这可能既费时又费钱。

然后，Multilingualizer会直接在页面中添加翻译，并隐藏访问者不需要的内容，从而使Squarespace网站成为多语种网站。

例如，您将创建一个页面并添加法语和英语内容。如果英语被选为首选语言，法语内容将被隐藏。这似乎是个不错的解决方案，但也存在一些重大缺陷。

搜索引擎优化能力

如前所述，谷歌机器人是通过扫描网站源代码来编制索引的。使用 Multilingualizer 后，谷歌将同时扫描您的法语和英语内容，而不会将两者分开。

最终，您的网页将同时以法语和英语标题被 Google 索引。这不利于搜索引擎优化。

应用程序或集成无法翻译

Multilingualizer无法翻译任何非来自Squarespace页面的内容。因此，来自外部的内容（如评论插件）仍将使用您的原始语言。也就是说，您网站上显示的客户评论不会被翻译。

而且，如果您有一个电子商务 Squarespace 网站，您的结账将无法翻译。网站自动发送的电子邮件也是如此，因为它们仍将使用原始网站语言。

5.CSS 解决方案

在谷歌上搜索 "Squarespace 多语言解决方案"，您会发现许多开发人员提供免费的 CSS 代码解决方案，让您能够实现这一目标，而无需拥有多个网站或选择翻译页面。

但是，与所有免费解决方案一样，它们也存在许多问题。

首先，您绝对需要一名开发人员来帮助您实施这一 Squarespace 多语言解决方案。

这些都是有问题的、杂乱无章的解决方案，需要一些 "变通方法 "才能确保它们真正有效。

这些问题包括移动版本的可用性问题。一些用户报告说，在以正确的语言加载网页时，他们能看到网站导航的所有可见部分（这肯定也不利于网站速度）。

许多解决方案也是针对某些 Squarespace 模板的，换句话说，它们没有在其他模板上进行过测试，因此您可能也会在这里遇到问题。

其次，您需要使用自定义代码来调整语言切换器，以满足您的设计需求。

CSS 解决方案也不会翻译您的网站内容，您需要自行安排。这只是显示内容的一种变通方法。

与往常一样，这些解决方案并不兼容搜索引擎优化，因此不要指望您新翻译的多语种 Squarespace 网站会出现在谷歌上。

如何在 Squarespace 上制作多语言网站？

在本分步骤的 Squarespace 教程中，我们将向您展示如何将 Squarespace 推荐的翻译解决方案 Weglot 添加到您的网站。

此集成仅适用于 Squarespace 7.1。如果您使用的是 7.0 或 5 版本，请使用我们的通用 集成.

#1 连接 Weglot 扩展程序

通过 Squarespace 面板导航至 "设置">"网站">"网站语言"。向下滚动一下，您就会看到 Weglot。点击 "连接"。

系统会弹出一个窗口，要求您允许 Weglot 访问您的 Squarespace 网站。点击 "允许"。

#2 创建 Weglot 账户

然后，系统会提示您创建一个 Weglot 账户，这需要两分钟时间。在这里您可以管理网站翻译。

#3 选择语言

创建账户后，系统会要求您为项目命名，然后选择网站的原始语言和要翻译成的语言。

您的 Squarespace 网站现在可以使用多种语言！无需手动创建页面、复制页面并将它们链接在一起。

访问你的实时多语言网站，你会发现它现在已经完全翻译好了。使用语言切换器在默认语言和新添加的语言之间切换。然后，选择通过 Weglot 控制面板编辑翻译，并通过 Squarespace 网站建设工具编辑语言切换器的外观。

#4 创建语言子域

要设置特定语言的子域（例如，法语网站应为 https://fr.mywebsite/ French），请返回到您的 Squarespace 面板 >"网站" >"网站语言"，然后向下滚动，直到看到 "多语言搜索引擎优化 "部分。点击 "添加域"，设置您的语言子域--无需在此重复任何内容。

按照屏幕上的说明操作。在这里，您将看到 DNS 条目。
添加 DNS 条目
这些内容需要添加到 Squarespace 面板 >"设置" >"域 "中的域部分。

在此步骤中需要帮助？请联系 [email protected] 或查看我们的 常见问题.

您的域名将出现在 "由 Squarespace 管理 "下。点击它，然后点击 "DNS 设置"。选择 "A "的下拉菜单并选择 CNAME，添加另一个条目。

然后从 Weglot 控制面板复制您的 DNS 记录。在第一列粘贴语言代码，在 IP 地址部分粘贴 "weglot.com"，然后点击 "添加"。

大功告成！现在，回到您的 Weglot 账户，点击 "检查 DNS"，几分钟后，您应该会看到一个绿色的"√"图标；这意味着您的语言子域已经启用。