语言切换器是多语言网站的要素之一,在构建多语言网站时需要重点关注,其中之一就是Drupal多语言网站。
语言切换器是一个语言切换按钮,用于在访问网站时切换到另一种语言。 让语言切换器对访问者友好很重要,因为它可以改善用户体验并优化 SEO。
那么如何为Drupal设置语言切换器以及对网站有什么好处? 继续阅读下面的解释。
为什么创建语言切换器对于多语言Drupal网站很重要?
开发用户友好的语言切换器对于多语言网站的成功至关重要。 为Drupal设置语言切换器的好处的原因。
- 增强的用户体验:用户友好的语言切换器有助于语言之间的无缝转换,简化内容的导航和理解。 这有助于改善整体用户体验,减少挫败感并提高参与度。
- 直观的导航:用户应该轻松找到并使用语言切换器。 设计直观的切换器具有清晰的位置和易于识别的图标或标签,鼓励用户轻松地在语言之间切换。
- 降低跳出率:用户友好的语言切换器有助于降低跳出率。 当访问者可以快速找到并选择他们喜欢的语言时,他们更有可能留在网站上、探索内容并有可能进行转换。
- 清晰的沟通:与用户的有效沟通对于语言转换者来说至关重要。 清晰简洁的标签或符号有助于传达可用的语言选项,最大限度地减少混乱,并确保用户可以做出明智的选择。
- SEO 优化:搜索引擎在对网站进行排名时会考虑用户体验。 实施良好、用户友好的语言切换器可以对多语言 SEO 产生积极影响,提高网站对使用多种语言搜索的用户的可见性和可访问性。
如何设置Drupal的语言切换器?
第1步:注册Linguise账户
第2步:添加域名网站Drupal
第 3 步:激活语言切换器
完成所有配置后,后续操作包括输入语言切换设置并呈现标记以增强用户在语言转换期间的便利性。 为此,请导航至LinguiseLinguise。
要将内容添加到页眉,您可以使用Drupal模块。 只需导航至配置 > 开发 > 添加配置文件。
最后,请确保验证或验证脚本位置。
语言切换器最初将显示在网站右上角的浮动位置。 您可以根据自己的喜好灵活地进行定制。
第 4 步:设置主显示屏
此外,您还可以通过访问Linguise仪表板并转到“设置”部分来个性化语言切换器。 在此区域中,继续进行语言标记显示设置。 此部分中实施的任何更改都将自动反映在您网站上的语言切换器中。
在初始设置中,我们将调整主显示,重点关注各个组件。
最初考虑的是语言列表显示形式的配置,提供三种选项可供选择,并排、下拉或弹出。 左侧有每个表单的预览显示。
下面介绍的第一种形式是并排布局。
随后的形式采用下拉菜单的形状,如下图所示。
最后是弹出表单。
继续,以下步骤涉及配置位置,您可以在其中确定语言切换器的位置。 有多个位置选项可供选择,因此请务必选择访客容易注意到的位置。
最后,决定组合偏好,是标志+语言名称、标志+短名称还是仅标志。
第5步:设置标志设计
接下来,在主显示部分下方,您将找到旗帜的设计配置。 下图展示了一些可用的设置选项。
- 显示语言名称:您可以选择根据国家/地区或语言显示名称,例如“德语”或“德语”。
- 英语标志类型:此选项适用于具有多种变体的语言,例如“美国英语”或“英国英语”(类似于西班牙语、台湾语、德语和葡萄牙语)。
- 旗帜样式:此设置允许您定义旗帜图标的形状,无论是圆形还是方形(矩形)。
第6步:设置标志的颜色和大小
设置标志设计后,后续操作包括调整颜色、尺寸和各种其他元素。 在以下界面中,可以使用许多可自定义的设置,包括:
- 标记边框半径:使用矩形时个性化边框半径(以像素为单位)。
- 语言名称颜色:选择语言名称的默认文本颜色。
- 弹出语言颜色:弹出或下拉区域中语言标题的颜色。
- 旗帜大小:修改旗帜的大小。
- 语言名称悬停颜色:将鼠标悬停在语言名称上时的文本颜色。
- 弹出语言悬停颜色:将鼠标悬停在弹出窗口或下拉菜单中的语言标题上时的文本颜色。
第7步:设置标志box-shadow
在最后一个阶段,您可以选择配置标志的影子设置。 初始设置允许您为网站上显示的每个标志指定阴影,而后续设置涉及将鼠标悬停在语言标志上时的阴影效果。
确保单击“保存”以保留语言切换器的自定义设置。
为Drupal配置语言切换器后,以下是您可以从语言切换器获得的结果。
如何为您的Drupal网站创建用户友好的语言切换器?
在为Drupal建立语言切换器的过程之后,现在必须了解如何制作用户友好的语言切换器以增强网站的各种优势。
- 可识别的图标或标志:利用众所周知的语言图标或标志来代表不同的语言。 确保所选图标或标志在视觉上突出并得到普遍认可,清晰可见。
- 战略放置:将语言切换工具放置在网站的显着位置,最好在所有页面(例如页眉、页脚或导航菜单)上保持一致。 确保翻译工具的可见性和易于访问性。
- 标志上的语言标签:用各自的语言清楚地标记每个语言选项。 例如,英语使用“English”,西班牙语使用“Español”,德语使用“Deutsch”等。这有助于用户轻松识别和选择自己喜欢的语言。
- 创新设计:翻译工具采用创新设计,利用熟悉的符号或文本来指示语言选择。 例如,对于英语使用“EN”,对于德语使用“DE”。 通过使用不同的颜色或突出显示来确保语言切换工具脱颖而出。
- 用户友好的切换:如果默认语言不符合用户的偏好,则简化用户切换到另一种语言的过程。 避免使用下拉菜单、标志/图标列表或切换按钮来选择语言。
- 响应式设计:确保语言切换工具具有响应能力,并且可以在各种设备和屏幕尺寸上无缝运行。 在台式机、智能手机和平板电脑上测试其功能,以保证所有用户获得流畅的体验。