我們在【SEO資訊站】8大搜尋引擎排名因素（上）一文中提到，Google網站核心指標Core web vitals將會是非常重點的排名因素。或者不少人對這個詞𢑥仍然感到陌生，如果您想認識更多Core web vitals的資訊，就要看下去了！
Core web vitals是關於甚麼的？
它是Google根據大部份使用者體驗所制定，用來衡量網頁瀏覽體驗的指標。Core web vitals的指標包括：Largest Contentful Paint（顯示最大內容的時間）、First Input Delay（首個輸入延遲或封鎖的時間總數）、Cumulative Layout Shift（累積版面配置移動次數）。
Largest Contentful Paint（LCP）
要理解「顯示最大內容的時間」，首先要知道Googel對最大內容的定義。在載入網頁時，網頁的內容通常會逐塊逐塊載入，使用者需要等到內容載入到一定程度才能看到網頁的重點資訊。因此，Google會偵測頁面可視範圍中最大的元素，包括圖片、svg 向量圖片、影預覽圖、透過 url() 的 CSS 功能載入背景圖片的元素，和包含文字的區塊級元素 (block-level elements) 或行內元素 (inline elements)，並將載入它們的時間定為網頁指標。
要優化LCP，可以透過 1.減少伺服器回應時間、2.排除禁止轉譯的資源、3.加快資源載入的時間 和 4.避免使用CSR。
First Input Delay（FID）
何謂「首個輸入延遲或封鎖的時間總數」呢？輸入延遲或封鎖，是指網頁有內容顯示，但用戶點擊或與頁面互動，例如是鏈結、按鈕或者pop-up，頁面卻沒有任何反應，這類情況就稱之為輸入延遲。常見的輸入延遲情況還包括無法在文字框輸入文字、延遲打開選單、無法勾選方塊等等。
發生輸入延遲的主因不外乎瀏覽器的主執行程序太繁忙，因此，優化FID可以從 1.減少JavaScript運作時間、2.降低網站request數、3.降低檔案大小、4.降低第三方程式碼的影響 這幾方面入手。
Cumulative Layout Shift（CLS）
這個指標的版面配置移動是指用戶「不可預期」的移動。舉個例子，假如用戶在網頁中自行點選了可以收合的選單，因而產生的版面移動是用戶可以預期的。但假設用戶在閱讀文本期間，突然在中間彈出其他方塊，對用戶來說就是不可預期的移動，影響到其瀏覽體驗。造成不可預期版面移動的原因通常都是網頁元素載入順序不同導致。
要避免載入後頁面出現不可預期內容移動，可以透過 1. 使用CSS語法為網頁元素預留空位，和 2.使用<preload>將導致頁面內容移動的元素提前載入。
馬上尋找您的網頁優化好幫手！
您想知道您的網頁Core web vitals指標如何嗎？甚或需要相關的搜尋引擎優化服務嗎？我們就能為您提供協助！我們是Google認證的合作夥伴，善用SEO工具監察網頁各項指標，還擁有強力的IT及SEO優化團隊，提供包括Core web vitals在內的全方位搜尋引擎優化服務，提升排名、帶來流量，最終達至轉化目標。歡迎您聯絡我們查詢更多服務詳情！
SDMC為HKTDC認可服務供應商及Google Partner，是一間專業、全面的網上營銷及SEO公司。
透過洞察數碼市場大數據、剖析用戶行為及搜尋引擎資訊，SDMC 為各行各業公司打造 (1)目標為本、(2)度身訂造、(3)可持續最佳化 之網上營銷方案。
聯絡我們 • 查詢專業意見
Comments are closed.