跳至主要內容
前往資訊主頁
不確定該從何處開始嗎?參加簡短測驗,即可獲得個人化建議。
課程第 3 堂 共 5 堂
運用網站體驗核心指標,持續吸引訪客參與
持續吸引訪客
讓訪客與 YouTube 上的影片互動 (11:14)
利用循環,持續吸引訪客參與 (4:59)
透過網頁影片維持訪客參與度 (9:52)
運用 Flutter 建構新聞應用程式 (7:18)
課程
0% 已完成
5 分鐘 以完成

運用網站體驗核心指標,持續吸引訪客參與

webdev

在新聞網站上打造高品質使用者體驗

webdev

什麼是網站體驗核心指標?

GNI_Data_Presentation (1)

網站體驗指標是 Google 推動的計畫,旨在提供基本概念統整指南,說明網站如何提供優質的使用者體驗。

網站體驗核心指標是網站體驗指標的三項指標。研究顯示,網站成效達到網站體驗核心指標的要求時,使用者離開頁面的可能性會降低 24%

網站體驗核心指標著重以下三個項目:

  • 載入時間
  • 互動性
  • 視覺化內容的穩定性
GNI_Data_Presentation (1)

開始評估網站體驗核心指標

GNI_Data_Analytics

想要改善網站體驗核心指標,第一步就是收集資料。

  • PageSpeed Insights 會評估及回報網頁在行動裝置和電腦裝置上提供的使用者體驗,並顯示網頁改善建議

  • Search Console 會根據目標對象使用貴網站的方式,評估及回報網頁的網站體驗核心指標

  • 網站體驗指標 Chrome 擴充功能會即時評估及回報任何網頁的網站體驗核心指標成效,這對開發人員來說非常實用

💡 最佳做法:與開發人員分享這些工具提供的建議。

GNI_Data_Analytics

載入時間

GNI_Audience_engagement_Blank

載入速度快,會讓目標對象覺得網頁很實用。

  • 如果載入時間超過 3 秒,50% 的使用者會離開網站
  • 47% 的使用者會希望網頁在 2 秒內載入
  • 52% 的使用者表示,載入時間會影響他們對品牌的忠誠度

最大內容繪製 (LCP) 會評估載入時間,也就是顯示最大圖片或文字區塊所需的時間。

如要達到網站體驗核心指標的要求,應在 2.5 秒內載入 75% 的網頁。

💡 最佳做法

  • 啟用延遲載入功能
  • 使用影片代替大型 GIF 圖片
  • 移除用不到的程式碼
GNI_Audience_engagement_Blank

互動性

screenshot-2023-02-23-at-54241-pm

載入時間會評估網站顯示內容的速度,互動性則會評估目標對象點選報導或執行其他操作時網站的回應速度。

互動性會根據首次輸入延遲時間 (FID),計算從使用者點選連結或按鈕開始,到網站開始處理操作所花費的時間。

如要達到網站體驗核心指標的要求,75% 的網頁應在 0.1 秒內開始處理點選動作。

💡 最佳做法

  • 啟用延遲載入功能,將程式碼分割成較小的工作
  • 優先載入網頁需要的程式碼
  • 減少會擷取資料的程式碼
screenshot-2023-02-23-at-54241-pm

視覺化內容的穩定性

blue-data-screen

你曾遇過這種情況嗎?點選一篇報導,但句子還沒看完,內容就位移,導致閱讀中斷。

多數時候,這種情況頂多令人不悅,但有時可能會造成實質損失。

視覺化內容的穩定性評估標準為累計版面配置位移 (CLS),即一次發生內容位移的最大值。

如要達到網站體驗核心指標的要求,75% 的網頁分數應等於或小於 0.1

💡 最佳做法

  • 設定圖片和影片的顯示比例或尺寸
  • 依照先前投放的廣告選擇最適廣告大小

避免在網頁最頂端顯示廣告

blue-data-screen
您會如何評價本課程?
您的意見回饋可協助持續改善課程!
回答此問題,完成課程。
網站體驗核心指標著重什麼?
提交
checklist (8)
測驗完成
恭喜!您已完成 Keep visitors engaged with Core Web Vitals
複習課程並再試一次
in progress
Recommended for you
Leave and lose progress?
By leaving this page you will lose all progress on your current lesson. Are you sure you want to continue and lose your progress?