我用 Vibe Code 做出了漂亮的 Web 应用，但 AI 依然无法为 Google Search 自动生成一个简单的 Sitemap
我用 Vibe Code 做出了漂亮的 Web 应用，但 AI 依然无法为 Google Search 自动生成一个简单的 Sitemap
在最近一段时间里，我看到很多开发者和创业者开始用 AI 工具做网站、Web 应用这些东西，比如所谓的 vibe coding 平台：快速生成页面、美观的前端、自动部署等等。乍一看体验很棒，但当你开始关注 SEO 和搜索引擎索引时，这一切就变得很不那么简单了。
我自己做过很多网站的 SEO，这本应该是个“十分钟搞定”的事儿 —— “生成 sitemap.xml，提交到 Google Search Console，搞定。” 但是在实际操作中，问题远比想象复杂。
项目背景
我做的第一个项目是一个在线餐厅目录：收集了所有提供食物过敏菜单的餐厅信息，供过敏患者快速查询。这个目录在本地运行良好，页面内容齐全，理应被搜索引擎收录。
可当我想让 Google 开始索引这些页面时，我遇见了 Sitemap 和 AI 的真实一面。
问题一：本地有效、部署后失效
在本地测试时，生成的 sitemap 路由是正常的。但当部署到线上环境后，这个路由却失效了。即便我多次用各种提示词让 AI 去修复它，还是不断出现问题，直到我花掉了大量的 Lovable 服务积分才修复过来。
问题二：错误的域名
你可能以为 sitemap 只要能访问就行，但 Google 有非常明确的规则：Sitemap 必须与主站点域名一致，才能被 Search Console 接受。 最开始我的 sitemap 出现在了一个随机的 AI 生成域名下，这导致它被直接拒绝。
问题三：动态页面无法更新 sitemap
即便问题解决了，新的餐厅被添加时，sitemap 并不会更新。这意味着即使有新页面存在，它们也不会出现在 sitemap 里，搜索引擎也就无法正确索引它们。
问题四：React 路由与 Headers 混战
这才是真正“让人发疯”的地方：
大多数基于 React 的单页应用默认返回的其实是 HTML 内容，而不是标准的 XML。由于这种种原因 —— 比如路由、响应头错误等 —— sitemap 的响应其实被包装成了 HTML，而不是 Sitemap 规范里要求的纯 XML。即使浏览器看起来没问题，Google 还是会拒绝。
这一切让我白白浪费了大约 25–30% 的 AI 信用额度，只为实现一个原则上非常基础的网页索引功能。
最后奏效的解决方案
直到我放弃了现代 SPA 栈的思路，靠纯技术老方法反而解决了问题：
✅ 方案一：放弃 XML，改用 TXT
Google 官方文档说明：除了 XML，谷歌也支持 TXT 格式的 sitemap，只要里面列出你想让它抓取的 URL 即可。TXT 方案不需要 XML 解析，也不会因为响应头或路由被拒绝。
✅ 方案二：把它做成静态文件
不要任何动态路由，也不要 React 去拦截它，把 sitemap.txt 当成普通的静态资源放在网站根目录下：
https://www.example.com/sitemap.txt 然后在 Search Console 提交它。Google 立刻就接受了。
静态 vs 动态：如何保持 sitemap 更新
静态文件固然简单，但每次有新页面加入的时候，它必须被重新生成。最终我写了一个钩子，在每次新增内容时自动更新 sitemap.txt，这才真正实现了：
静态交付 + 动态更新 = 可被搜索引擎索引的 sitemap。
总结：AI 能做很多事情，但 SEO 仍需人工
即便现在有很多所谓的 AI 构建平台能快速帮你做 Web 应用和前端交互，但在 SEO、搜索引擎索引 机制 这样的细节上，它们依然表现得非常粗糙。AI 生成代码固然方便，但它并不能完全替代开发者对底层原理的理解。
如果你想让自己的网站被 Google 真正收录、被用户检索到，还是需要对 Sitemap、域名策略、响应头、内容更新策略等有深入控制。 AI 只是帮你提高速度，不是替代专业。
