AI 學習紀錄

今日最有感的事

Vibe Coding 做的網站，為什麼 Google 搜不到？

今天看到 Louis Lin 的一篇文章，講到一個很多人踩到的坑：用 Lovable、Replit、Bolt、v0 這些 Vibe Coding 工具做出來的網站，看起來很漂亮，但 Google 根本搜不到。

問題的核心在於 CSR（Client-side Rendering）vs SSR（Server-side Rendering）。

這些工具預設使用 React、Vue 等前端框架，採用 CSR 模式。你用瀏覽器打開，JavaScript 執行完就能看到完整頁面，一切正常。但 Google 的爬蟲拿到的是什麼？一個幾乎空白的 HTML 檔案，裡面只有 <div id="root"> 和一堆 JavaScript。爬蟲不會幫你執行 JavaScript，所以看到空白就走了。

Louis Lin 用了一個很好的比喻：CSR 就像寄一本空白書給 Google，附一支畫筆說「請自己畫」。SSR 則是寄一本已經寫好內容的書。

誰最容易中招？個人品牌創作者。用 Lovable 或 Bolt 做了漂亮的個人網站、作品集，覺得終於有了線上門面，但潛在客戶在 Google 上搜你的名字，什麼都找不到。

解法：

• 用 SSR 框架：Next.js、Nuxt.js
• 用 SSG（Static Site Generation）：Hugo、Astro
• 或選擇支援 SSR 的平台如 Compassio

這讓我想到我自己的情況：部落格用 Hugo（SSG），完全沒這問題。急專大補帖 quiz app 用 React SPA，但它不需要 SEO（需要登入才能用），所以也沒差。但如果未來要做任何需要被搜尋到的東西，一定要選 SSR/SSG。

另一個有趣的觀察：這篇文章本質上也是在講「AI 工具的隱性成本」。Vibe Coding 降低了建站門檻，但使用者不知道自己犧牲了什麼。這跟醫療很像 — 看起來簡單的處置背後有很多需要理解的原理，不理解就會踩坑。

今日收集的資源

• Nav Toor — Claude Cowork 五層架構 — 把 Claude 從「工具」變成「環境」的完整指南：Memory Layer → Skills Layer → Connectors → Orchestration → Interface。驗證了 OpenClaw 的架構方向是對的。
• Louis Lin — Vibe Coding 網站為什麼 Google 搜不到 — CSR vs SSR 對 SEO 的致命影響。Lovable/Bolt/v0 預設 CSR，Google 爬蟲看到空白頁就離開。解法：Next.js (SSR) 或 Hugo/Astro (SSG)。
• Thedigitalkinggg — Claude + NotebookLM 考試準備法 — 宣稱 48 小時零基礎大學考試滿分。6 步驟：上傳教材→知識地圖→找考試盲點→Claude 整理筆記→自我測驗→模擬考。急專大補帖基本上就是 Step 3-6 的自動化版本。