Hey，我是Keen，一个喜欢折腾代码的外贸独立站运营者。在这里，我会分享建站技术、网站优化和效率工具等干货内容，欢迎关注。 感谢过年期间关注我的小伙伴们，一下子涨粉了大几百，有点受宠若惊，也感谢微信霸霸的推荐流量。 放假期间没有更新公众号，但是我制作一个基于wp的多语言方案，而且站点已经上线，运行还不错，借此来聊聊AI多语言建站的新思路。
为什么要手搓多语言站点
上一篇文章有提到为什么要使用translatepress，但是当我深入使用的时候发现，tp想要添加3个多语言，就要收费了！ 这让我有点不能接受啊，新站计划制作5个多语言，本来还想要用cursor+tp快速上站的，这一下子又给我泼了冷水。 为此，我咨询了AI的意见，AI的答复有点摇摆不定，还是建议我购买tp pro版，这个当然不是我想要的答案。 Tp pro有三个套餐，最贵的要349欧一年，站点多付费也不是不行，但是tp自带的api只能提供50万单词翻译，一个英文网站大概1-2万单词，如果每个网站都翻译一个语言，只能25个网站使用，但是一个网站要翻译4个多语言，只能够6个多网站使用，那么我要制作上百个网站那是万万不够用的。 而且tp pro只能支持google和deepl的api，完全不支持新AI，这让翻译质量大大降低。 想想最近小红书上线的翻译功能，其实使用的就是AI大模型翻译，甚至能把摩斯电码、表情包等能翻译出来，这个让google和deepl是万万做不到的，所以我得到一个认知就是，做多语言站点，要想网站出彩，一定要用AI翻译。 因为cursor+tp只能用到一个多语言，所以我只能手搓站点。
keen-i18n-starter方案解析
暂且给这个多语言方案取名叫keen-i18n-starter吧，我的名字+i18n（国际化英文单词缩写），设计灵感来自于日本站长分享的开源astro框架：https://astro-i18n-starter.pages.dev/
上面就是这个网站的截图，该站长写的代码我很喜欢，很简洁，而且他给了我一个重要的思路，就是把多语言全部写到一起去！
这是他的源代码，把一段文案全部集中到一起，根据语言标签调用不同的文案，ja就是日文，ar就是阿拉伯文，这样做的好处就是，网站样式只用写一遍，其他就不停的创建多语言文案即可！
不过他这个方案是基于前端框架astro制作的，对代码不熟悉的小伙伴会有一点点吃力，不过如果后期你想转前端，我建议先使用astro，简单好上手，说来巧合，以前喜欢使用wp主题叫astra，现在喜欢用astro！
好了，言归正传：
这时候我自己也有一些疑问，这样写文案，好像也挺费时间的，好像也没有接入AI的一些功能吧？怎么能把所有文案根据AI翻译好呢？
当然，我也是有解决方案的，那就是利用cursor的一键翻译，可以看一下上一篇文章。
另外，cursor还有一个很强大的功能叫「模糊识别」
比如我在cusor中输入第一段：
`zh: keen聊独立站是个不错的公众号`接着在第二行我输入「en:」，然后你只需要按一下键盘的tab键，接下来就是自动翻译了，同理，输入ja/es/ar，这些语言就全部都给你翻译好了。 cursor这个功能，我特别喜欢用，我问了下AI，这个功能是基于模糊识别、上下文理解、机器学习自动生成的，利用这个功能，我们可以快速给自己的网站翻译多语言了。 不过，同时cursor「模糊识别」翻译精度还是没有AI翻译的精确，如果是简单的产品翻译，自己又懂多语言的话，可以用这个应急快速测试，如果是大批量需要高精度的翻译，还是建议采用gpt/claude提问，操作也很简单，把多语言标签粘贴到对话框，让AI帮你填充。
怎么实现多语言的
wordpress网站的页面呈现格式是这样的：xxx.com/?page_id=1这是wp默认的url格式，我们可以在permalink中设置成Post name，可以url改成xxx.com/home/
xxx.com/?page_id=1是动态查询，xxx.com/home/是静态展现，把动态改成静态就叫做伪静态设置，在wp中有这个功能存在叫rewrite，所有的rewrite都会存到wp_options表中。
基于以上原理，我设置多语言的逻辑就是通过伪静态设置，把xxx.com/?lang=zh转换成xxx.com/zh/xxx.com/about/?lang=zh就会变成xxx.com/zh/about/
这样的好处就是我制作了一个页面，制作多语言时，我只需要在一个总控位置添加多语言标签即可，而不用针对多语言频繁的新建页面，修改和新增都在同一个页面进行。
canonical和alternate标签
做SEO就要精细化运营，所有还有很多技术性SEO需要解决，比如
- canonical标签，如果你觉得两个页面重复度很高，可以将两个页面设置成同一个canonical url
- alternate标签，多语言必备标签，指定页面的其他语言版本，帮助搜索引擎理解网站的多语言结构
上图就是部分代码，这些代码都不是我写的，是AI写的，具体一点就是Claude pro写的，写的非常好，我粘贴上去就能运行了。
写到这里，我对AI的认知加强了一点，目前阶段AI就是我们的得力助手，要看AI能帮助你做什么，你有好点子、懂行业知识，就能在AI帮助下做出适合自己的产品。
多语言SEO标题描述及sitemap设置
SEO标题和描述填写，我还是借用了rank math这款插件，除了这个SEO插件名气比较大、用的比较久以外，它的可拓展性也特别高。 在keen-i18n中，我用到了rankmath的三个filter或class，如下：
- rank_math/frontend/title，可以定制页面SEO标题
- rank_math/frontend/description，可以定制页面SEO描述
- RankMath\Sitemap\Providers，可以自定义sitemap，用于提交google收录
想了解更多可以参考rankmath官方的文档：https://rankmath.com/kb/filters-hooks-api-developer/
其他细节
网站主题是基于underscores+tailwindcss搭建的，也是借助cursor完成，这样做的目的是我有强烈的速度优化焦虑，所以主题都是自己定制，测速效果如下：
另外我还创建了三个配置文件：
- seo-config.php，用于配置整站SEO标题及描述
- language-config.php，用于配置多语言标签
- meta-data.php，用于配置header和footer的文案及链接
上线的网站效果怎么样
目前基于keen-i18n上线的网站已经10几天，可能是关键词选的还行，没有做任何推广，66%来自美国流量，其他基本上都是小语种流量，小语种占比34%，那么基于这一点点数据，我的推理就是小语种未来可能给网站增加30%的流量，这样来说小语种的投入还是值得的。
投入产出比考量
目前来说，这个方案我还在测试阶段，应该很有很多坑需要填补，但是解决了我的多语言痛点，做到文案皆可控。 不过，对于普通人来说，制作起来还是有一些困难，因为学习路径有点陡峭。 如果你有技术底子，可以尝试用cursor等AI通过代码快速建站，如果你还是零基础，我建议还是先专注优化网站内容，使用付费插件比较好，另外抽空出来学一点代码，这样你对AI的使用会更上一层楼。