今天進入 Day 29，主要是針對已經部署到 Vercel 的記帳 App，做最後的網站檢測與優化。

認識 Lighthouse
這次接觸到了 Lighthouse。
Lighthouse 是 Chrome 開發者工具中的網站品質檢測工具，可以從不同面向分析網站，像是：

• Performance：網站載入與執行速度
• Accessibility：網站對不同使用者的可用性
• Best Practices：網站是否符合常見的 Web 開發最佳實務
• SEO：網站是否具備基本的搜尋引擎最佳化條件
  簡單來說，Lighthouse 就像是幫網站做一次健康檢查，除了確認功能能不能使用，也會找出網站還有哪些地方可以改善。

第一次檢測的結果：

整體表現不算差，但 SEO 還有可以改善的地方，所以我把這次優化的重點放在 index.html 的 Meta 資料。

改善 SEO 與網站資訊
這次主要補上網站的：

• title：讓搜尋結果有正確的網站名稱
• description：簡單介紹這個記帳 App
• Open Graph：讓分享到 LINE 等社群平台時，可以顯示比較完整的預覽資訊
• lang="zh-TW"：告訴瀏覽器網頁主要使用的語言
  修改完成後，再重新 Push 到 GitHub，Vercel 也會自動重新部署。
  整個流程變成：
  Lighthouse 檢測 → 找出問題 → 修改 index.html → Git Push → Vercel 重新部署 → 再次檢測

之後我又再檢測一次，這次SEO的分數就提高到100了:

總結:

• 學會使用 Lighthouse 檢查網站品質
• 了解 Performance、Accessibility、Best Practices、SEO 四項指標
• 認識 title、description、Open Graph 和 lang 的作用
• 學會透過檢測結果找問題，再重新驗證修改成果
  功能完成只是作品的起點，經過測試與優化，才能讓它變得更完整。