您知道吗?每4个在线买家中就有3个更愿意购买使用其母语提供信息的产品(来源)。 拥有多语言网站有其自身的好处,例如:
- 提供个性化的用户体验。.
- 通过本地化信息促进销售。.
- 触达更广泛的受众,不受地域限制。.
- 通过展现自己是全球公司来提升品牌形象。.
- 转化率提升,跳出率降低。.
但是很多企业不知道如何正确创建多语言网站!
这就是为什么我们推荐您在设计多语言网站时牢记这18个实用用户体验技巧。.
多语言网站的18个用户体验技巧
在设计多语言网站时,必须考虑各种因素,以确保跨不同语言和文化的无缝用户体验。 以下是多语言网站的18个最佳UX技巧。
规划和结构
在开始设计多语言网站之前,您需要计划并确定一些事情。.
1. 确定目标语言
要为您的多语言网站选择最佳语言,请首先分析您的受众位置和人口统计数据。查看您当前的网站流量和客户数据,看看哪些语言和位置最常见。.
使用人口普查数据、市场报告和竞争对手分析研究目标市场中使用的语言。.
例如,根据 美国人口普查局的数据,西班牙语是美国第二大使用语言。因此,如果美国客户是您的目标受众,那么您的网站除了英文版之外,还提供西班牙语版就非常合理了。
从使用最广泛的语言开始,随着网站的发展逐步扩展。通过分析受众数据并使语言选择与业务目标保持一致,您可以选择最适合您多语言网站的语言。.
打破语言障碍
告别语言障碍,迎接无限增长!立即试用我们的自动翻译服务。.
2. 使用清晰的URL结构
一个清晰的URL结构对于多语言网站至关重要。它改善了SEO,因为搜索引擎可以轻松索引和排名您网站的不同语言版本,从而提高本地搜索的可见性。.
子目录结构是最常见和推荐的方法。每个语言在主域名下都有自己的子目录,例如www.example.com/en/代表英语,www.example.com/es/代表西班牙语,www.example.com/fr/代表法语。.
选择一个可以在整个网站上持续维护的结构。避免混合不同的结构。使用ISO 639-1语言代码(如“en”代表英语,“es”代表西班牙语)以确保清晰度和标准化。.
使用规范标签向搜索引擎指示页面的首选版本,特别是在跨语言内容相似的情况下。在HTML中实施hreflang标签,帮助搜索引擎理解页面的语言和地区定位。.
3. 使用全局模板
当网站访客选择不同的语言时,他们不应该跳转到一个完全不同的网站。对所有翻译的网页使用相同的网站模板。.
以下是Canva的示例。当网站从英语翻译成西班牙语时,标题和段落之间的间距、按钮位置、菜单和图标、定价计划格式以及其他所有内容都保持不变。.
全局模板有助于保持品牌的一致性,并提供无缝的用户体验,无论用户切换到哪种语言。确保用户在从默认语言切换时看到相同的布局、设计元素、品牌和颜色。.
如果您正在使用内容管理系统(CMS),例如 WordPress,结合 Linguise,创建一个品牌化的多语言网站简直易如反掌。 Linguise 深度集成您网站的主题,并自动翻译您的内容,无需额外的数据库请求或过多的服务器负载。这样,您网站的性能不会受到影响。
如果您使用像 WooCommerce 这样的 电子商务插件 , Linguise 会在每次产品更新时自动更新主页面和翻译页面。
4. 考虑文本扩展的间距
在设计多语言网站时,最关键的UX技巧之一是考虑文本扩展。 每种语言都有不同的写作风格和字长,这些都需要被考虑在内。.
看看Etsy的这个例子。 在左边,您可以看到日语的网站内容,在右边,您可以看到德语的相同内容。.
有些语言会占用更多空间,而有些语言会占用更少空间。 您的网站布局必须能够适应间距,以确保翻译内容保持可读性。.
以下是一个演示,展示文本在不同语言中如何扩展或收缩。根据 W3C,“view”一词从英语到意大利语扩展了300%!
同时考虑行高和字符样式。有些语言的字符比其他语言高,有些脚本比其他脚本需要更多的间距。.
例如,阿拉伯文字比拉丁文字需要更多的垂直行间距。.
5. 将内容与设计分离
将文本与多媒体元素分开,以便于更新和翻译。.
将文本内容保留在 HTML 元素内 例如
这样可以在不触及主代码库的情况下进行轻松的更新和翻译。使用像i18next这样的本地化库来动态管理JavaScript的翻译。.
保持设计和内容分离,布局在翻译后就不太可能被弄乱。.
6. 提供语言切换选项
为多语言网站提供清晰且易于访问的语言切换选项至关重要。
下拉菜单可以有效地显示多个语言选项,而不会占用太多空间。 使用旗帜可以提供视觉提示,但要谨慎,因为旗帜有时可能会产生误导。
例如,一个旗帜可能代表多个国家使用的一种语言。通常最好将旗帜与语言名称结合起来以提高清晰度。.
使用不同的颜色或粗体字清楚地显示所选语言。使用 AJAX 等技术,确保选择语言后立即更改内容,而无需刷新页面。 使语言切换器对移动设备做出响应,并与本地使用者测试其可用性。
内容和翻译
以下是一些关于内容和翻译的提示,可帮助您提升用户体验。.
7. 避免成语和俚语
并非所有俚语都被普遍接受。事实上,一些俚语在某些国家被认为是可接受的,而在其他国家则被认为是极具冒犯性的。您应该始终使用清晰、直接的语言,以便跨文化翻译。
例如,这里有一个流行的俄语习语 – Хоть кол на голове теши。 这个习语在俄语中的意思是“他是个非常固执的人。”
然而,这个习语的直译结果是:“你可以在这头顶上用斧头磨快。”😂
这是一个常见的英语单词在自动翻译时可能造成灾难性后果的另一个例子。英语单词Salsa在韩语中听起来像설사(seolsa),意为“腹泻”。.
这就是为什么我们建议避免使用仅与特定文化或人群相关的俚语或习语。相反,使用简单的语言,可以轻松翻译成其他语言。.
8. 使用符合文化习惯的图片和图标
调整内容、图像、图标和其他多媒体,以反映当地的习俗和文化参考。.
例如,面向全球受众的护肤品牌娇韵诗在其欧洲网站版本中展示白人女性。.
然而,在其网站的日语版本上,他们展示日本女性,以更好地与当地客户建立联系。.
对于图标,尤其是语言切换器图标,使用看起来通用的地球图标。例如,在下面的图像中,第一个图标可能吸引南美和北美观众,但不吸引非洲和亚洲观众。.
第二个图标可能吸引非洲观众,但不吸引其他观众。.
为了避免这种混淆,请使用吸引所有人的通用地球图标——第三个。它不突出特定地区或国家,更适合多语言网站。.
9. 为多媒体提供字幕
对于多媒体内容,使用字幕文件进行视频翻译时不要更改视频。确保图像和多媒体元素具有描述性的替代文本,可以与视觉内容分开翻译。.
这里有一个例子,说明翻译如何帮助您接触更广泛的受众。我们是Project Happiness的忠实观众,这是一个由意大利旅行者Giuseppe经营的YouTube频道。.
创作者是意大利人。他用意大利语录制并配上英语旁白,但他的频道因提供多种字幕而受到全球观众的欢迎。.
准备好探索新市场了吗?试用我们的自动翻译服务,享受1个月无风险试用,无需信用卡!
10. 定期更新翻译
Linguise 允许您在前端使用用户友好的界面编辑已翻译的页面。您可以自行评估翻译结果,并在需要时进行更改。.
电子商务网站有很多频繁的变化——产品脱销、限时促销、产品信息变更等。.
但是,使用 Linguise 可以轻松更新翻译内容。其专用的翻译服务器和缓存系统加快了翻译过程,并向您的受众显示翻译后的页面。
11. 考虑从右到左的语言