Next.js
公開頁面
SSR
初始 HTML
↑
流量及瀏覽趨勢
背景
客戶借助 AI 快速開發 React Web 應用程式，但上線後搜尋流量及頁面瀏覽量偏低。我們將公開頁面遷移至 Next.js。另一個獨立項目 VirtualDrive.us 亦採用了 Next.js 和伺服器端渲染。
挑戰
應用程式能運作，不代表搜尋引擎容易理解公開頁面。需要在保留現有功能的同時，改善初始 HTML 及各頁面的內容和元資料。
實施方案
遷移公開頁面
保留現有 React 體驗，將面向搜尋的頁面遷移至 Next.js。
加入 SSR
讓重要內容出現在初始 HTML，而不是完全依賴客戶端 JavaScript。
整理頁面訊號
檢查標題、描述、頁面結構及內部連結，讓頁面主題更清楚。
應用於 VirtualDrive.us
在另一個項目中為 VirtualDrive.us 實施 Next.js 與 SSR。
上線後的變化
- React 應用程式的公開頁面完成 Next.js 遷移
- 遷移後搜尋流量及頁面瀏覽量呈上升趨勢
- 獨立項目 VirtualDrive.us 採用 Next.js 和 SSR 後亦觀察到瀏覽量增長
- 不聲稱具體增幅或保證排名
經驗
AI 輔助開發可以快速推出應用程式，但獲客仍需要內容、頁面結構及搜尋可見度。Next.js 與 SSR 是技術基礎，不會自動保證排名；兩個項目在遷移後都觀察到瀏覽量上升。