企业网站
多语言官网怎么做好
多语言官网不只是翻译,要考虑 URL 结构、语言切换、hreflang、本地化、文化差异。本文讲清做好多语言官网的实操要点。
把英文版做出来后才发现:老外打开看到的是中文默认页;Google 收录了重复内容;某些页面翻译是机翻的"中式英语"……多语言官网不是"加个翻译按钮"那么简单,URL 结构、语言切换、hreflang、本地化每个环节都有坑。 这篇文章讲清做好多语言官网的实操要点。
URL 结构怎么选
| 方案 | URL 示例 | SEO | 适合 |
|---|---|---|---|
| 子目录 | example.com/en/ | 共享主域名权重,推荐 | 绝大多数企业 |
| 子域名 | en.example.com | 各域名独立权重 | 各地区独立运营 |
| 独立域名 | example.jp | 地域化最强 | 进入法规限制市场 |
| URL 参数 | example.com?lang=en | 差,不推荐 | 临时方案 |
选子目录的额外好处:管理统一、服务器一份、SSL 一份、维护成本低。
hreflang 配置
hreflang 是多语言 SEO 的关键标签,告诉搜索引擎每个页面的语言和地区版本。
hreflang 怎么写
<link rel="alternate" hreflang="zh-CN" href="https://example.com/zh/" />
<link rel="alternate" hreflang="en-US" href="https://example.com/en/" />
<link rel="alternate" hreflang="ja-JP" href="https://example.com/ja/" />
<link rel="alternate" hreflang="x-default" href="https://example.com/" />
常见错误
- 没写
x-default:搜索引擎不知道默认展示哪个版本。 - 只指向自己:要双向指向(A 指向 B,B 也要指向 A)。
- 语言代码错误:要用标准的 ISO 639-1 语言码和 ISO 3166-1 地区码。
- 漏配部分页面:每个多语言页面都要配。
语言切换设计
位置和样式
- 位置:顶部导航右侧或页脚。
- 样式:语言图标 + 文字(如"EN"或"English")。
- 不要:藏得很深的下拉、不明显的旗帜图标。
切换行为
- 切换后停留在对应页面,不要回首页。
- 记住用户选择(用 Cookie 保存)。
- 移动端切换按钮要够大,易点。
- 当前语言高亮显示。
自动检测
- 检测浏览器
Accept-Language。 - 如果用户浏览器是英文,提示"切换到 English?"。
- 不强制切换,让用户决定。
本地化:不只是翻译
1. 文化差异
| 元素 | 文化注意 |
|---|---|
| 颜色 | 红色在中国代表喜庆,在西方有警示含义 |
| 图标 | 手势图标在不同文化含义不同 |
| 数字 | 4 在日本忌讳,13 在西方忌讳 |
| 日期格式 | 美国 MM/DD/YYYY,欧洲 DD/MM/YYYY |
| 货币 | 显示当地货币,不是统一美元 |
| 度量衡 | 美国/英国用英制,其他用公制 |
2. 文案本地化
- 不要直译,要意译。
- 调整案例为客户熟悉的本地案例。
- 价格用本地货币(标注换算)。
- 联系方式用本地电话、地址。
- 客户证言用本地客户。
3. 法律合规
| 地区 | 合规要求 |
|---|---|
| 欧盟 | GDPR(数据保护)、Cookie 同意 |
| 美国 | CCPA(加州)、COPPA(儿童) |
| 中国 | 网络安全法、数据安全法、个人信息保护法 |
| 俄罗斯 | 数据本地化(数据必须存俄罗斯境内) |
翻译工作流
推荐流程
- 原文内容定稿。
- 提取待翻译内容(用 i18n 工具)。
- 专业译员翻译(或机翻+校对)。
- 译稿审核(最好是母语审)。
- 内容填充上线。
- 上线后再让母语用户审一遍体验。
翻译管理工具
- PO 文件(Gettext):传统翻译文件格式。
- JSON 文件:现代前端常用。
- Crowdin、Phrase、Lokalise:在线翻译协作平台。
- Nuxt I18n:Nuxt 框架的多语言方案,集成开发与翻译。
多语言 SEO 要点
1. 关键词本地化
不同语言的关键词不是直译。比如"建站公司"在英文可能是"web design agency"或"website development company",要根据当地搜索习惯研究。
2. 独立的标题和描述
每个语言版本的 title、description 要用目标语言重新撰写,而不是机翻。
3. sitemap 与 hreflang
sitemap.xml 包含所有语言版本和 hreflang 信息。
4. 当地搜索引擎
| 地区 | 主流搜索引擎 |
|---|---|
| 中国 | 百度 |
| 俄罗斯 | Yandex |
| 韩国 | Naver |
| 日本 | Google + Yahoo Japan |
| 其他地区 | Google 为主 |
各搜索引擎都要提交 sitemap。
5. 本地外链
获取目标市场的本地外链(行业协会、媒体、合作伙伴),比来自其他地区的外链更有价值。
成本参考
| 项目 | 成本 |
|---|---|
| 多语言架构(2-3 种语言) | 1 万到 3 万 |
| 专业翻译(每千字) | 200 到 500 元 |
| 母语审稿(每千字) | 300 到 800 元 |
| 年度多语言 SEO 优化 | 几千到几万 |
常见误区
- "翻译完就万事大吉":还要配 hreflang、SEO、本地化。
- "用机翻省钱":劣质翻译伤害品牌。
- "语言切换藏起来":用户找不到,转化低。
- "自动检测强制切换":用户反感,跳出率高。
- "忽视文化差异":颜色、图标、案例都可能踩雷。
- "忽视法规":欧盟、俄罗斯、中国有不同要求。
怎么开始
- 确定目标语言和市场。
- 选择 URL 结构(推荐子目录)。
- 设计语言切换和自动检测。
- 配置 hreflang、sitemap、各语言 SEO。
- 建立翻译工作流(专业译员+母语审)。
- 本地化文案、案例、图片、货币。
- 配置目标市场的法律合规。
- 持续维护多语言内容。
广州市汉诺雷斯(HNREIS)做多语言官网用 Nuxt I18n 等成熟方案,正确处理 URL 结构、hreflang、本地化、SEO。把你的目标语言和市场告诉我们,我们给出多语言官网方案与报价。
常见问题
本文由 广州市汉诺雷斯(HNREIS) 整理。我们专注微信小程序开发、企业网站建设、外贸 B2B 独立站与 AI 智能体搭建,为企业提供从需求梳理到上线运维的全流程软件开发服务。
免费咨询需求