多语言网站时应密切关注的一个重要元素,因为用户在想要切换语言时经常会访问语言切换器。
有效的语言切换按钮可以为网站带来多种好处,从提高网络优化到增加销售额。
在本文中,我们将讨论设计语言选择器的最佳实践。 让我们在下面的文章中进一步讨论它。
什么是语言选择器?
语言选择器是一种用户界面元素或功能,允许用户选择他们希望与网站、应用程序或任何数字平台交互的语言。 它常见于网站、软件应用程序和其他数字界面中,以适应使用不同语言的用户。
语言选择器通常显示可用语言的列表,用户可以从该列表中选择他所选择的语言。 选择后,界面内容(包括文本、标签,有时还包括图像)将以所选语言显示。 这对于为全球受众或多样化用户群提供服务的网站和应用程序尤其重要。
语言选择器可以让更广泛的受众(无论他们的语言技能水平如何)访问数字内容,从而有助于改善用户体验。 它们是本地化工作的关键组成部分,使开发人员和设计师能够使他们的产品适应不同的语言和文化背景。
为什么需要定制您的语言切换器?
在多语言网站上自定义语言切换器有几个重要的好处。
- 品牌一致性和视觉风格:通过自定义语言切换器,您可以确保所使用语言的外观和风格与您网站的品牌和视觉风格一致。 您可以自定义语言切换按钮或菜单以适应网站的整体设计,从而创造一致的用户体验。
- 更好地控制显示语言:有时,您可能希望限制语言切换器中显示的某些语言。 例如,您的网站可能有多种语言的有限版本,并且您只想在语言切换器中显示这些语言。 通过自定义语言切换器,您可以选择显示哪些语言,从而更好地控制可用内容。
- 优化的用户体验:通过自定义语言切换器,您可以创建优化的用户体验。 例如,您可以调整语言切换器的布局或位置,以便用户轻松查找。 您还可以添加通知或语言切换说明等功能,帮助用户了解如何轻松使用该功能。
- 满足不同的用户需求:每个用户都有不同的语言偏好。 通过自定义语言切换,可以满足不同语言背景用户的需求。 这可能包括本地用户、国际访客或更习惯使用不同语言的用户。
- 提高销售转化率:适当的语言切换器定制还可以带来提高销售转化率的好处。 因为有效的语言切换器可以让用户在与您的网站交互时感到舒适。 CSA Research 数据显示,72.4% 的消费者表示,他们更有可能购买以母语提供信息的产品。 所以你的销售水平不可能也会提高。
不同类型的语言选择器
每个网站所有者肯定会仔细考虑他们的语言选择器是什么样的,每个网站当然会有不同的偏好。 对于那些正在寻找可用的语言选择器类型的人,这里有一些。
语言按钮
这是常用的语言切换器类型之一。 语言按钮通常是指示正在显示的语言的图标或文本,例如,“EN”代表英语或代表特定语言的国旗。 当用户单击语言按钮时,他们将被重定向到相应语言的网站版本。
对于语言按钮,建议显示有限数量的语言,以避免显示混乱。 一般来说,拥有4到5种以上的语言才能营造出忙碌的视觉效果。 将按钮放置在可见位置非常重要,以便用户可以轻松找到它。 我们将在本文的下一节中进一步讨论这些方面。
语言按钮可能适合针对特定市场或在某些地点为国际社区提供服务的企业。 使用世界卫生组织网站上的语言按钮的示例如下。
文字链接
文本链接是一种语言切换器,它使用语言名称形式的文本作为链接。 例如,您可以显示“英语”、“法语”或“西班牙语”等文本链接,将用户带到所选语言的网站版本。 此文本链接通常放置在列表或下拉菜单中,以便用户更轻松地选择所需的语言。
大公司Facebook使用一种链接语言选择器,除了列出的语言之外,您还可以按(+)图标查找更多语言。
之后,页面将立即翻译成之前选择的语言。
选择菜单
选择菜单是一种语言切换器,它使用下拉菜单或打开菜单来选择语言。 当用户单击选项菜单时,他们将看到可用语言的列表,并可以选择所需的语言。 选项菜单可以包含国家图标或标志作为语言指示符,以及文本中的语言名称。
选择菜单与语言按钮有很大不同,这种类型比单纯的按钮更复杂。 就像下面这个来自保时捷网站的例子。
他们提供了一个语言选择网站,用户可以直接写下他们的语言或目的地国家/地区。
语言选择器最佳实践和技巧
了解可在网站上使用的各种类型的语言选择器后,在创建语言选择器时,应用最佳实践非常重要,以便您可以创建有效且能够提供良好用户体验的语言选择器。 以下是一些最佳实践。
- 清晰周到的语言按钮放置:将语言按钮放置在用户直观且易于触及的位置。 通常,将语言按钮放置在页面顶部(例如,页眉的右侧或左侧)或页面底部(例如,页脚中)。 确保按钮没有被其他元素隐藏并且易于用户找到。
- 有旗帜还是无旗帜:使用旗帜作为语言图标是一个有争议的话题。 虽然旗帜可以清晰地直观地表明所选语言,但重要的是要记住,国旗也具有复杂的政治和文化含义。 如果您想避免与使用标志相关的潜在问题,请准备好使用中性的、更通用的语言图标。
- 语言的全名或缩写:在按钮上选择语言标签时,您可以使用该语言的全名(例如“English”或“Français”)或该语言的缩写(例如“EN”) ”或“FR”)。 解释用户对所用语言的理解程度。 如果您的目标受众是多种语言的受众,那么使用该语言的全名可以让他们更容易理解。
- 图标语言按钮:您可以使用图标代替文本或标志,或者除了文本或标志之外还使用图标来表示特定语言。 清晰且易于识别的语言图标可以帮助用户识别他们想要选择的语言。 确保图标一致且易于来自不同文化和语言背景的用户理解。
- 优先考虑相关语言:显示与目标受众最相关的语言。 分析您的网站流量和用户人口统计数据,以确定应突出显示的语言。 优先考虑最常用或广泛使用的语言可以改善用户体验并提高参与度。
- 清晰的语言标签:使用清晰简洁的语言标签来表示每个语言选项。 显示相应语言的语言名称,例如“English”表示英语,“Español”表示西班牙语。 这可以帮助用户快速识别他们的首选语言,即使他们不熟悉您网站上使用的语言。
通过Linguise设置语言选择器,只需 7 个步骤
至此,您已经了解了语言选择器的最佳实践。 您可以在使用网站翻译服务后完成此翻译。 但是,并非所有翻译服务都提供语言选择器设置的灵活性。
但您不用担心,因为Linguise不是那样的。 Linguise是一项自动翻译服务,可为用户提供语言切换器的定制。 使用Linguise时您将获得的一些好处包括:
- Linguise可以使用并集成到 40 多个 CMS ( WordPress 、 Joomla 、 Drupal等)中。
- 将语言添加到网站上的语言切换器后,几秒钟内就会自动翻译成各种语言。
- 有超过80 种可用语言可以添加到语言选择器中。
- Linguise会根据翻译目标语言自动准备唯一的 URL。 ,正在翻译成德语的页面的URL linguise .com/de/
- 当页面上有语言变体时,它会自动创建规范 URL,以帮助避免搜索引擎中出现重复内容。
- 您可以设置语言切换器,从图标、颜色到语言名称。
- 您可以查看添加到语言选择器的每种语言的每种语言的访问者页面浏览统计信息。
在本教程中,我们将使用WordPress作为所使用的 CMS 的示例。
第 1 步:注册Linguise免费帐户
第 2 步:将域名添加到您的多语言网站
第三步:安装Linguise插件
成功添加网站后,打开WordPress仪表板并安装Linguise插件,通过插件 > 新增 > Linguise > 安装 > 激活来执行此操作。
如果插件已安装,请转到Linguise仪表板并复制 API 密钥。
然后打开Linguise插件并将您从Linguise仪表板获取的 API 代码粘贴到以下列中。
第 4 步:设置主显示屏
中的Linguise进行操作。
在初始设置期间,我们将对主显示屏进行调整,考虑到不同的组件。
第一个考虑因素是语言列表显示格式的配置,它提供了三种选项可供选择:并排、下拉或弹出。 左侧有每种格式的预览显示。
第一种格式(如下所示)是并排布局。
下面的格式采用下拉样式,如下图所示。
最后,我们将弹出格式作为最终选项。
接下来,我们继续下一步,其中涉及配置语言切换器的位置。 您可以灵活地选择各种位置选项,因此选择一个容易被访问者注意到的位置非常重要。
最后,您需要决定显示语言选项的组合首选项。 您可以在标志 + 语言名称、标志 + 简称或仅显示标志等选项之间进行选择。 此决定将取决于您的具体设计偏好和目标受众的偏好。
第5步:设置标志设计
之后,在主显示部分下方,您将看到专门针对旗帜的设计配置。 下面提供的图像演示了一些可用的设置选项。
- 语言名称显示:您可以选择根据国家/地区或语言本身显示语言名称。 例如,您可以选择显示“德语”或“德语”。
- 英语标志类型:此选项适用于处理具有多种变体的语言,例如“美国英语”或“英国英语”。 对于西班牙语、台语、德语和葡萄牙语等语言也可以做出类似的选择。
- 旗帜样式:此设置使您能够定义旗帜图标的形状,无论是圆形还是方形(矩形)。
第6步:设置标志的颜色和大小
一旦旗帜设计完成,下一步就是调整颜色、尺寸和各种其他元素。 在下面的界面中,您会发现许多可自定义的设置,包括:
- 标志边框半径:这允许您在使用矩形标志时个性化边框半径(以像素为单位)。
- 语言名称颜色:您可以选择语言名称的默认文本颜色。
- 弹出语言颜色:此设置确定弹出或下拉区域中语言标题的颜色。
- 旗帜尺寸:您可以根据自己的喜好修改旗帜的尺寸。
- 语言名称悬停颜色:此设置控制将鼠标悬停在语言名称上时的文本颜色。
- 弹出语言悬停颜色:同样,此设置确定将鼠标悬停在弹出窗口或下拉菜单中的语言标题上时的文本颜色。
第7步:设置标志box-shadow
在最后阶段,您有机会自定义标志的阴影设置。 初始设置允许您为网站上显示的每个标志指定阴影,而后续设置涉及将鼠标悬停在语言标志上时的阴影效果。
请记住单击“保存”按钮以保留您为语言切换器所做的自定义设置。 这可确保您选择的阴影效果配置得到实施并保存以供将来使用。
完成所有配置后,以下是使用位于右上角的弹出窗口并使用缩写的语言选择器显示的示例。 这只是一个示例,您可以根据您的意愿并根据网站的需求自定义其余部分。