🍹 Insight Daily 🪺
Aitrainee | 公众号：AI进修生
Hi，这里是Aitrainee，欢迎阅读本期新文章。
AI 建站神器看着爽，爬虫抓瞎？SEO 专家提醒：小心客户端渲染的坑。
SEO 从业者 DeepakNess 发出警告：不管你用 Lovable还是其他 AI 建站工具， 一定要让它用 SSG (服务器端生成) 或 SSR (服务器端渲染) 。不然，搜索引擎爬虫或者其他 AI 机器人很可能根本抓不到你的网站内容。
他拿了个实例：
他用 Screaming Frog SEO Spider (一个常用的 SEO 爬虫工具) 去爬 网友Jamie Marsland 用 Lovable + WordPress Headless 搭建的网站 (jamiemarsland.com)。
结果发现， 只能抓到首页 ，其他页面完全抓不到。为啥？因为这网站是 客户端渲染 (CSR) 的，内容得等浏览器加载 JavaScript 后才能显示出来，爬虫通常不执行 JS 或者执行得不好。
他又试了让 ChatGPT 和 Grok 去访问这个网站的所有页面，结果一样， AI 也只能看到首页 。
百页网站 Google 只索引不排名，站长崩溃在线求助。
Lovable 用户 AdagioWonderful3804 在 Reddit 论坛上发帖求助，问题很典型：用 Lovable 做了 大量网站 ，其中一个站点 超过 100 页 ，但 Google 就是 不收录、不抓取、不排名 。
站长很努力，标准 SEO 操作一个不落：
- 网站提交给了 Google Search Console (GSC)。
- 搞了 Robots.txt 文件。
- 提交了 Sitemap (网站地图)。
- 每页都设置了规范的 SEO Title, Description 和关键词。
然而，并没有什么用，流量依然没有。
数据“惨”：
- Google Search Console 显示， 总共 100 多页的网站，只有 119 页被索引 ，还有 65 页未被索引 。
- 网站总点击数只有 7 次 ，总展现量也只有 293 次 ，平均 CTR 只有 2.4% ，平均排名在 61.7 名 ——基本等于隐形。
站长表示： Lovable 默认搞的是 客户端渲染 (client side rendering)。
这意味着 Google 机器人来了基本就是两眼一抹黑 ，看不到你页面上的实际内容。后果很严重：想被谷歌收录、想搞点关键词排名？难。如果你在乎搜索引擎（或者 LLM）能不能看到你的网站内容，这绝对是个大坑。
很多人认同这是个大问题。网站做得再好看，机器人访问不了，等于白搭。
这问题咋解决？
理论上，可以直接让 Lovable 实现 SSG 就行。但 DeepakNess 自己测试发现， 他试了 5-6 次不同的 Prompt，让 Lovable 实现 SSG，结果预览都是空白，没成功。
网友Ian Nuttall试着让 Lovable 解决这个问题。工具自己也知道这毛病，建议他用
Next.js 或者搞 静态预渲染 (static pre-rendering) 。
行，先试试预渲染。
结果呢？ “不行 (nope)” 。折腾了几下，报了错，最后又 退回到了客户端渲染 的老路上，内容还是看不见。
不死心，再让它试试 SSG (静态网站生成) 。
还是失败，根本编译不过去。
那试试最后的救命稻草 Next.js ？
“它压根就不让你搞 Next.js 项目 (lol it won't even let you do a Next.js project)” 。
所以结论很扎心：如果你指望搜索引擎或者 LLM 能看到你用 Lovable 做的网站内容，那这个默认的客户端渲染问题，是个 硬伤 。
而且根据 Ian Nuttall 这番踩坑实录，想通过工具本身建议的方式 (预渲染、SSG、Next.js) 来绕过， 目前看来是走不通的 。用之前可得想清楚了。
网友Gabe Fletcher: 认为这不是个问题。如果你想要 SSR，那就按照 SSR 的方式写代码，然后在 Netlify (或其他平台) 上正确配置打包和文件就行了。这完全是技术问题，跟 Lovable 本身关系不大，别赖工具。
Google 能搞定 CSR: 有人认为 Google (和 Bing) 的爬虫已经很智能了，它们会执行 JavaScript，能读懂 CSR 生成的内容，所以这不是问题了 (说 Google 搞定 CSR 很多年了)。
另一方观点 (认为问题很真实):
- 对“Vibe Coder”来说是问题： Ian Nuttall 回应，新的“Vibe Coder” (指那些不熟悉底层技术，依赖 AI 工具快速构建的用户) 根本不知道这些技术细节。而且即使知道，想让 Lovable 稳定地生成 SSR/SSG 代码，并能在现有工作流里跑起来，也 非常困难 。
- 爬虫执行 JS 是消耗资源： 虽然 Google 能 索引 CSR，但效果远不如 SSR/SSG，尤其对于复杂的、依赖大量 JavaScript 的站点。做过高级别 SEO 的都知道这依然是个大问题。还有人 (@MorganFeeney) 指出，Google 爬取 CSR 可能需要更多次尝试，影响收录速度和效率。
- 亲自测试失败： Ian 表示他尝试让 Lovable 生成 SSR 代码，即使把 Vite 的官方文档喂给它，也搞不定。尝试生成 Next.js 项目也不行
- 手动改造/变通：有人 (@MattACrawford) 习惯把 AI 生成的代码扔进 Cursor 里再做 SSG 或 ISG (增量静态生成)。
- 早期 Prompt 干预： 建议在 AI 生成项目一开始就明确要求实现 SSR/SSG。
- 有人直接 @ Lovable 官方，让他们赶紧解决这个问题。
- 迁移到 Next.js
很多 AI 代码工具默认使用 Vite + React (CSR)，这被认为是“对 SEO 极其糟糕”的选择。网友 Tech-Sapien18 指出，Lovable 默认是 React 应用，要实现 SSR，得 迁移到 Next.js 。
▼ Bolt 可以结合 Next.js 做 SSG，而 Lovable 只能用 React/Vite (默认 CSR)。
他还 分享了自己将 React 应用迁移到 Next.js 的 Reddit 帖子链接 ， https://my5353.com/GOctQ
- SteadyBowARROW 的 Prompt Hack (有局限性)
SteadyBowARROW 分享了自己的视频链接 ，解释他们是怎么通过 Prompt Hack 在 Lovable 中实现 SSG 的。
https://www.youtube.com/watch?v=\_ojJi39JiLk
但他也坦诚局限性： 这个方法 目前只对单页面有效 。
有其他用户试了他的方法，确认虽然能让单页面 SSG，但在 Netlify 部署后，所有页面都变成了首页的内容源， 不适用于多页面网站 。楼主 AdagioWonderful3804 也回复确认，这个方法 对他一百多页的网站没用 。
- 5个案例研究展示了服务器端渲染的优势：https://my5353.com/Nn5D8
以上。
One More Thing
本文封面由AI端到端生成，主要是：内容拟合，生成快速。
教程已出：
AI 绘画“元方法”分享，免费绘图流，掌握思维比提示词更重要。（融图篇）
#AI编程 #Bolt #Lovable #SEO
本号知识星球（汇集ALL订阅频道合集和其他）：
星球里可获取更多AI实践和资讯：
🌟 知音难求，自我修 炼亦艰，抓住前沿技术的机遇，与我们一起成为创新的超级个体（把握AIGC时代的个人力量）。
点这里👇关注我，记得标星哦～