Google Search Off the Record Podcast 一直是 SEO 從業人員汲取最新資訊的寶庫，而第 71 集則將焦點放在了與 SEO 息息相關的「網頁體驗指標」（Core Web Vitals，簡稱 CWV）上。本集邀請到 Chrome 網頁專家 Rick Viscomi，深入探討 CWV 的意義、影響以及 SEO 應對策略。
不只是速度，更是用戶感受
許多人會誤以為 CWV 僅僅關乎網站載入速度，實則不然。
CWV 更強調的是用戶體驗，主要是用來評估網站能否提供流暢的使用感受。其核心指標包括 Largest Contentful Paint (LCP)、Cumulative Layout Shift (CLS) 以及新指標 Interaction to Next Paint (INP)，分別衡量頁面主要內容載入速度、視覺穩定性以及互動響應速度。
舉例來說，當用戶瀏覽新聞網站時，除了希望文章能快速載入，更不希望頁面元素突然位移導致閱讀中斷，或是在點擊留言按鈕時等待過久才反應。這些都會影響用戶體驗，而 CWV 正是為衡量這些體驗而生。
Interaction to Next Paint 登場
INP 作為取代 FID (First Input Delay) 的新指標，它更全面評估了網頁的互動性。它不僅記錄所有互動的延遲時間，更以最慢的互動時間作為評估標準，更貼近真實使用者體驗，也讓我們能夠更精準地找出影響網頁體驗的癥結點。
試想一下，用戶在電商網站購物時，可能會瀏覽商品、加入購物車、填寫訂單等多個步驟，而每一步的互動速度都至關重要。INP 指標的出現，讓我們可以更全面掌握網頁互動性，進而進行針對性的優化。
真實用戶體驗數據才是王道
那麼，該如何有效提升 CWV？首先，必須摒棄「實驗室數據至上」的迷思。PageSpeed Insights 的 Lighthouse 分數固然有一定參考價值，但更重要的是真實用戶數據。
使用 web-vitals.js 獲取真實用戶數據
那麼，如何獲取真實用戶數據呢？ web-vitals.js 便是 Google 為此提供的 JavaScript 程式庫。將其嵌入網站後，便能自動收集用戶在瀏覽網站時的真實體驗數據，包括 LCP、CLS、INP 等核心指標。
web-vitals.js 的優點在於：
輕量便捷： 檔案大小僅數 KB，不會對網站載入速度造成負擔。
數據詳盡： 不僅記錄指標分數，更提供詳細的發生時間、元素資訊等，便於分析問題根源。
客製化彈性： 可設定數據收集範圍、觸發條件等，滿足不同網站的需求。
透過 web-vitals.js 收集到的數據，我們可以精準定位影響網頁體驗的瓶頸所在，例如：
某個圖片過大導致 LCP 時間過長。
廣告載入方式不當造成頁面元素位移，影響 CLS 分數。
JavaScript 程式碼執行效率不佳，導致 INP 時間過長。
想了解該如何使用 GA4 追蹤 CWV 指標，請參考怎麼用 GA4 追蹤 Core Web Vitals?
Real User Monitoring 工具
平衡兼顧，切勿顧此失彼
CWV 表現的確是 Google 排名演算法的信號之一，但切勿過度追求完美分數而本末倒置。SEO 策略應當是全方位的，除了技術層面的優化，高品質的內容、良好的網站架構以及用戶參與度等因素同樣至關重要。
試想一下，一個網站即使載入速度飛快，但內容空洞無物，用戶依然不會停留。因此，我們需要平衡兼顧各項因素，才能打造出真正優秀的網站。
從提升網頁體驗開始
正如 Rick 所言，CWV 優化不僅僅是為了 SEO，更關乎整個網路生態的健康發展。流暢的網頁體驗能降低用戶使用門檻，提升參與度，最終使網站擁有者、廣告商乃至 Google 等各方受益。
Lizzi 在 Podcast 中分享了自身在使用效能不佳的 CMS 系統時遇到的困境，這也反映出許多 SEO 在技術實施方面面臨的挑戰。因此，除了積極優化 CWV，更要積極與開發團隊溝通，共同提升網站性能。
SEO 的誤區
在 Podcast 中也澄清了一些常見的 SEO 誤解。例如，網站載入速度緩慢並不會直接影響檢索預算 (Crawl Budget)，因為 Googlebot 的運作機制與真實用戶不同，因此不能完全依賴 Googlebot 的體驗來評估 CWV。
此外，CWV 指標和 SEO 的最佳作法並非一成不變，我們必需要持續關注最新動態，適時調整策略。
