如何在 Laravel 多语言网站上设置语言切换器

Karcavel 网站英文界面选项。语言选择菜单。.
Table of Contents

创建多语言网站 已成为面向不同语言背景受众的企业和组织的必要之举。 Laravel,一个广泛使用的 PHP Web 应用框架,提供了强大的工具和功能,使开发和维护多语言网站变得更加容易。 

多语言网站的关键组件之一是语言切换器,它使用户能够在不同的语言之间无缝切换。本文将探讨语言切换器的重要性,并提供在上设置语言切换器的分步指南 Laravel 。多语言网站

为什么语言切换器在 Laravel 多语言网站上很重要?

包含各种符号的技术图表。.

在讨论如何在 Laravel 多语言网站上设置语言切换器之前,了解为什么需要这样做非常重要。.

  • 用户体验: 精心设计的语言切换器通过让访客轻松以首选语言访问内容来提升用户体验。这种向母语或首选语言的无缝过渡可确保更好地理解网站内容并提高参与度。当用户能够以自己熟悉的语言获取信息时,他们更有可能在网站上停留更长时间、浏览更多页面,并有可能转化为客户或采取预期行动。流畅的语言切换体验消除了挫败感和障碍,从而提升满意度并带来积极的整体用户体验。
  • 搜索引擎优化(SEO): 搜索引擎会优先考虑提供多语言内容的网站,因为这体现了服务全球受众的承诺。语言切换器可以提升您网站的可见度和搜索结果排名。通过提供多语言内容,您可以增加网站在这些语言的搜索查询中排名靠前的机会,从而扩大在线覆盖范围并吸引更多有针对性的流量。
  • 降低跳出率: 用户友好的语言切换器有助于降低跳出率。当访客能够快速找到并选择他们偏好的语言时,他们更有可能留在网站上、浏览内容并可能完成转化。遇到不熟悉语言内容的用户可能会迅速离开网站,导致高跳出率。然而,有了语言切换器,他们可以轻松导航到所需语言版本,从而鼓励他们留下来并与内容互动,最终降低跳出率。
  • 提高销售转化率: 通过以访客理解的语言提供内容,您可以提高产品购买或服务注册等转化率。如果访客能够轻松理解其母语的产品详情、政策和结账流程,购买决策的障碍就会减少。通过语言切换器提供多语言内容可以提升整体购买体验,并可能带来更高的转化率。

 

Break Language Barriers
告别语言障碍,迎接无限增长!今天就试试我们的自动翻译服务。.

如何在 Laravel 多语言网站上设置语言切换器?

在了解了语言切换器在多语言 Laravel 网站上的重要性之后,让我们来讨论如何实现它。网站翻译服务通常会提供此功能,并可根据用户需求进行自定义。.

然而,并非所有翻译服务都提供易于自定义且用户友好的语言切换器。因此,选择一个 自动翻译服务 至关重要,该服务需兼容各种框架并提供灵活的语言切换器功能。

符合这些条件的一个自动翻译服务是 Linguise。 Linguise 自动翻译提供了高度可定制且用户友好的语言切换器功能,并与 Laravel等流行框架集成。.

Linguise 与 Laravel 框架无缝集成,让开发者能够轻松地将语言切换器集成到他们的多语言应用程序中。借助 Linguise的高级功能和用户友好的界面,您可以简化在 Laravel 网站上设置和维护语言切换器的流程。.

话不多说,以下是在多语言 安装 Linguise 的步骤 Laravel 网站 并设置语言切换器。

第 1 步:注册免费的 Linguise 账户

注册的第一步是创建一个免费的 Linguise 账户,并享受一个月的免费试用。要 注册 Linguise 账户, 只需输入您的电子邮件地址即可创建用户名和密码。

在一个月的试用期内,您将可以使用 Linguise的全套精彩功能。试用期结束后,您将被重定向到 Linguise 仪表板。.

第 2 步:添加域名 Laravel 网站

连接到 Linguise 仪表板后,您需要 添加一个新网站 并保存其设置以获取 API 密钥。首先,您需要添加几个字段来添加网站,包括以下内容。

  • 帐户
  • URL
  • 平台/CMS
  • Language
  • 翻译语言
  • 翻译 URL
带有淡淡水平线的黑色背景。.

之后您将获得一个 API 密钥,该密钥激活后即可在您的网站上启用翻译功能。基本上,API 密钥会检查特定域名上启用了哪些语言,并允许创建自动翻译的页面。请复制 API 密钥并保存到剪贴板中。.

接下来,点击 “Script PHP” 标签页获取安装说明,我们将在下面详细介绍。

第 3 步:上传并连接 Linguise 翻译脚本

Linguise 翻译脚本需要上传到您的服务器,并放入安装 Laravel 的文件夹中。您可以在此处下载。.

下载脚本后,解压缩并将其上传到安装 Laravel 的根文件夹。.

确保脚本位于 Laravel 安装的根目录下(通常是 CMS 文件所在的位置)。确保文件夹名称为“linguise”(解压后的默认名称)。.

包含文件和文件夹的文件管理器目录列表

第 4 步:设置语言 URL

接下来,您需要设置语言 URL。基于语言的 URL 需要在 .htaccess 文件中进行配置。如果您的文件中有“RewriteBase/”,只需在其后复制以下所有代码即可。.

				
					<IfModule mod_rewrite.c>
  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]
</IfModule>
				
			
显示代码行和数据的电脑屏幕。.

第 5 步:在 Laravel 上启用语言切换器

下一步是通过粘贴从 Linguise 仪表板获取的脚本来激活语言切换器。粘贴此语言切换器脚本的方式可能因 Laravel中使用的主题而异。.

在这种情况下,脚本将被粘贴到位于 front.blade.php 文件中的 resources/views/layouts/ 目录下。以下是粘贴脚本的预览。

显示代码行和模糊文本的电脑屏幕

第 6 步:设置主显示

要开始 设置语言切换器, 请导航至 “设置” > “语言旗帜显示” 部分,位于 Linguise 仪表盘中。

在此页面上,您可以配置多个选项。首先是主要显示设置,您可以调整以下各个方面:

  • 旗帜图标样式: 您可以从三个选项中选择:并排显示、下拉菜单或弹出窗口。
  • 位置: 此设置决定语言切换器在您网站上的位置。有多种位置选项可供选择。请确保选择一个访客易于访问的位置。
黑色背景上带有白色文字和图标。该图片看起来像是一张截图。.

您可以将旗帜与语言名称、旗帜与语言缩写,或仅语言名称组合显示。建议使用旗帜与语言名称的组合,以便用户更容易识别。.

第 7 步:设置旗帜的设计

配置主显示后,您可以进一步自定义将要显示的旗帜的设计。.

  • 显示语言名称: 您可以选择根据国家/地区名称或语言名称本身来显示语言名称。例如,您可以显示“French”或“Français”。
  • 英语旗帜类型: 此选项适用于有多种变体的语言,例如美式英语或英式英语(也适用于西班牙语、台湾语、德语和葡萄牙语)。
  • 旗帜样式: 此设置允许您选择旗帜图标的形状,可以是圆形或矩形。
深色模糊背景,上面有按钮。按钮不太清晰可见。.

第8步:设置颜色和尺寸

完成旗帜设计配置后,您可以自定义旗帜的颜色和大小。以下是一些您可以调整的设置。.

  • 旗帜圆角: 以像素为单位自定义矩形旗帜样式的圆角半径。
  • 语言名称颜色: 选择用于显示语言名称的默认文本颜色。
  • 弹窗语言颜色: 设置弹窗或下拉区域中语言标题文本的颜色。
  • 旗帜尺寸: 调整旗帜图标的大小。
  • 语言名称悬停颜色: 设置用户将鼠标悬停在语言名称上时显示的文本颜色。
  • 弹出窗口语言悬停颜色: 设置当用户将鼠标悬停在弹出窗口或下拉区域中的语言标题上时显示的文本颜色。
带有文字的黑色背景

第9步:设置旗帜的 box-shadow

最后,您可以配置旗帜的阴影设置。第一个选项允许您为网站上显示的每个旗帜图标应用阴影效果。下一个选项控制用户将鼠标悬停在语言旗帜上时的阴影效果。.

完成所有所需调整后,点击 保存 按钮以应用自定义更改。之后,前往您的 Laravel 网站,验证配置是否已成功应用。语言切换器的大致显示效果如下。

两个屏幕上的文字和图像不清晰。这两个屏幕似乎是并排显示的。.

完成设置后,您现在可以看到语言切换器在您的 Laravel 多语言网站上的工作效果。.

一张黑白人物照片。一个叠加层

之后,我们将尝试把网站翻译成其他语言,例如法语。.

一名男子坐在椅子上,身穿深色衣服。他似乎身处正式场合。.

优化 Laravel 多语言网站语言切换器的最佳实践

在 Laravel 多语言网站上成功设置语言切换器后,你还需要了解一些针对网站和网站访客优化语言切换器的技巧。.

使用易于识别的语言图标或旗帜

电脑屏幕,上面有各种图标和按钮,黑白图像。.

普遍认可的符号或旗帜对于访客快速识别并选择其偏好的语言选项至关重要。确保所使用的图标或旗帜在视觉上醒目、具有良好的色彩对比度,并在不同文化中广为人知,以避免混淆或歧义。熟悉的符号或图标有助于打造直观且用户友好的体验,让访客能够轻松导航至其期望的语言版本。选择普遍可识别的图标或旗帜至关重要,以避免任何潜在的误解或混淆。.

语言切换按钮的战略性放置

深色模式仪表板截图,显示图表和图形。.

将语言切换按钮放置在网站中显眼且易于访问的位置。标准位置包括页眉、页脚或主导航菜单。这些位置对大多数互联网用户来说都很直观,符合他们在寻找语言选项时的预期。在所有页面上保持一致的位置,可确保访客无论从哪个入口进入或访问哪个具体页面,都能轻松找到语言切换器。这种一致的位置有助于打造无缝且可预测的用户体验。.

在所有页面上保持一致

黑白植物网站截图合集。.

确保语言切换器在整个网站中保持一致的外观和行为。无论用户身处哪个页面或正在查看什么内容,都应能够无缝切换语言。一致性不仅能提供连贯的用户体验,还能增强语言选项的可访问性和可用性,从而为您的多语言网站建立信任和信心。语言切换器中的任何不一致都可能导致用户困惑和沮丧,甚至可能使他们放弃您的网站。.

考虑使用语言名称和旗帜

一群人在桌旁合作的草图。业务增长概念。.

与其仅使用国旗,不如考虑同时使用国旗和语言名称的原始形式。这种方法有助于避免混淆,因为某些语言在一些国家使用不同的国旗。直接使用语言名称可以消除歧义,确保访客能够清楚地识别并选择所需的语言,而不会产生误解。此外,使用语言名称可以更具包容性,并尊重文化多样性。.

用户友好的语言切换流程

购物网站页面的线框图设计,购物页面的黑白插图

如果默认语言与用户的偏好不符,简化用户切换到其他语言的过程。您还可以使用下拉菜单、旗帜/图标列表或切换按钮等元素来进行语言选择。但是,请确保每个按钮都能顺畅点击,并清晰地显示可用的语言选项。这种用户友好的方式可以最大限度地减少障碍,确保语言切换顺畅,从而提升整体用户体验。无缝且直观的语言切换流程可以提高用户满意度,并鼓励访客探索您的多语言内容。.

准备好探索新市场了吗?免费试用我们的自动翻译服务,享受 1 个月无风险试用。无需信用卡!

使用 Linguise在 Laravel 多语言网站上设置语言切换器!

此时,你应该已经知道正在为 Laravel 多语言网站配置语言切换器。开发语言切换器可以带来多种好处,并因此基于前面提到的要点实现优化。.

通过有效优化语言切换器,可以显著提升整体用户体验。现在,请前往 注册一个 Linguise 账户, 集成您的 Laravel 网站,并微调语言切换器以改善用户体验。

您可能还感兴趣阅读

别错过!
订阅我们的新闻简报

获取有关网站自动翻译、国际SEO等的最新资讯!

Invalid email address
试一试吧。每月一次,您可以随时取消订阅。.

别走,留下您的邮箱!

我们无法保证您会中彩票,但我们可以承诺提供一些关于翻译的有趣资讯以及偶尔的折扣。.

别错过!
Invalid email address