AI氛围编码一时爽，SEO 火葬场？你的Lovable编码网站能被搜到吗？

🍹 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 绘画“元方法”分享，免费绘图流，掌握思维比提示词更重要。（融图篇）

#AI编程 #Bolt #Lovable #SEO 

本号知识星球（汇集ALL订阅频道合集和其他）：

星球里可获取更多AI实践和资讯：

🌟 知音难求，自我修炼亦艰，抓住前沿技术的机遇，与我们一起成为创新的超级个体（把握AIGC时代的个人力量）。

点这里👇关注我，记得标星哦～

（文：AI进修生）