架設網站 完成後,最重要的就是持續 優化網站 SEO,讓網站獲得曝光流量。
想要在 Google 搜尋結果中獲得好排名,那建議你要確保網站的效能有達到 Google Core Web Vitals 核心指標的理想範圍。
這篇文章將會詳細和你介紹 Core Web Vitals 是什麼?它如何影響網站 SEO?並教你檢查自己網站的核心指標分數,以及告訴你幾個優化技巧。
那準備好就開始吧:)
Core Web Vitals 是什麼?
Core Web Vitals 是 Google 一組衡量實際使用者體驗的指標,主要關注網站的速度、互動性以及視覺穩定性。
Core Web Vitals 網站核心指標主要有三大項,分別為載入效能(LCP)、互動性(INP)和穩定性(CLS),Google 搜尋引擎會衡量這些指標,進行搜尋結果排序。
若網站的 LCP、INP、CLS 都有符合網站核心指標,就有機會在搜尋結果頁中,獲得比較前面的名次。
所以在優化網站 SEO 時,建議要確認網站在這三個方面,都提供了良好的使用體驗,Google 才有機會給你更好的搜尋排名!
LCP 是什麼?
Core Web Vitals LCP,中文「 最大內容繪製 」,主要用於評估載入效能,也就是網頁主要內容的載入速度。
LCP 會回報可視區域中,最大圖片或文字區塊的轉譯時間(相對於使用者首次造訪網頁的時間)。
舉個例子,當你打開一個網站時,網站的標題文字&主圖片在短時間內完成載入,那使用起來就會感覺很好,因為可以快速獲得資訊。
反之,如果網站需要花好幾秒才出現內容,多數的用戶都會開始感到不耐煩,而降低使用體驗。更多 速度優化外掛、圖片優化技巧。
有許多因素會影響瀏覽器載入及轉譯網頁的速度,只要任何因素發生延遲,就會對 LCP 造成重大影響!
為提供良好的使用者體驗,網站應將 LCP 指標分數控制在 2.5 秒以內,這樣才能讓訪客覺得網站速度夠快,使用體驗更好。
INP 是什麼?
Core Web Vitals INP,中文為「 與下一個顯示內容的互動 」,用於評估網頁的回應速度,它會記錄用戶與網頁互動時,網頁的反應速度,紀錄所有延遲。
比方說,當你點擊一個網站的「 送出表單 」按鈕,假如網站沒有馬上回應,過了好幾秒才跳出成功訊息,這就會讓用戶覺得使用上不太順暢,影響使用體驗。
INP 觀察的互動類型包含「 以滑鼠點擊網頁 」、「 輕觸有觸控螢幕的裝置 」、「 在實體鍵盤或螢幕小鍵盤上按下按鍵 」等..。
小備註:滑鼠懸停、縮放或捲動等.. 網頁互動不會紀錄於 INP 指標中。
理想的 INP 分數應該低於 200 毫秒,低於這個分數通常代表網站的回應足夠迅速,可以提供良好的使用體驗。
如果超過 500 毫秒,表示網站回應速度很慢,這可能導致用戶重複點擊,甚至會離開網站。
所以提醒站長們務必要確保網站 INP 分數不要超過 500 毫秒,並壓在 200 毫秒內,對網站是最好的唷!
CLS 是什麼?
Core Web Vitals CLS,中文「 累計版面配置轉移 」,是一項以使用者為中心的重要指標,可用來評估網站視覺穩定性。
CLS 可以量化用戶遇到版面配置未預期變更的頻率。非預期的版面配置轉移可能會影響使用者體驗。
假設你正在閱讀一篇文章,頁面上的圖片或廣告突然載入,導致文字跳動移位,讓你找不到閱讀到哪裡,或是不小心點到了錯誤的連結按鈕,就會讓整個使用體驗變得很差。
為了提供良好的使用者體驗,網站 CLS 指標盡量要低於 0.1,最多不超過 0.25,這樣在 Google 搜尋頁上,也才有機會獲得比較前面的排名。
Core Web Vitals 重要嗎?
Core Web Vitals 核心指標是經營網站必看的重要指標!它對網站 SEO 的影響極大,Google 會用核心指標來評估網站的使用者體驗,進而決定網站排名。
Core Web Vitals 指標反映了用戶在瀏覽網站時的感受。
如果網站在 LCP、INP、CLS 這三方面表現不好,就會讓用戶覺得網站載入太慢、不靈敏、無法順暢瀏覽,最終可能選擇離開網站,讓網站跳出率上升。
如果網站無法提供良好的使用者體驗,那排名當然會下降。因此,優化 Core Web Vitals 分數,才有機會提升網站的曝光,為你的品牌帶來更多的流量。
Core Web Vitals 對 SEO 的影響
網站核心指標主要反映了用戶造訪網站的使用體驗,這也是 Google 用來進行排名的根據,因此對 SEO 的影響滿大的。
Google 在 2021 年開始將 Core Web Vitals 列為排名的重要指標之一,這表示網站性能的表現將直接影響到搜尋結果頁的排名,進而影響自然流量。
若網站核心指標表現良好時,用戶體驗會更順暢、停留時間更長,跳出率也比較低,這都有助提升 SEO 表現。反之,指標分數不優的網站,不僅會降低用戶滿意度,還有可能導致排名下降。
Core Web Vitals 對 SEO 的影響:
- 使用者體驗:優化網站核心指標,可提升使用者體驗,有助 SEO。
- 網站搜尋排名:好的指標分數有助提升網站排名,獲得自然流量。
- 網站跳出率:改善網站核心指標,可減少用戶因網站載入緩慢等問題,而離開網站。
- 網站轉換率:優秀的指標分數,代表用戶能更順暢的與網站互動,更容易購買、訂閱等..。
如何查看網站核心指標分數?
這個章節,將會教大家如何確認自己的網站核心指標分數,確保網站效能都有達到 Core Web Vitals 標準。
可利用免費的 PageSpeed Insights 工具,這是 Google 官方推出的網頁速度測評工具,可針對手機&桌面版網頁進行測試,並提供網頁優化建議。
簡單兩步驟就能查看網站核心指標,來看看怎麼做吧!
第一步:前往 PageSpeed Insights
首先,前往 PageSpeed Insights 網站,接著將你要檢測的網站網址貼上,點選按鈕就可以進行分析了。
第二步:分別確認行動裝置、電腦的核心指標評估
不用一分鐘的時間,PageSpeed Insights 就能檢測出網站 LCP、INP、CLS 各自的分數,評估是否通過標準。
記得要分別確認行動裝置、電腦版,兩者的核心指標分數會不一樣,建議都要通過核心指標評估,對網站才是最好的唷!
如何優化 Core Web Vitals
掌握網站核心指標分數後,我們就可以來看看該如何優化,讓網站效能、使用體驗更好。
PageSpeed Insights 的好處就是,除了能評估網站核心指標分數,同時也會告訴你哪裡出了問題,該怎麼優化。
你可以分別查看 FCP、CLS 等..重要指標的診斷問題,並實際告訴你在網站哪個位置發生這個問題,還會列出實際的優化方法,協助你改善。
除了使用 PageSpeed Insights 查看優化方法,犬哥這邊也特別整理了幾個優化 Core Web Vitals INP、LCP、CLS 的方法,希望能幫助你更有方向:)
優化 LCP 方法:
優化 INP 方法:
優化 CLS 方法:
- 妥善運用動畫&轉場效果更新網頁內容,可避免用戶對網頁內容轉換感到意外。
- 設定圖片 width 和 height 屬性。
- 為後期載入內容預留空間,避免佈局變化導致內容移動。
- 避免在沒有使用者互動的情況下插入新內容。
好啦!以上就是今天的分享,希望有幫助到你囉:)
常見問題
什麼是 Core Web Vitals?
Core Web Vitals 是 Google 一組衡量實際使用者體驗的指標,用來關注網站的速度、互動性以及視覺穩定性。
主要有三大項,分別為載入效能(LCP)、互動性(INP)和穩定性(CLS),Google 搜尋引擎會衡量這些指標,進行搜尋結果排序。
要怎麼確認網站核心指標符合標準?
可利用 Google 官方免費的 PageSpeed Insights 網頁速度測評工具,針對手機&桌面版網頁進行核心指標評斷,並提供網頁優化建議。
如何優化我的網站核心指標?
除了利用 PageSpeed Insights 查看優化方法,本篇文章也有整理了幾個優化 Core Web Vitals INP、LCP、CLS 的方法,可參考內文解說唷:)
WordPress 學習資源
學習網站架設+網路行銷的過程中,或許會遇到一些解決不了問題,可以在下方留言給我,我會盡力協助解答!
接下來,額外分享 2 項實用資源,可有效幫助大家做學習。
資源一:犬哥數位(專業 WordPress 網頁設計公司)
如果你沒時間自己架站、或是遇到解決不了的網站問題。歡迎洽詢 犬哥數位(WordPress 網頁設計公司),請專家製作會更有效率!
我們有多年網頁設計經驗,加上上百個實戰高質感作品,絕對能滿足您的需求!
資源二:WordPress+SEO 超強線上課程
這門 WordPress 高手架站課 濃縮了犬哥多年在網頁設計的實戰經驗,從網頁設計觀念、WordPress / WooCommerce 後台操作、熱門主題.外掛教學、品牌網站 / 部落格 / 電商網站,3 大類型網站建置方法等 .. 豐富內容,一次教會你。
課程內容非常的紮實(長度超過 20 小時)。如果你剛學習自架網站,這門課程可以讓你用最快的速度,就學會這項技能!
網站建立完畢後,但卻沒有流量怎麼辦?或是只能靠花錢投廣告才會有訂單?
這門 SEO 排名飆升課,教你掌握關鍵字策略、SEO 文章撰寫、多種實戰 SEO 技巧、透視對手 SEO 策略、SEO 必備軟體教學、最新 AI SEO 應用等 ..,大幅提升行銷能力。
帶你衝上 Google 排名第一頁,大量提升網站營收和訂單!