功能场景指南

如何翻译 Shopify 菜单与导航

如何翻译你的 Shopify 菜单和导航——购物者依赖的页眉、页脚和移动端菜单——而不破坏链接、布局或按市场的结构。

David Okafor
B2B 与制造业翻译

为全球买家翻译技术与制造业 B2B 内容。

适用对象为多个市场本地化店铺前台的 Shopify 商家
主题菜单与导航
年份2026
摘要

一套可复用的工作流,用于翻译每个导航界面——页眉、页脚、移动端和面包屑——让每个市场从第一次点击就得到本地化的前台。

在任何一个商品之前,访客先读你的菜单。如果页眉还是源语言,整个本地化前台立刻显得没做完。

一个未翻译的菜单标签在你店铺的每一页都是错的——这个错误在数百个 URL 上被放大,悄悄侵蚀信任。

Shopify 允许你为每个市场分配不同菜单,但翻译仍需产出并正确接上——否则链接会指向错误语言的页面。

场景价值

为什么这个翻译场景值得单独处理?

先把这个页面为什么重要讲清楚,再进入翻译范围、错误和执行方法。

这类功能场景不是把几个字段翻译出来就结束了,它通常会直接影响用户是否愿意继续浏览、是否能理解页面信息,以及是否会在结账前流失。

一套可复用的工作流,用于翻译每个导航界面——页眉、页脚、移动端和面包屑——让每个市场从第一次点击就得到本地化的前台。

如何翻译你的 Shopify 菜单和导航——购物者依赖的页眉、页脚和移动端菜单——而不破坏链接、布局或按市场的结构。

导航是购物者第一个接触的东西

在任何一个商品之前,访客先读你的菜单。如果页眉还是源语言,整个本地化前台立刻显得没做完。

菜单在每一页重复出现

一个未翻译的菜单标签在你店铺的每一页都是错的——这个错误在数百个 URL 上被放大,悄悄侵蚀信任。

按市场的菜单是 Shopify Markets 的功能

Shopify 允许你为每个市场分配不同菜单,但翻译仍需产出并正确接上——否则链接会指向错误语言的页面。

翻译范围

这个功能场景应该先翻哪些内容?

按照用户真正会看到、会影响转化和会影响 SEO 的优先级去拆翻译范围。

翻译范围最好按用户实际看到的路径去拆,而不是按后台字段名去拆。先把真正影响理解和转化的内容覆盖掉,再扩到补充模块。

核心层: 页眉/主菜单标签, 页脚菜单标签, 移动端(抽屉)菜单, and 巨型菜单标题.

重要层: 面包屑标签, 合集链接标题, and 下拉子菜单项.

核心优先级: 高
  • 页眉/主菜单标签
  • 页脚菜单标签
  • 移动端(抽屉)菜单
  • 巨型菜单标题
重要优先级: 中
  • 面包屑标签
  • 合集链接标题
  • 下拉子菜单项
可选优先级: 低
  • 菜单项描述或提示
  • 搜索栏占位符文本
  • 公告栏文本
常见错误

这个功能场景最容易踩哪些坑?

这里重点不是语法错误,而是会直接影响体验、SEO 和转化的问题。

下面这些错误之所以重要,不是因为它们语法不对,而是因为它们会让页面显得不可信、流程不连贯,或者直接损失 SEO 与转化。

翻译了页眉却没翻译页脚或移动端菜单高

错误示例: 只翻译主导航;页脚和移动端抽屉仍是源语言链接。

更合适的做法: 一起翻译页眉、页脚、移动端抽屉和面包屑,并按市场分配。

业务影响: 购物者滚动或打开手机菜单时,看到翻译一半的店铺显得坏了。

在主题里硬编码菜单文本高

错误示例: 把菜单标签直接写进 Liquid 或主题,而不是用 Shopify 导航对象。

更合适的做法: 把标签放在 Shopify 导航列表里,以便翻译并按市场分配。

业务影响: 标签无法在没有开发者和手动主题编辑的情况下本地化。

逐字翻译破坏了布局中

错误示例: 一个单词标签被翻成长短语,换行并破坏页眉对齐。

更合适的做法: 带着长度限制翻译,并用每种语言测试实际页眉、页脚和移动端布局。

业务影响: 溢出或错位的导航显得不专业,损害可用性。

链接指向源语言页面中

错误示例: 翻译后的菜单仍链接到 /en/ 页面,而不是 /fr/ 或 /de/ 的对应页面。

更合适的做法: 核对每个菜单链接在每个市场都解析到目标的翻译版本。

业务影响: 购物者在语言之间跳转,破坏本地化体验。

方案选择

用哪种方式处理这个场景更合适?

帮助用户在手工处理、翻译工具和自定义开发之间做选择。

不同团队适合的工作流不一样。关键不是选最强的方案,而是选当前团队能稳定维护、能随着内容更新持续运行的方案。

人工翻译(内部或自由译者) / Shopify 翻译 app(Translate & Adapt / Ciwi) / 使用 Shopify API 自定义开发

人工翻译(内部或自由译者)

优势
  • 完全掌控标签措辞
  • 对短导航标签精确适配
  • 对菜单层级和排序有人工判断
限制
  • 跨多个菜单很繁琐
  • 容易漏掉页脚和移动端变体
  • 菜单项变化后重做慢

Shopify 翻译 app(Translate & Adapt / Ciwi)

优势
  • 一次翻译页眉、页脚和移动端菜单
  • 长度感知的标签让导航布局保持完整
  • 新增或重命名菜单项时自动同步
限制
  • 需要持续的订阅费用
  • 品牌词仍需审核
  • 按市场分配菜单仍需设置

使用 Shopify API 自定义开发

优势
  • 程序化控制导航和链接列表对象
  • 与 headless 或 PIM 配置集成
  • 大店铺下没有按 app 加价
限制
  • 需要开发资源
  • 同步和更新逻辑由你负责
  • 上线比用 app 更慢
执行清单

上线前应该检查哪些点?

把操作顺序和 QA 节点整理成清晰的执行清单,减少漏项。

如果你准备真正上线这个功能场景,最好把下面这些动作当成一个完整的发布清单,而不是零散地做几项设置。

  • 列出每个导航界面:页眉、页脚、移动端抽屉、面包屑和任何巨型菜单。
  • 导出或打开 Shopify 导航列表,让所有标签集中在一个视图。
  • 决定按市场的结构——每个市场一个菜单,或一个翻译菜单跨语言复用。
  • 为导航关键术语(如 Shop、Sale、Support 和分类名)建立简短术语表。
  • 带着长度意识翻译标签——短而一致的标签能避免布局被破坏。
  • 在 Shopify Markets 中把翻译菜单分配到正确市场。
  • 核对每个链接都解析到目标的翻译版本,而不是源语言页面。
  • 特别检查移动端和页脚菜单——它们是最常被遗忘的界面。
Ciwi

Ciwi 在这个场景里能做什么?

把产品能力翻成用户能理解的工作流收益,而不是只列功能名。

如果你想把这个场景做成可持续更新的流程,而不是一次性处理,下面这些 Ciwi 能力会更有帮助。

  • 一次翻译页眉、页脚和移动端菜单
  • 长度感知的标签保持导航布局完整
  • Shopify Markets 中按市场分配菜单
  • 自动同步新菜单项,让导航永不落后
延伸阅读

接下来还应该看哪些相关场景?

这些内容适合继续往下看,形成更完整的 Shopify 多语言工作流。

做完这个页面之后,通常还会有一批相邻场景需要一起处理。继续往下看这些主题,工作流会更完整。

如何翻译 Shopify 页面(关于、FAQ、政策)

翻译菜单链接指向的目标页面。

如何翻译 Shopify 合集页

本地化合集标题,让导航链接和分类页匹配。

如何翻译 Shopify URL 与 Slug

让每个菜单链接背后的 URL 结构也本地化。

常见问题

常见问题

覆盖用户在执行这个功能场景时最常问的问题。

每种语言都需要单独菜单吗?

不一定。你可以翻译一个菜单并复用,但 Shopify Markets 允许为每个市场分配不同菜单——当链接结构不同、或某个市场需要额外项目(如本地物流页)时使用它。

为什么翻译后我的移动端菜单还是英文?

移动端菜单通常是独立于页眉的导航对象,所以会被漏掉。检查移动端抽屉是否有自己的翻译菜单分配给该市场。

翻译菜单会破坏我的链接吗?

只有链接指向源语言页面时才会。翻译后,核对每个菜单项在该市场解析到目标的本地化版本。

下一步

准备把这个场景真正跑起来了吗?

先从最影响用户体验和转化的 Shopify 场景开始,再把翻译流程扩到更多页面和市场。