如何设计网站语言选择器

有效的网站本地化并不会在您翻译完内容后结束。您的受众必须能够轻松找到翻译的内容。

这就是网站语言选择器（又称语言选择器）的作用所在。这些有用的用户界面 (UI) 元素让访问者可以使用他们喜欢的语言浏览您的网站。

语言选择对于用户体验网站起着至关重要的作用。笨重或难以找到的语言选择器可能会赶走访问者，而简单直观的工具则可以支持更流畅的用户体验，提高参与度和转化率。

本指南解释了为什么精心设计的语言选择器对于全球发展至关重要，并提供了为您的多语言网站选择正确方法的提示。

什么是网站语言选择器？

语言选择器是一个 UI 组件，允许网站访问者在不同语言之间切换。语言选择器在网站本地化中发挥着至关重要的作用，确保国际观众能够以他们喜欢的语言无缝浏览内容。

良好实施的语言选择器使网站更易于访问并受到全球用户的欢迎。它消除了混乱并增强了用户体验，建立了品牌信任以及对产品或服务的参与度。

语言选择器也对 SEO 有直接或间接的益处。它们帮助 Google 和其他搜索引擎抓取和索引网站，增加访问者在页面上停留的时间，并降低跳出率。

添加语言选择器的最佳实践

无缝的多语言体验可以增强客户信任并推动全球市场的销售，而语言选择器是这种体验的重要组成部分。这是国际用户最先接触的元素之一。 

在设计语言选择器时，企业应该考虑位置、格式和可访问性等可用性因素。无论访问者是在桌面还是移动设备上浏览，他们都应该能够毫不费力地找到并使用选择器。

遵循以下最佳实践来设计用户友好的网站语言选择器：

方便查找

用户不必搜索语言切换器。如果很难找到，他们可能会认为该网站不支持多种语言。

将语言选择器放置在显眼的位置 - 理想情况下是页面的顶角或主导航菜单。在移动网站上，考虑将其放在汉堡菜单中。无论放置在哪里，都要确保外观直观且易于访问。许多网站使用地球图标作为超越语言的视觉提示。 

使用母语名称和格式

始终以母语形式显示语言选项（例如，“Español”而不是“Spanish”，“Deutsch”而不是“German”）。这有助于访问者立即识别他们喜欢的语言选项。

母语名称也能增加您本地化工作的可信度。他们注重细节并考虑国际观众。为了提高可读性，请使用清晰易读的字体并确保选项之间有适当的间距。

避免使用旗帜图标

国旗代表国家，而不是语言。在语言选择器中使用国家国旗可能会产生误导，因为有些语言在多个国家占主导地位，而有些国家有多种官方语言。例如，用西班牙国旗来代表西班牙语会忽视拉丁美洲国家的用户。

基于文本的语言选择器选项提供了一种更安全的方法。除了以母语格式列出语言名称（例如英语、西班牙语、法语）外，还可以考虑使用 ISO 语言代码（例如 EN、ES、FR）来表示语言，而不将其与特定国家/地区关联。

谨慎使用重定向

一些企业绕过语言选择器，而是根据用户的地理位置或浏览器语言自动重定向用户。虽然这种方法很方便，但它并不总是能带来积极的用户体验。

地理位置并不是决定用户偏好语言的唯一因素。例如，位于葡萄牙的访问者可能不想要葡萄牙语的内容。他们可能正在该国度假，或者可能是更习惯使用其他语言的移民。此外，许多国家（如瑞士和菲律宾）都有多种被广泛使用的官方语言。

如果您实施自动重定向，您的网站仍然需要针对这些情况的语言选择器。

一旦用户进入您网站的正确版本，他们就需要找到以他们喜欢的语言呈现的准确且自然的内容。Smartling 的网站翻译服务可帮助品牌提供高质量的本地化网络体验，而无需花费太多。

允许用户单独选择货币

在线购物者必须能够独立更改您网站的语言和货币。自动链接这些项目可能会让人感到沮丧。例如，加拿大游客可能更喜欢英语或法语内容，但他们仍然希望以加元支付。

语言选择器设计的关键考虑因素

语言选择器应该功能齐全并且易于查找。精心设计的选择器可以显著增强用户体验、增加网站流量并推动销售。

语言选择器设计没有单一正确的方法。适当的解决方案取决于您的业务需求和目标客户群。考虑这些流行的设计方法及其优点和局限性：

语言选择器下拉菜单

下拉菜单通常位于页面的顶部或底部右侧，允许用户在紧凑且有组织的列表中选择多种语言。单击下拉菜单将打开可用语言选项的列表。

这是亚马逊的语言下拉菜单：

下拉菜单对于支持多种语言内容的网站上特别有用，因为它们可以将列表整齐地压缩到紧凑的空间中。设计师应确保语言下拉菜单在桌面和移动设备上都易于定位和使用。如果语言列表很长，搜索栏可以帮助用户避免过度滚动。 

语言按钮

标记清晰的按钮使访问者只需单击即可切换到他们喜欢的语言。这种方法最适合只有少数语言选项的网站，对于针对特定多语言市场的组织来说尤其有用。

美国政府的主要网站提供了一个例子。请注意右上角的西班牙语按钮。

由于每种支持的语言都需要按钮，并且按钮占用相对较大的空间，因此设计师必须仔细考虑它们的位置，以避免拥挤内容和导航元素。由于移动设备的视觉空间比较有限，因此按钮给设计带来了额外的挑战。

文本链接

一些组织更喜欢通过网站页眉或页脚中的简单文本链接来呈现支持的语言。这种方法为那些支持的语言太少而无法提供下拉菜单但按钮又太多而导致 UI 不堪重负的网站提供了一种中间立场。

Facebook 的首页提供了很有价值的参考。它突出显示流行语言，同时通过“+”按钮提供附加选项。

如果您的网站首页很长并且需要滚动才能到达底部，请谨慎在页脚中放置文本链接。访问者可能会在看到语言选项之前点击后退按钮。 

模态窗口

模式窗口以扩展且视觉上吸引人的视图显示所有可用的语言。模态窗口是出现在网页主要内容上的小窗口。您可以将它们设置为在特定操作后触发，例如当访问者首次访问网站或单击按钮时。

Airbnb 使用模态窗口方法，如下所示：

这种格式提供了所有语言选项的清晰概览，同时最大限度地减少了 UI 混乱。模态窗口很难被忽视，保证访问者立即了解您的网站提供多语言内容。它们还足够宽敞，可以包含诸如区域语言差异之类的上下文信息，如 Airbnb 示例所示。

使用 Smartling 更智能、更高效地进行本地化

您的网站应该让访问者感到舒适和投入，无论他们身在何处或偏好何种语言。语言选择器是该体验的关键部分。直观且位置合适的语言选择器可显著提高 SEO 和用户满意度，从而提高转化率。这是在全球市场上建立强大品牌声誉的第一步。

然而，选择正确的设计只是难题的一个方面。为了在国际市场上取得成功，企业需要一个可扩展且高效的本地化战略——一个既能确保高质量翻译又不会减缓扩张步伐的战略。

这就是 Smartling 基于云的翻译管理系统可以提供帮助的地方。借助我们的自动化工作流程、先进的人工智能工具和专业的人工语言学家，您可以提高翻译质量和一致性。

如需更多优化网站本地化工作的技巧，请下载“提高翻译效率的 10 个策略”。这本免费的电子书充满了见解和可操作的提示，可帮助您在不增加翻译预算的情况下接触更多的全球消费者和国际市场。