如何自动检测浏览器语言

已发表: 2022-09-22

允许用户以他们喜欢的语言查看内容是旨在覆盖全球受众的网站的一项基本功能。 作为网站所有者,您可以通过将网站设置为自动检测浏览器语言来轻松做到这一点。

网站翻译无疑是创建多语言网站的第一步。 但是在为您的网站创建多个翻译版本之后,将用户重定向到他们的首选版本会自动使浏览体验更上一层楼。

当然,对于几乎所有多语言网站来说,拥有语言切换按钮或页面仍然很重要。 但是自动浏览器语言检测可以帮助您的客户更快地浏览您的网站。 这反过来又可以提升用户体验 (UX)、参与度、销售和转化率。

在本文中,我们将了解自动浏览器语言检测的工作原理以及它的重要性。 然后,我们将向您展示如何使用我们的首选多语言插件 TranslatePress 在您的 WordPress 网站上激活自动浏览器语言检测。

TranslatePress 多语种

TranslatePress 是翻译 WordPress 网站的最简单方法。 它速度快,不会减慢您的网站速度,适用于任何主题或插件,并且对 SEO 友好。

获取插件

或下载免费版

用户语言检测的工作原理

在某些时候,您可能访问了外国品牌的网站,却发现您正在以您的母语查看其内容。 这是可能的,因为该网站可以自动检测您的首选语言。

想知道这是否与某些违反隐私法的行为有关? 不用担心,自动用户语言检测基于与监视您的个人信息无关的简单逻辑工作。

网站可以通过三种主要方式检测用户的首选语言。 它可以基于浏览器偏好、IP 地址或国际化。

浏览器偏好检测

这是网站用来自动检测浏览器语言的最流行的方法。 在设备上安装浏览器后,您通常会选择首选语言。

自动浏览器语言检测

当您随后在此浏览器中访问网站时,该网站可以轻松检测存储在浏览器设置文件中的首选语言。 然后,该网站使用代码(在大多数情况下为 Javascript)将用户重定向到相应的网站预翻译版本。 作为网站所有者,您可以选择自动执行此操作,或者询问用户是否希望以检测到的语言查看您的网站。

在设置自动浏览器语言检测时,让访问者在访问您的网站后选择他们的首选语言非常重要。 自动语言切换器对此有所帮助。

但是世界各地的人们会说数千种语言。 您可能想知道要将您的网站翻译成哪种语言。 解决此问题的一种可能方法是将网站翻译成世界上使用最广泛的语言。

但是,作为最佳实践,考虑目标受众常用的语言会更有价值。 您可以通过分析您的大多数网站访问者目前来自的特定国家/地区轻松做到这一点,并旨在更好地吸引他们。

谷歌分析在这里非常方便。 如果您想了解更多关于为您的多语言网站选择正确语言的信息,您可以查看我们关于如何翻译 WordPress 的完整指南。

IP 地址查找

网站用来检测浏览器语言的另一种方法是检查网站访问者的 IP 地址。 一旦站点完成 IP 地址查找,这将反过来反映用户的位置。 然后它将根据用户的位置重定向用户。

但这种方法带来了一些挑战。 用户的语言偏好有时可能与其位置信息不同。 但是典型的 IP 地址查找无法区分它们。

例如,如果网站将您的位置标识为美国并且您前往非英语国家/地区,则 IP 地址会更新您的位置并为您提供与您的新位置相对应的网站版本。 这意味着,如果您不了解新位置的流行语言,您可能很难与网站的内容互动。

同样,加拿大或喀麦隆等国家也有不止一种通用语。 使用更流行的语言选项可能并不总是正确的。 同样,如果站点访问者也在使用虚拟专用网络 (VPN) 连接,那么根据位置提供网站翻译可能会产生不希望的结果。 由于这些障碍,网站很难用这种方法检测浏览器语言。

国际化

除了自动检测完全不同语言的浏览器语言外,网站还必须注意语言变化。 一个流行的例子是具有美国和英国变体的英语。 这些变体具有不同的拼写、样式和格式。

为确保有效的本地化,您网站的自动语言检测应该使用户可以清楚地检测到这两种变体。 您可以使用前两种方法中的任何一种来获得关于国际化的有效结果。

为什么要自动检测浏览器语言?

当人们第一次访问您的网站时,他们希望以他们理解的语言访问其内容。 这就是为什么在您的网站上设置自动用户语言检测很重要的原因。

一旦您将网站设置为自动检测浏览器语言一次,它就会始终记住访问者之前通过 cookie 使用的语言。 因此,当用户重新访问您的网站时,他们可以自动以首选语言访问它。

在大多数情况下,全球网站通常会获得新用户,他们的浏览器设置或 IP 地址反映的语言与您网站的预设语言不同。 当您激活自动用户语言检测插件时,此类访问者会看到一个弹出窗口,其中包含切换到检测到的语言的选项。

您还可以设置将访问者重定向到他们的语言而不预先通知他们的方式。 这样做的挑战在于,由于 Google 算法的不断变化,它可能无法帮助您的网站建立索引。

无论哪种情况,您都将享受以下好处:

  • 您网站的浏览体验将得到显着改善;
  • 您将在着陆页和整个网站上获得更多参与;
  • 用户将在您的网站上花费更多时间,这也会提高您的搜索引擎优化 (SEO) 排名;
  • 您的业​​务将获得更多的销售和转化。

从本质上讲,自动检测浏览器语言使您的多语言网站更加用户友好,并确保您的国际化工作产生最大的投资回报 (ROI)。

用于浏览器语言检测的最佳 WordPress 插件

TranslatePress 是可用于检测浏览器语言的最佳 WordPress 插件。 这是一个易于使用的插件,可让您快速翻译您的网站。 使用 TranslatePress,您可以直接从前端翻译整个页面,而无需技术麻烦。

翻译出版社

它还允许您使用 DeepL 或 Google Translate 自动翻译您的 WordPress 网站,并根据需要进行修改。 该插件与其他 WordPress 插件兼容,并具有用户友好的界面。

您可以使用 WordPress 翻译插件从 200 多种语言中进行选择。 它还允许您编辑翻译并仅在完成后发布。 该插件有一个语言切换器,可以帮助您的网站用户轻松地在您网站的不同版本之间切换。

Translate Press 允许您翻译图像,它完全支持 SEO。 锦上添花的是,如果您在使用该工具时遇到任何挑战,您可以轻松联系可靠且专业的 TranslatePress 支持团队。

TranslatePress 如何检测浏览器语言

TranslatePress 使用自动用户语言检测插件来执行用户语言检测。 这不涉及 IP 语言地址服务的任何技术性或注册,因为 Maxmind 的 GeoLite2 数据库有助于本地语言识别。

您的站点可以通过浏览器语言设置或 IP 地址检测用户的语言。 正如我们之前所解释的,浏览器语言设置是首选选项。 但总的来说,在确定网站的最佳选择时,您需要考虑您的目标受众。

通过转到 WordPress 仪表板中的设置→ TranslatePress 高级,您可以轻松更改在 IP 地址之前考虑浏览器语言的预设模式。 在这里,您可以选择使用浏览器语言、IP 地址或两者来确定访问者的语言。 如果您决定同时使用两者,则可以先使用它们中的任何一个。

检测浏览器语言设置 translatepress

之后,您可以决定是否要在访问者打开您的网站后立即将其重定向到检测到的语言。 否则,您可以通过弹出窗口或问候栏通知他们有关语言检测的信息。 如果您选择在重定向之前通知您的用户,您还可以自定义您希望他们看到的消息。

在自动检测浏览器语言后,您通常可以使用两种重定向:硬重定向和软重定向。 硬重定向发生在服务器端,与缓存系统不兼容。

这与基于插件和基于主机的缓存系统有关。 这是因为站点访问者只能看到页面的缓存版本。 换句话说,他们永远不会看到服务器代码将他们重定向到的页面的翻译版本。

除了缓存这一挑战之外,硬重定向还要求访问者接受 cookie 并授予 JavaScript 访问权限以运行。

幸运的是,自动用户语言检测插件有效地解决了这些棘手的直接问题。 它仅使用在客户端发生的软重定向。

如何在 WordPress 中检测浏览器语言

要启用您的 WordPress 网站检测浏览器语言,请按照以下简单步骤操作。

第 1 步:安装并激活 TranslatePress

TranslatePress 有一个免费版本,您可以在 WordPress 存储库中轻松找到它,但为了获得自动用户语言检测的访问权限,您将需要 TranslatePress 的开发人员或商业许可证。

因此,要安装 TranslatePress 的专业版,请购买许可证,然后从您的帐户页面下载您的插件 .zip 文件。

TranslatePress 帐户页面

接下来,在您的 WordPress 仪表板中转到Plugins → Add New ,上传插件文件,然后点击Install and Activate

将插件添加到站点后,它将在仪表板的顶部面板中添加一个新的翻译站点按钮。 您可以将鼠标悬停在此按钮上并单击设置来设置您的多语言站点。

translatepress 设置 浏览器语言 检测

下一步是将自动用户语言检测插件添加到您的站点。

第 2 步:激活自动用户语言检测插件

要激活插件,请转到设置→ TranslatePress 然后单击插件选项卡。

translatepress 激活自动用户语言检测插件

在列表中找到自动用户语言检测插件,然后单击激活

自动用户语言检测插件 translatepress

第三步:选择语言检测模式

激活自动语言检测插件后,您可以调整“高级”选项卡中的设置。

检测浏览器语言设置 translatepress

在这里,您可以从 4 种不同的模式中进行选择。 您可以根据访问者的浏览器语言设置、IP 地址或设置优先顺序来确定语言检测模式。

在这种情况下,您的网站将使用您选择的第一个选项来确定用户语言偏好。 如果首选方法失败,它将考虑第二个选项。

设置完成后,不要忘记单击页面底部的保存更改

现在,当 TranslatePress 检测到与您网站上的默认语言不同的语言首选项时,它将显示如下弹出窗口:

自动用户语言检测弹出窗口

额外提示:始终将语言切换器添加到您的站点

依靠自动语言重定向不足以让访问者以他们喜欢的语言访问内容。 无论您拥有哪种多语言网站,您仍然需要添加 WordPress 语言切换器。

即使您的网站检测到错误的浏览器语言,语言切换器也允许用户查看您网站上的内容。 这不仅仅与技术错误有关。 用户可以选择以本地语言或浏览器预设语言以外的语言查看您的网站。

TranslatePress 浮动语言切换器

您网站的语言切换器可以是按钮、文本或下拉菜单的形式。 最重要的是,您的访问者应该能够方便地使用它。

您可以通过 3 种方式使用 TranslatePress 将语言切换器添加到您的 WordPress 网站:使用短代码、菜单项或浮动语言选择。 您可以在此处找到帮助您选择语言按钮的详细指南。 或者您可以查看此详细教程,了解如何使用 TranslatePress 添加任何这些语言切换器类型。

使用浏览器语言检测提升用户体验

建立您的多语言网站旨在为您的企业提供全球在线认可。 这就是为什么您必须设置您的网站以确保用户可以访问您的网站内容而没有语言障碍。

在本文中,我们解释了自动语言检测是什么以及它是如何工作的。 我们还演示了如何使用最好的多语言 WordPress 插件 TranslatePress 轻松检测您网站上的浏览器语言。

TranslatePress 多语种

TranslatePress 是翻译 WordPress 网站的最简单方法。 它速度快,不会减慢您的网站速度,适用于任何主题或插件,并且对 SEO 友好。

获取插件

或下载免费版

有了这些提示,我们希望本文能帮助您设置您的网站以自动检测浏览器语言。 如果您在下面的评论部分有任何问题,请随时告诉我们。

如果您觉得这篇文章有帮助,请查看我们的 YouTube 频道,我们会不断上传简短易懂的视频教程。 您也可以在 Facebook 和 Twitter 上关注我们,以便在我们每次发布时第一个知道。