Kirby CMS中设置语言切换器是一项重要功能,可以让国外访问者更轻松地与您的网站进行交互。 在不同语言之间轻松切换的能力已成为许多在线平台的基本要求。
通过在 Kirby CMS 中设置语言切换器,您可以显着提高网站对国际访问者的可访问性,潜在地提高搜索引擎性能,并增强全球对您品牌的信任。 Kirby CMS 网站上高效实施此功能的步骤,确保流畅且用户友好的多语言体验。
在 Kirby CMS 上设置语言切换器的重要性
在 Kirby CMS 上实施语言切换器不仅仅是一项功能 - 它是一项战略决策,可以显着影响您网站的性能和覆盖范围。 让我们探讨一下在 Kirby CMS 网站上设置语言切换器的主要原因。
- 增强用户体验:语言切换器使访问者能够以其首选语言访问内容,从而显着提高他们对网站的理解和参与度。
- 降低跳出率:无法找到其语言内容的访问者可能会很快离开。 提供多种语言选项鼓励用户进一步探索该网站。
- 提高转化率:当用户能够用母语了解产品详细信息、政策和购买流程时,他们更倾向于购买或采取所需的操作。
- 加强多语言搜索引擎优化:搜索引擎在对网站进行排名时会考虑用户体验。 直观的语言切换器可以通过方便地轻松访问各种语言的内容来多语言 SEO
如何在 Kirby CMS 上设置语言切换器
现在我们已经探讨了在多语言 Kirby CMS 网站上实现语言切换器的重要性,让我们深入研究设置它的实际方面。 虽然许多网站翻译服务都提供此功能,但找到一个提供高度可定制且用户友好的语言切换器的服务可能具有挑战性。
选择一个不仅能够与各种框架良好配合,而且还提供灵活的语言切换功能的自动翻译服务至关重要。 Linguise自动翻译网站是在满足这些要求方面脱颖而出的一项服务。 他们的语言切换器以其易于定制和用户友好的界面而闻名,使其成为与 Kirby CMS 集成的绝佳选择。
通过将Linguise无缝整合到您的 Kirby CMS 中,您可以轻松地将语言切换器添加到您的多语言应用程序中。 Linguise的高级功能和直观的界面简化了 Kirby CMS 网站上语言切换器的设置和维护。
让我们按照步骤在多语言 Kirby CMS安装Linguise并配置语言切换器。
第 1 步:注册您的Linguise帐户
首先准备您的 Kirby CMS 网站进行翻译,这需要访问 Kirby CMS 管理仪表板。 然后,创建一个免费的Linguise帐户并添加您网站的域名。 在选择订阅计划之前,您可以享受 30 天免费试用。
第 2 步:添加您的 Kirby CMS 网站域
设置Linguise后 单击“添加域”并提供以下详细信息:
- 帐户
- 网址
- 平台(Kirby CMS)
- 默认语言
- 翻译语言
- 翻译网址
- 动态内容翻译
第 3 步:上传并连接Linguise脚本
下载Linguise翻译脚本并将其上传到 Kirby CMS 安装的根文件夹。
解压缩脚本并确保名为“ linguise ”的文件夹保留在您网站的根级别。
接下来,将Linguise API 密钥复制到服务器上的“Configuration.php”文件中。 打开文件,将 `REPLACE_BY_YOUR_TOKEN` 替换为您的 API 密钥,然后保存更改。
步骤 4:为 Kirby CMS 设置 URL 重写
Kirby CMS 默认启用 URL 重写。 如果它未激活,您可以通过托管提供商启用它。
要按语言配置 URL,请将以下代码添加到默认 Kirby CMS “.htaccess” 文件中“RewriteEngine on” 行之后的“.htaccess” 文件中。
RewriteEngine On
RewriteRule ^(af|sq|am|ar|hy|az|eu|be|bn|bs|bg|ca|ceb|ny|zh-cn|zh-tw|co|hr|cs|da|nl|en|eo|et|tl|fi|fr|fy|gl|ka|de|el|gu|ht|ha|haw|iw|hi|hmn|hu|is|ig|id|ga|it|ja|jw|kn|kk|km|ko|ku|ky|lo|la|lv|lt|lb|mk|mg|ms|ml|mt|mi|mr|mn|my|ne|no|ps|fa|pl|pt|pa|ro|ru|sm|gd|sr|st|sn|sd|si|sk|sl|so|es|su|sw|sv|tg|ta|te|th|tr|uk|ur|uz|vi|cy|xh|yi|yo|zu|zz-zz)(?:$|/)(.*)$ linguise/linguise.php?linguise_language=$1&original_url=$2 [L,QSA]
第 5 步:激活并自定义语言切换器
要出于 SEO 目的显示带有标志和备用 URL 的语言切换器,必须在所有 Kirby CMS 页面上加载Linguise JavaScript 链接。
从Linguise仪表板上的域设置获取脚本链接并复制它。
在 Kirby CMS 中加载此脚本的最简单方法是将其添加到您网站的 header.php 或 部分。 操作方法如下:
- 访问您网站的根文件夹。
- 导航至站点 > 片段 > header.php。
- 编辑 header.php 文件以在标头部分包含脚本链接。
语言切换器最初将以默认格式显示。 但您可以使用Linguise“设置”>“语言标志显示”来自定义语言切换器 此部分提供各种自定义选项,包括主显示设置、语言名称和设计元素。
步骤 6:配置主显示屏
要开始配置语言切换器,请导航至Linguise仪表板中的设置 > 语言标记显示。
在此部分中,您可以调整各种设置。 主要显示设置允许您自定义元素,例如。
- 标志图标样式:在并排显示、下拉菜单或弹出菜单之间进行选择。
- 位置:确定语言切换器在您网站上的位置。 选择一个访客容易到达的位置。
第7步:设置标志设计
配置主显示设置后,自定义显示标志的设计。
- 语言名称显示:选择根据国家/地区或语言本身显示语言名称,例如“French”或“Français”。
- 英语标志类型:这对于具有多种变体的语言非常有用,例如美国英语或英国英语,也适用于西班牙语、台湾语、德语和葡萄牙语。
- 旗帜样式:选择旗帜图标的形状,圆形或矩形。
第8步:设置颜色和尺寸
配置标志设计后,自定义标志的颜色和大小。 以下是您可以调整的一些设置。
- 标志边框半径:调整矩形标志的边框半径,以像素为单位。
- 语言名称颜色:选择显示语言名称的默认文本颜色。
- 弹出语言颜色:设置弹出或下拉区域中语言标题文本的颜色。
- 旗帜大小:调整旗帜图标的大小。
- 语言名称悬停颜色:指定当用户将鼠标悬停在语言名称上时出现的文本颜色。
- 弹出语言悬停颜色:定义当用户将鼠标悬停在弹出或下拉区域中的语言标题上时出现的文本颜色。
第9步:配置box-shadow
最后,调整标志框阴影设置。 第一个选项可让您为网站上显示的每个标志图标添加阴影效果。 第二个选项控制用户将鼠标悬停在语言标志上时的阴影效果。
进行必要的调整后,单击“保存”按钮应用更改。 然后,检查您的 Kirby CMS 网站以确保配置已成功实施。 这将向您展示语言切换器的显示方式。
设置过程完成后,您可以在 Kirby CMS多语言网站上看到正在运行的语言切换器。
然后,我们会自动将 Kirby CMS网站翻译成其他语言,例如法语。
优化 Kirby CMS 语言切换器的 4 个技巧
这里有四个基本技巧,可帮助您完善语言切换器并使其对全球受众更有效。
#1 使用清晰可辨的语言标志图标
在语言切换器中加入易于识别的语言符号或标志对于快速识别语言至关重要。 这种方法允许访问者快速找到并选择他们喜欢的语言,从而创造直观的用户体验。 关键是选择普遍理解的指标以避免任何误解。
实施标志图标时,请确保它们是高质量且易于区分的,即使尺寸较小。 考虑使用标志和语言代码的组合来为用户提供视觉和文本提示。
例子:
想象一下一个基于柯比的旅游博客,涵盖世界各地的目的地。 该网站的语言切换器可以使用地球图标以及小旗帜图标和两个字母的语言代码。
🌎 🇺🇸 CN | 🇪🇸 ES | 🇫🇷 法国 | 🇩🇪 德国 | 🇯🇵JP
此设置可以让用户快速识别他们的语言,无论他们识别标志还是语言代码,从而增强整体用户体验。
#2 在标志旁边显示语言名称
虽然标志提供了快速的视觉参考,但将它们与语言的本地名称配对可以提供额外的清晰度。 此策略有助于防止混淆,特别是对于具有不同国旗的多个国家/地区使用的语言。
通过包含实际的语言名称,您可以消除歧义并确保访问者可以准确地识别他们的首选语言。 这种方法还体现了对文化多样性的尊重并促进包容性。
例子:
考虑一个由 Kirby 支持的教育平台,提供多种语言的课程。 他们的语言切换器可能看起来像这样。
🇺🇸 英语 | 🇪🇸 西班牙语 | 🇫🇷 法语 | 🇩🇪 德语 | 🇯🇵 日本语
这种设计允许用户在其本机脚本中看到旗帜和语言名称,使其能够立即被该语言的使用者识别。 它对于在具有不同国旗的多个国家/地区使用的语言(例如西班牙语或英语)特别有用。
#3 深思熟虑地放置语言切换按钮
语言切换器的放置对其有效性至关重要。 它应该在您的网站上显眼且易于访问。 常见且有效的位置包括页眉、页脚或主导航菜单。
确保语言切换器在您网站的任何页面上可见且易于访问。 这种位置的一致性可以帮助用户快速找到语言选项,无论他们当前在您的网站中位于何处。
例子:
例如,一家跨国建筑公司的基于柯比的投资组合网站。 他们可以按如下方式实现语言切换器。
- 标题位置:语言切换器位于标题的右上角,搜索图标旁边。
- 粘性导航:当用户滚动时,标题保持固定在顶部,确保始终可以访问语言切换器。
- 移动优化:在移动设备上,语言切换器包含在汉堡菜单中,以便轻松访问,而不会使小屏幕混乱。
这种战略布局确保用户可以随时轻松切换语言,无论是查看项目图库、阅读公司历史还是检查联系信息。
#4 保持所有页面的语言切换器的一致性
在整个网站中保持语言切换器的外观和功能统一至关重要。 用户应该能够轻松更改语言,无论他们当前的页面或正在查看的内容如何。
这种一致性提供了无缝的用户体验,并增强了语言选项的可访问性,从而建立了对多语言网站的信任和信心。
例子:
考虑一个由星之卡比驱动的电子商务网站,该网站在全球范围内销售产品。 以下是他们如何实施一致的语言切换策略。
- 统一设计:语言切换器显示为每个页面右上角标记为“语言”的下拉菜单,包括产品列表、单个产品页面和结帐页面。
- 内容保留:当用户切换语言时,他们仍保留在同一页面,但内容以新选择的语言显示。 例如,如果用户查看手工花瓶的英文描述并切换到法语,他们将看到相同的法语产品详细信息。
- URL 结构:切换语言时 URL 结构会一致变化。
英语: www.yourmarket.com/products/blue-ceramic-vase
法语: www.yourmarket.com/fr/produits/vase-ceramique-bleu
所有页面上的这种一致的体验确保用户可以自信地用他们喜欢的语言导航和购物,从而可能增加他们将来完成购买并返回网站的可能性。