网站怎么加英文版？别只装个翻译插件：我让 AI 做了中英一键切换，Google 和 AI 都能读到

做外贸的网站，客户在国外。客户找供应商，越来越多是直接问 ChatGPT 这类 AI，用的是英文。你的网站只有中文，AI 用英文回答问题的时候，就很难想到你。

我的网站本来只有中文。这次我让 AI 给它加了英文版：每一页右上角多了一个「EN」按钮，点一下就切到同一页的英文版；英文页上点「中文」，又回到原来那一页。你现在就可以点一下本页右上角试试。

整个过程我没写一行代码，也没自己翻译一个字，下面把过程原样写出来，你照着做就行。

一、先说最重要的：两种做法，差别很大

给网站加英文，市面上有两种做法：

我选了做法二。原因很简单：我的网站是做 GEO 的，就是要让 AI 读到我、推荐我。英文版要是 AI 读不到，做了等于没做。

如果你的网站只是给人看看，不在乎搜索和 AI，做法一也够用。

做法二不是我自己发明的。GitHub 上有个很有名的开源建站工具叫 Hugo，它的多语言就是这么做的：中文放在原来的位置，英文放在 /en/ 下面，每一页都标明「我还有个英文版，地址是……」。我让 AI 照这个思路做，没装任何插件，也没多花钱。

二、开始前，先确认这 3 样

1. 网站已经上线，或者至少在你自己电脑上能打开
2. 你有一个能在你电脑上直接改文件、执行操作的 AI 助手（我用的是 Claude Code，Codex、Cursor、Trae、WorkBuddy 这类都可以）。只能聊天的不行，它没法替你动手
3. 你的网站内容是放在文件里、AI 能改到的。如果是在建站平台的后台里点出来的网站，看文末问答

三、你做 5 件事，其余都交给 AI

为什么这 5 件要自己做：做法和范围决定了网站以后的样子，是你的决定，不是 AI 的。翻译是替你对客户说话，说错了丢的是你的生意。最后能不能用，得你自己点过才算数。

四、9 个步骤

每一步都写了「对 AI 说什么」，你可以直接复制过去。

第 1 步：让 AI 先摸清情况，先别动手

我想给网站加一个英文版，每一页右上角放一个按钮，点一下切到同一页的英文版。先别动手，帮我看看网站的内容放在哪、一共有几个页面、平时是怎么更新上线的，告诉我要改哪些地方。

AI 会把网站翻一遍，告诉你内容在哪几个文件里、一共多少页、改哪里。

第 2 步：让 AI 对比两种做法，你来拍板

给我对比两种做法：一种是装翻译插件，在浏览器里自动翻；一种是给每一页做一个真正的英文页。说清楚各自的好处和坏处，特别是 Google 和 AI 能不能读到英文。推荐一种，说明理由。

AI 说的和上面第一部分那张表差不多。选哪个是你的事。

第 3 步：定范围

全部页面都要英文版，包括所有文章。

也可以先只做首页、服务页、关于、联系这几个核心页，文章以后再补。我选了全部，因为以后在海外社交平台发内容，要链回英文文章。

第 4 步：让 AI 搭架子

用第二种做法，参考 Hugo 的多语言方案：中文页面不动，英文页面放在 /en/ 下面，网址一一对应。每一页右上角加一个语言按钮，中文页显示 EN，英文页显示「中文」，点了跳到另一种语言的同一页。每一页都告诉搜索引擎它的另一种语言版本在哪（hreflang），网站地图（sitemap）里也把英文页加上。中文页除了多一个按钮，其他一个字都不要变。

最后一句很重要。中文页是你现在的门面，改英文不能把中文改坏了。

第 5 步：让 AI 翻译

把全站内容翻译成英文，单独放一个英文内容文件，和中文一一对应。我的名字统一写 Mingjun Zhu。备案号、抖音账号、公众号名这些必须保留中文的不要翻。联系表单的提示文字也要有英文版。

把你的名字、公司名、产品名的英文写法提前告诉 AI，不然它每页可能写得不一样。

第 6 步：让 AI 写一个检查工具

写一个检查脚本，以后每次上线前自动跑：中英文页面是不是一一对应；切换按钮指向的页面存不存在；英文页里的链接会不会跳回中文页；英文页里有没有漏翻的中文。原来就有的检查也要全部通过。另外把改动前后的中文页逐行对比一遍，告诉我除了加按钮还变了什么。

有了这个工具，以后你加文章、改内容，漏翻了或者链接断了，上线前就会被拦下来，不用靠眼睛一页页找。

第 7 步：自己点一遍

在浏览器里打开网站，带我看首页、一篇文章、联系页，中英文来回切几次；再用手机的宽度看一遍。

然后你自己也打开，至少做这几件事：

• 随便挑几页，点 EN，看是不是到了同一页的英文版，而不是英文首页
• 在英文页点「中文」，看能不能回到原来那页
• 用手机打开看一遍
• 把英文翻译从头到尾扫一遍，重点看你的名字、公司名、产品名和数字

第 8 步：上线

检查都通过了，把网站更新上去。上线后从外面打开几个英文页检查一遍。

第 9 步：收尾，以后不漏

把这次的做法写进项目说明：以后我改中文内容，提醒我同步改英文；新加文章的时候，中英文要一起加。

这一步最容易忘，但最重要。双语网站最常见的问题不是做不出来，而是半年后中文改了好几轮，英文还停在第一版。

五、我踩过的坑，你可以绕开

1. 电脑上好好的，手机上按钮被挤到了第二行

英文名比中文名长。电脑上看一切正常，换成手机宽度一看，右上角的「Contact」按钮被挤到了下一行。让 AI 把间距收窄就好了。一定要用手机宽度看一遍。

2. 检查工具说英文页有中文，一看是代码注释

检查工具报了三十多处「英文页有中文」，吓了一跳。仔细一看，全是网页代码里给程序员看的备注，访客根本看不到。让 AI 把检查改成只管访客看得到的文字就行。

3. 不是所有中文都要翻

备案号必须原样显示，抖音账号、公众号名翻了别人就搜不到了。这些要提前告诉 AI 不要翻，也要告诉检查工具：这几处中文是允许的。

4. 改了样式，老访客可能好几天看到的还是旧样子

服务器会让访客的浏览器把网站的样式记住 7 天，省得每次重新下载。可这样一来，新加的按钮在老访客那里可能是光秃秃没有样式的。让 AI 每次改样式后给样式文件换一个「版本号」，浏览器就知道要重新下载了。

5. 联系表单出错时，英文页弹出了中文提示

联系表单后台给的出错提示是中文的。英文访客填表出错，看到一句中文，等于没提示。让 AI 在英文页上把这些提示换成英文。

6. AI 报的数字也要核对

AI 一开始跟我说一共 17 页，最后检查工具数出来是 23 页（算上「页面不存在」那一页）。差的不多，但说明 AI 嘴上报的数字不一定准，以检查工具实际数出来的为准。

7. 上线前，确认要发上去的改动都是这次的

我那天同时开着另一个 AI 窗口，在同一个网站文件夹里干别的活。上线会把当前所有改动一起发上去。所以上线前我让 AI 先确认：要发上去的改动，都是这次加英文版的，没有别的窗口改了一半的东西。

六、上线以后，自己验收这 5 项

1. 随便挑 3 个页面，点右上角 EN，到的是同一页的英文版
2. 在英文页点「中文」，回到原来那页
3. 在英文页上随便点链接，一直留在英文版里，不会突然跳回中文
4. 用手机打开英文首页，右上角的按钮不挤、不换行
5. 在英文版的联系页真提交一条留言，你的邮箱能收到

5 项都没问题，你的网站就算有了真正的英文版。

七、拿去就能用：一整段话发给 AI

不想一步步来，可以把下面这段话整段发给你的 AI 助手。方括号里的换成你自己的：

我想给网站加一个英文版。要求：

1. 先别动手，先看清网站的内容在哪、有几个页面、怎么更新上线，告诉我你打算怎么改，等我同意再做。
2. 不要用浏览器翻译插件。参考 Hugo 的多语言方案：中文页面不动，给每一页做一个真正的英文页，放在 /en/ 下面，网址一一对应。
3. 每一页右上角加一个语言按钮，中文页显示 EN，英文页显示「中文」，点了跳到另一种语言的同一页。
4. 每一页写上 hreflang，网站地图里加上英文页。
5. 全站内容翻成英文，单独放一个英文内容文件，和中文一一对应。我的名字写 [你的英文名]，公司名写 [公司英文名]。[备案号、账号名等] 保留中文不翻。
6. 中文页除了多一个按钮，一个字都不要变。改完把中文页前后对比一遍给我看。
7. 写一个检查脚本，每次上线前自动查：中英文页面一一对应、按钮和链接都能打开、英文页不跳回中文页、英文页没有漏翻的中文。
8. 做完在浏览器里打开，电脑和手机宽度都看一遍，截图给我。我确认了再上线。