提升網站SEO必學！網站體驗指標LCP、CLS、INP優化技巧

如何透過 Google Search Console 掌握網站體驗核心指標？

透過「產生索引」報告和「URL 檢查工具」，Google Search Console 幫助網站管理者全面掌握網站的健康與收錄狀況，進一步優化 SEO 表現。以下是具體的操作步驟和利用方式：

利用「產生索引」報告檢查網站健康狀況

操作步驟：在 Google Search Console 左邊欄中，點擊產生索引底下的 「網頁」。會顯示兩大索引分類：

• 已建立索引：已成功被 Google 索引的頁面。
• 未建立索引：未被索引的頁面，可能存在嚴重問題，則可點擊查看網頁未編入索引的原因。常見情況包括：

• 404 錯誤：檢查失效連結，考慮使用 301 重新導向至相關頁面。

• 伺服器錯誤（5xx）：排查伺服器配置問題，確保穩定性。

• noindex 設置：確認未誤將重要頁面設為 noindex。

• 遭到 robots.txt 封鎖：分析是否有需要調整的設定。

• 重複內容：適當設置 Canonical URL。

使用「URL 檢查工具」確認頁面收錄狀況

操作步驟：在 Search Console 頁面頂部搜尋框中，輸入需要檢查的頁面 URL。查看檢測結果，了解該頁面的索引情況：

• 是否已被索引：確認該頁面是否已收錄於 Google 的索引中，務必確認核心頁面（如首頁、產品頁或服務頁）已被索引。
• 抓取狀態：檢查 Google 最後一次抓取的時間與結果。
• 問題診斷：檢查是否有阻止索引的問題，如 noindex 標籤、robots.txt 限制。並檢查是否設置了正確的 Canonical URL，避免重複內容分散排名權重。
• 加速收錄：若頁面未被索引，可以點擊 「請求索引」 來加速收錄。對於新發佈或更新過的頁面提交索引請求，縮短搜尋引擎發現的時間。

Google Search Console 分析網站效能的重要指標

在 Google Search Console 的「成效」（Performance）報告中，點擊數（Clicks）、點擊率（CTR）、曝光次數等數據，是分析網站效能的重要指標，以下是這些數據的應用場景與實際用途：

1. 點擊數（Clicks）

• 追蹤流量來源與內容表現：點擊數直接顯示了從 Google 搜尋引導至網站的用戶量，可用於衡量不同內容的實際效果。針對點擊數高的頁面，可進一步優化頁面設計與行動呼籲（Call-to-Action）以提升轉換率。

2. 曝光次數

• 優化高曝光但排名較低的頁面：曝光次數高但排名未進入搜尋結果的前 3 名，可能是內容潛力未被完全發揮。可透過內文補充更具權威性的資訊、加入內部連結，或提升網頁速度來提高排名。
• 了解用戶的搜索習慣：曝光次數顯示哪些關鍵字與頁面在搜尋引擎中更頻繁出現，可作為製作內容策略的重要依據。可針對高曝光關鍵字，擴展更多相關主題文章或製作系列內容。

3. CTR（點擊率）

• 分析標題與描述的吸引力： CTR 表示搜尋結果被點擊的比例，如果 CTR 偏低，即使曝光次數很高，也代表標題（Title Tag）或描述（Meta Description）無法吸引使用者點擊。 建議可以針對 CTR 偏低的頁面，調整更具吸引力的標題與描述，例如使用具體數字、提問句或行動導向語句。
• 識別高潛力關鍵字： 某些關鍵字可能有高曝光率但低 CTR，代表這些關鍵字有潛在流量，但需要進一步優化以吸引用戶。 針對高曝光低 CTR 的關鍵字進行內容改善或重新排版，提升與用戶搜索意圖的相關性。

網站體驗核心指標其它檢視方式

除了上述的 Google Search Console 外，Pagespeed Insight 以及 安裝 Web Vitals 外掛，也能檢查網頁速度，並幫你計算各體驗指標的分數。另外，你也可以點閱 SEO 軟體工具推薦，查看更多相關工具的介紹。

Pagespeed Insight

PageSpeed Insights 是 Chrome 團隊提出的網頁使用者體驗指標，幫助站長評估和優化網站，能提供網站速度報表，包含手機和 PC 上顯示的速度、研究資料、網頁診斷和最佳化建議，及各式各樣的優化方法。

PageSpeed Insights 會依照Chrome報告中蒐集 28 天的真實使用者體驗數據進行分析，將網站質量依照 1-100 分區別為「良好、需改進、較差」這3個等級。

• 良好：90分以上，使用綠色圓圈表示
• 需要改進：50～90分，使用琥珀色方塊表示
• 較差：低於50分，使用紅色警告三角形表示

Web Vitals Extension

安裝 Web Vitals Extension 這款 Chrome 擴充功能，可以在開發週期中快速發現問題，並且可以作為診斷工具在瀏覽網頁時分析 Core Web Vitals 的性能。雖然與其他工具相比，它無法建議你如何改善分數，但若是想要更快速的得知體驗核心指標的檢查結果，安裝後該工具便能即時顯示當前頁面的指標資料。

網站體驗核心指標：LCP、CLS、INP 具體優化方式

點入 Google Search Console 左邊欄的「網站使用體驗核心指標」，針對「需要改善」或「不良」網址，可點擊「開啟報表」查看詳細資料檢視問題範圍。

Google Search Console 的使用者體驗指標包含：LCP、CLS、INP，以下為各指標的定義及改善建議：

什麼是 LCP？

LCP (Largest Contentful Paint) 為頁面中最大元素的載入速度。

當頁面在載入的過程中，Google 會去抓取頁面可視範圍中最大的元素，且隨時針對可視範圍的內容改變，直到頁面完全載入後，才會將頁面中最大的元素訂為 LCP，其中偵測項目包括：圖片、svg 向量圖片、影片（預覽大圖）、透過 url() 的 CSS 功能載入背景圖片的元素、包含文字的區塊級元素（block-level elements）或行內元素（inline elements）。

改善建議：

• 優化圖片大小與格式：壓縮圖片並使用 WebP 等高效格式。
• 減少伺服器回應時間：使用 CDN 和伺服器快取。
• 精簡 CSS 和 JavaScript：移除不必要的資源，提升載入速度。

什麼是 CLS？

CLS (Cumulative Layout Shift) 為累計版面配置轉移，是針對頁面穩定性的指標。

當網頁第一時間呈現給使用者的文字、圖片、影片或連結、按鈕等元素，與實際加載完成的時間有落差，可能就會出現「跑版、位移」的狀況，這個落差就是 CLS 偵測的項目。

改善建議：

• 為圖片和廣告預留空間：設置固定的高度和寬度，避免載入時內容移位。
• 避免動態插入內容：如未預留位置的彈窗或橫幅廣告。
• 使用 CSS 動畫取代布局變動。

什麼是 INP？

INP（Interaction to Next Paint）測量使用者與頁面互動（點擊、輸入等）後，直到畫面更新的時間。

INP 是比 FID 更準確的用戶體驗指標，INP 不只關注首次互動，而是考量整體互動過程中的延遲表現，數值越低代表使用者操作後能更快速看到畫面變化，體驗也越順暢。

改善建議：

• 減少大型 JavaScript 檔案體積：減少大型腳本或延遲執行非必要 JS。
• 優化事件處理器效率：確保點擊或輸入事件的處理邏輯簡潔快速。
• 減少 DOM 操作與重排：避免頻繁修改元素位置或樣式。

什麼是 FID？（舊指標，已被 INP 取代）

FID (First Input Delay) 為首次輸入延遲，代表與頁面開始互動的時間。

輸入延遲 (Input Delay) 通常發生於瀏覽器的主執行序過度繁忙，而導致頁面內容無法正確地與使用者進行互動，包括：點選連結或按鈕載入內容延遲、文字對話框無法立即輸入文字、打開下拉式選單畫面延遲，或是無法勾選對話方塊等。

改善建議：

• 延遲加載非必要的 JavaScript：將次要腳本設為非同步加載。
• 優化第三方腳本：如廣告或追蹤代碼，減少對性能的影響。
• 提升伺服器性能：使用快速的主機服務。

網站體驗核心指標 LCP、CLS 和 INP 總整理

使用者指標	LCP	INP	CLS
英文全名	Largest Contentful Paint	Interaction to Next Paint	Cumulative Layout Shift
中文說明	最大元素載入速度	最大元素載入速度	累計版面配置轉移
名詞解析	以使用者為中心去測量感知加載速度的重要指標	測量使用者與頁面互動（點擊、輸入等）後，直到畫面更新的時間	以使用者為中心去測量視覺穩定性的指標
目標數值	≤ 2.5 秒	≤ 200 毫秒	≤ 0.1

優化網站體驗核心指標┃WordPress外掛推薦

WP Rocket

WP Rocket 是市場上最棒的 WordPress 快取外掛之一，你不需會任何程式技術，就能用多種方式加快網頁速度，且操作介面簡單、容易上手。只要點個按鈕開啟或關閉就好，與絕大多數的主機、佈景主題、網站外掛，都保持完美的相容性。簡單來說，你可以放心的使用它，只需安裝 WP Rocket 就能搞定與速度相關的問題。

Rocket CDN

CDN（內容傳遞網路）是指一種透過網際網路互相連接的電腦網路系統，利用最靠近每位使用者的伺服器，以高效能、可擴展性及低成本的方式，將音樂、圖片、影片、應用程式等網路內容傳遞給使用者。也就是當使用者送出請求的同時，會以最靠近使用者的伺服器為傳輸點，讓內容傳送的速度更快。

Imagify

可以幫助你在不影響畫質的情況下壓縮圖片，使你的原始圖片大小能夠在維持同樣的品質之下，產生較小的圖片容量，避免訪客在載入網站時的速度會因為這些圖檔資源而拉長下載時間，導致訪客在等待期間跳離你的網站，影響整體網站的 SEO 排名。

Google Search Console 常見問題

Q1. Search Console 顯示的點擊數與 Google Analytics 為何不一致？

Google Search Console 的點擊數與 Google Analytics 數據不一致，主要原因在於兩者的數據來源和處理方式存在差異。理解這些差異能幫助您更有效地運用這兩項工具。Search Console 適合分析搜尋表現（關鍵字、曝光、點擊），了解使用者如何找到您的網站；Analytics 則更適合分析網站內的流量與用戶行為，藉此評估使用者在網站上的互動情況與轉換效果。

2. 追蹤範圍與方法不同

Google Search Console 只計算 搜尋結果中顯示的頁面，而 Google Analytics 會記錄 網站內的所有頁面行為。例如，某些頁面可能未被 Google 索引，但仍然可以透過直接訪問或其他來源獲得流量。

3. 點擊與訪問的技術差異

Google Search Console 計算的是用戶在 Google 搜尋結果上點擊連結的次數，但不包括是否最終加載頁面。Google Analytics 只會記錄頁面實際加載並執行了追蹤碼的訪問行為。如果頁面加載失敗或追蹤碼未正確執行，這些數據不會記錄在 Analytics 中。

4. 時間延遲與數據處理差異

Google Search Console 的數據可能有 1~2 天的延遲，並且只顯示部分數據樣本。Google Analytics 是即時數據，並使用不同的處理方法進行數據歸類。

Q2. 如何解決 Search Console 報告中的「已偵測到的問題」？

解決 Google Search Console 報告中的「已偵測到的問題」，需要針對具體的錯誤類型進行分析與修正。以下是常見問題的處理方法：

1. 404 錯誤（找不到頁面）：該頁面不存在，可能因為 URL 輸入錯誤或頁面已刪除。

解決方式：

• 確保該 URL 正確，如果是錯誤拼寫，修正連結。
• 若頁面已移除，對應的 URL 使用 301 重定向，導向相關頁面或首頁。
• 如果該頁面確實無需存在，允許它返回 404 並確保未在內部或外部連結中引用。

2. 伺服器錯誤（5xx 錯誤）：伺服器過載、配置問題或網路中斷。

解決方式：

• 檢查伺服器日誌，排查伺服器配置或性能問題。
• 如果使用 CDN，確認 CDN 是否運作正常。
• 與主機服務商聯繫，提升伺服器資源或優化伺服器架構。

3. 重複內容或 Canonical 問題：多個頁面內容相似，可能造成搜尋引擎無法判斷哪個頁面應顯示於搜尋結果中。

解決方式：

• 使用 Canonical 標籤 指定主要頁面。
• 合併重複頁面內容，避免相似頁面造成權重分散。
• 確保內部連結指向正確的 Canonical URL。

4. 使用者體驗（Core Web Vitals）問題：LCP、CLS 或 INP 指標不符合標準，影響使用者體驗。

解決方式：

• 提升 LCP：優化圖片大小與格式、縮短伺服器回應時間。
• 穩定 CLS：為圖片和廣告預留空間，避免頁面元素位移。
• 改善 INP：減少 JavaScript 加載時間，優化交互速度。

5. 結構化資料錯誤：Schema 標籤未正確實施或缺少必要屬性。

解決方式：

• 使用 Google 的 結構化數據測試工具，檢測並修復結構化標籤。
• 參照 Google 的 Schema.org 指南，重新配置數據。

Q3. Search Console 為什麼會顯示某些頁面「被排除在索引之外」？

Google Search Console 顯示某些頁面「被排除在索引之外」的原因，通常與網站的技術設定、內容品質或搜尋引擎策略有關。

1. Robots.txt 限制：該頁面被 robots.txt 檔案設置為禁止 Google 爬蟲抓取。

解決方式：

• 檢查 robots.txt 檔案，確保未誤設為禁止抓取的重要頁面。
• 可使用 Search Console 的 「URL 檢查工具」 驗證是否受 robots.txt 限制。

2. Noindex 標籤：頁面設置了 noindex 指令，告訴搜尋引擎不要將該頁面加入索引。

解決方式：

• 確認頁面的 HTML 標籤中是否包含 <meta name=”robots” content=”noindex”> 或 HTTP 標頭設置。
• 如果需要該頁面被索引，移除 noindex 指令。

3. 內容重複或低品質：頁面內容與其他頁面相似或品質較低，Google 認為該頁面價值不足，因而排除索引。

解決方式：

• 合併重複內容，避免多個頁面競爭同一主題。
• 增加頁面內容的深度與獨特性，提升其價值。

4. Canonical 設置：該頁面被指定為非主要版本（Canonical URL），Google 將它視為重複內容並排除索引。

解決方式：

• 確認頁面的 Canonical 標籤是否正確。
• 如果需要該頁面被索引，移除或更改 Canonical 設置。

透過 Google Search Console，不僅能掌握網站健康度和頁面收錄狀況，還能有效檢測並優化 LCP、CLS、INP 這三大使用者體驗指標。只要善用 Search Console 的功能，並持續追蹤與改進網站的各項指標，您的網站將能在 SEO 競爭中脫穎而出！

Q4. 假如 Google Search Console 沒有出現 Core Web Vital 問題，還需要特別優化追求網站速度嗎？

Google 官方表示 Web Core Vitals 分數只要範圍位於良好，給的排名權重是相同的，但仍可繼續優化追求更佳的速度。

Q5. Pagespeed Insight 分數越高越好嗎？需要追求滿分嗎？

PageSpeed 分數代表網頁載入時間可以改善的程度，高分表示改善的空間較小，低分則表示改善的空間較大，沒有一個網站能每次都獲得 100 分。簡單來說，網站不可能實現 PageSpeed 的所有建議，例如：為了獲取更高的分數而導致無法為訪客提供更好的速度。因此，應判斷實際目標及等級對於網站的重要程度。

網站優化不僅包含了網站排名，更能夠讓網站可以順利的向顧客傳遞資訊，進而將網站發揮最大的網路行銷價值。正確的優化網站能夠取得更多流量的機會，進而提高網站的自然搜尋排名，是一個長遠且有意義的過程。

若您不知該如何解讀這些指標來提升網站的表現，歡迎填寫聯絡我們表單或是透過DRM Line@諮詢，讓我們專業的流量顧問為您解決這些疑難雜症。