Google Search Console 網站使用體驗報告該怎麼看?

讓人們離開網站的5個網站設計錯誤

Google內部研究和業界研究都顯示,使用者偏好可以提供絕佳網頁體驗的網站。近年來,Google 加入了多項新的搜尋結果排名依據,透過網頁的載入速度行動裝置相容性等標準來評估使用者體驗。而Google Search Console的網站使用體驗核心指標報告,更是一套與速度、回應效能和視覺穩定性相關的指標,可協助網站擁有者衡量使用者的網頁體驗。

網站使用體驗核心指標

網站使用體驗核心指標是一組以使用者為中心的實際使用情形況指標,可量化呈現使用者體驗的關鍵面向。這些指標會衡量網站可用性的各個面向,例如載入時間、互動性、載入時的內容穩定性(例如避免畫面元素位移而讓人不小心按到不想要的按鈕,這會造成使用者反感)。

核心網站指標是適用於所有網頁的網站指標,每位網站所有者都應該測量這些指標,並且這些指標會顯示在所有 Google 工具中。每項核心網站指標代表用戶體驗的一個不同方面,能夠進行實際測量,並且反映出以用戶為中心的關鍵結果的真實體驗。

報表中的速度問題會依照電腦行動裝置使用者做為區分。

主要指標

網站使用體驗核心指標-1
主要三大指標
  • LCP(Largest Contentful Paint)
    從使用者要求網址時開始,轉譯可視區域中最大可見內容元素所需的時間。最大元素通常是圖片或影片,也可能是區塊層級大型文字元素。
    最大內容繪制(LCP)指標會根據頁面首次開始加載的時間點來報告可視區域內可見的最大圖像或文本塊完成渲染的相對時間。
  • FID(First Input Delay)
    自使用者首次與網頁互動起算(例如點選連結、輕觸按鈕等),到瀏覽器回應該互動所需的時間。這項測量作業是針對使用者首次點選的互動式元素進行。對於需要使用者主動操作的網頁來說,這個時間點非常重要,因為網頁在此之後才會變為互動式網頁
  • CLS(Cumulative Layout Shift)
    CLS 能針對使用者開啟網頁期間,加總計算每一次非預期版面配置位移(佈局跑版)的評分。這項指標的重要性在於,如果網頁元素在使用者嘗試與網頁互動時移動了位置,畫面載入時的先後順序造成的跑版,會對使用者體驗造成負面影響。

其他重要指標

截圖 2022 08 01 上午2.24.51
其他重要指標
  • FCP(First Contentful Paint)
    FCP 的重要性在於可讓使用者瞭解網址確實在進行載入作業。首次內容繪制(FCP)指標測量頁面從開始加載到頁面全部內容在螢幕上完成渲染的時間
  • INP(Interaction to Next Paint)
    INP 旨在通過測量與頁面進行的所有點擊、點擊和鍵盤互動來表示頁面的整體響應能力。當用戶完成頁面操作時,這些觀察到的最長互動被選為頁面的 INP 值。
  • TTFB(Time to First Byte)
    TTFB 是衡量資源請求與響應的第一個字節開始到達之間的時間的度量。

網站使用體驗核心指標的實測工具 

Chrome 用戶體驗報告為每項網站使用體驗核心指標收集匿名的真實用戶測量數據。這些數據既能使網站所有者快速進行性能評估,而無需在頁面上進行手動檢測分析,也能同時為 PageSpeed Insights 網頁速度測量工具和 Google Search Console 的網站使用體驗核心指標報告等工具提供支持。

若沒有想馬上測試自己的網站使用體驗核心指標,可以使用PageSpeed Insights 網頁速度測量工具,貼上網站網址就會跑出相關數據。相關數據如何查看以下會繼續介紹。

截圖 2022 08 01 上午2.14.34
PageSpeed Insights

查看 Google Search Console 核心指標報表

Google Search Console -> 體驗 -> 網站使用體驗核心指標

截圖 2022 08 01 上午1.58.09
Google Search Console

網站使用體驗核心指標報告會根據狀態、指標類型和網址群組 (由類似網頁組成的群組) 等條件,分組顯示網址效能。

這份報告只會顯示已建立索引的網址,且都是系統記錄資料的實際網址。也就是說,本報告與其他大部分報告不同,不會只將資料歸給網頁的標準網址。

點擊開啟報表,可以進一步查看目前有無頁面需要改善。

截圖 2022 08 01 上午2.45.31
網站使用體驗核心指標報告

詳細資料區會告訴你是哪一個問題需要改善調整,再點擊問題進入下一個區域,會顯示你的網站上的示例網址,告訴你有哪些頁面有類似問題,需要進一步調整。

網站針對問題調整修正過後,可以回來點擊「開始驗證」的按鈕,Google 會在28天內完成驗證,Google 最多需要監控 28 天的使用統計資料,才能確保問題已經修正。

沒有變更網站,但網站的狀態卻改變

businessman man hand hold interface question marks sign web ask quiestion online faq concept what where when how why search information internet scaled 1
Google Search Console 網站使用體驗報告該怎麼看? 8

如果你的網站沒有經過任何調整,網站上許多網頁的狀態卻出現明顯變化,這可能是因為很多網頁的速度狀態本來就在臨界點,加上發生了一些影響整個網站的事件,才導致網頁的速度狀態改變。

舉例來說,如果網站流量突然大幅增加,或是你的圖片檔存放服務有延遲時間異動,這些都可能造成網站速度變慢。即使只對整個網站做出一點小改動,就足以讓許多勉強處於「速度良好」狀態的網頁落入「需要改善」類別,或是從「需要改善」變成「速度低落」。

另一個可能性較低的原因是用戶端出現大規模變化,例如廣泛採用某個瀏覽器版本更新,或是有一群使用者都在使用速度較慢的網路。提醒你,系統是根據實際的使用資料來衡量網頁效能。你可以檢查自己的記錄,看看網站狀態變化的時間點是否恰巧有任何瀏覽器、裝置或位置異動。

可以檢查看看你的網站在這段期間的流量是否出現劇烈起伏,並且仔細研究特定問題,查看受影響網頁的匯總 LCP/FID/CLS 數據。如果這些數據都剛好落在速度低落/需要改善/速度良好的邊界,就可能是因為某種小改動造成網頁狀態改變。

也有可能是 Google 指標進行了修改更新,為了讓使用者獲得更好的網站體驗,Google 也持續地分析網站數據,也讓網站開發者需要跟上 Google 不斷在進步修改的演算法。

但仍然要提醒,以上指標可以做為參考用,網站實際上的體驗及內容紮實還是比較重要的

資料來源:Google網站使用體驗核心指標報告

延伸閱讀:

讓人們離開網站的5個網站設計錯誤

網站設計-0

在瀏覽網站時,第一個重要的無非是網站開啟的速度,這就不列入網站設計錯誤做討論了。網站開啟的速度非常可能影響使用者會等待或是跳出網站,而這個指標不只跟網站內容相關,也跟網站主機、程式檔案有關。排除網站開啟的速度,讓我們一起來看看進入網站後,哪些網站設計可能會讓使用者不想再繼續瀏覽呢?

網站內容與網站標題不貼切

人們瀏覽網站的目的不盡相同,但是主要目的都是想要找到自己有興趣的內容或是需要的資料,若是網站標題與網站內容天壤之別,會讓使用者有被欺騙的感覺,快速關閉網站。這裡的標題與內容,不只是指整個網站,也指您的網站文章、各個頁面。

除了標題與內容貼切,你也可以試著讓標題與內容都圍繞著一兩個關鍵字,有助於搜尋引擎了解您的內容,也讓使用者可以在搜尋結果中看到您的網站,讓他們知道您的網站可以提供這個關鍵字的相關解答。

差勁的導航列表、選單

網站設計-1
清楚明瞭的導航列表、選單

建立網站時很容易出現導航錯誤,導航列表、選單是你的網站的小地圖,讓使用者可以任意進入不同頁面,知道網站大概有什麼內容。網站設計時,一開始也必須先確定網站架構,導航列表及選單就是一開始必須構思的。(建議閱讀:網站規劃怎麼開始?如何規劃網站內容、架構

除了是網站地圖之外,在視覺設計上,網站導覽選單也要讓使用者能夠輕易找到,不論是使用電腦或手機開啟網頁。

很多人會使用置頂的header頁首,在滑動網站頁面時,導航列表會保持在頁面上方,讓你可以輕易跳轉到其他頁面。

糟糕的排版與字型

網站設計-2
優秀的排版及字型設計(圖片來源:freepik

糟糕的排版及字型是網頁設計師犯的最大設計錯誤之一。 如果您不確定使用什麼字型,請嘗試使用Google字型(Google Fonts),他們提供免費字型,您可以在任何網站上使用。

網站字型是給使用者的第一印象,有些人看到網站字型不美觀或難閱讀,就會直接關閉網站了,因此字型在網站設計上也是相對重要的。

不一定要使用多華麗、特殊的字型,簡單、好閱讀更為重要,Google 提供常見的中文思源字體 Noto Sans、Noto Sans Serif,就非常的好用。

沒有行動呼籲

網站設計-3
行動呼籲(CTA)按鈕

另一個讓使用者離開的錯誤是行動呼籲(CTA)太少。 CTA(Call To Action)是網站上鼓勵使用者採取某種行動的元素,它通常是一個按鈕或連結,將使用者帶到網站的另一個部分。

行動呼籲按鈕透過指導使用者下一步需要去的地方,來幫助使用者與您的網站保持互動,讓使用者可以更長時間地停留在您的網站中。

網站內容只有文字、文字太多

如果您將文字作為網站唯一的溝通形式,那麼您可能犯了一個大錯誤。現代人的閱讀習慣已經逐漸改變,在瀏覽網站時通常喜歡閱讀圖文並茂的內容,尤其是長篇的內容,在文字之間插入一些圖片影像或是影片串場,會更吸引人閱讀完通篇內容。

事實上,研究表明,在網站內容中使用一種以上媒體呈現,往往會讓使用者在網站上停留更長時間。 這意味著,如果您在網站設計時不使用影像、資訊圖表、影片或音訊等,可能正在失去潛在的網站流量。

網站設計的眉角很多,需要注意很多細節,能改善以上幾個小錯誤,可以幫助您讓使用者不會開了網站頁面後馬上關閉網站,然而網站本身的內容也是極為重要的,了解您的網站使用的目標及目的,以使用者的角度規劃網站設計,提供實用的內容給使用者,才能使網站的流量日漸成長。

延伸閱讀:

如何使用WooCommerce篩選潛力顧客?

WooCommerce 潛力顧客

隨著行業競爭的升級,電商尤為突出,客戶價值顯得更為重要,WordPress WooCommerce 的會員管理系統,可以讓商店的經營事半功倍。WooCommerce的顧客資料讓電商商家搜集、管理客戶名單更為輕鬆簡單,電商品牌最需要做到的就是擁有一群忠誠的鐵粉,日後有推出新產品、促銷活動,都可以對客戶做再行銷,這能為你的品牌帶來源源不絕的收入。

如何查看顧客資料?

購買完成的顧客,會自動成為網站會員, 可以在 WordPress後台 > Woocommerce > 顧客 中,看到相關資訊。

點擊會員名稱,即可編輯顧客資料。

WooCommerce 顧客 1
顧客資料

這邊可以看到所有客戶的資料。

而在最右側 三個點點icon 可以選擇客戶列表要顯示哪些資訊。

WooCommerce 顧客 2
可以選擇要看到什麼顧客資訊

如何篩選潛力顧客資料?

顯示->進階篩選條件,在最上方可以用篩選器選擇不同條件的客戶名單、搜尋客戶姓名。

WooCommerce 顧客 3
如何使用WooCommerce篩選潛力顧客? 21

點選 Add a Filter,可以選擇要篩選什麼顧客內容。

WooCommerce 顧客 6
篩選Filter

利用訂單數量消費總額等,可以篩選出有再回購的顧客且超過一定消費金額,找出潛力顧客,寄送優惠碼或是回饋碼等等進行再行銷!

WooCommerce 顧客 4
篩選及下載

下載篩選出的顧客資料

WooCommerce有提供顧客資料匯出的功能,方便店家管理客戶資料,點選 雲端圖示下載,會將資料寄到您的使用者信箱。

WooCommerce 顧客 7
在信件中下載.csv檔案

有了試算表檔案可以讓你更方便管理顧客資料、發送電子郵件等等。

WooCommerce 顧客 5
顧客資料檔案

WooCommerce 功能強大,許多功能可以讓你更了解你的電商網站,進一步調整或找出再行銷的方式!

延伸閱讀:

如何清除手機快取 ?手機也需要清除快取 ?

清除手機快取

使用RWD響應式網站設計網頁時,有時候看網站電腦版設計已修改好,但手機版怎麼還是錯誤的呢?你可能需要清除手機瀏覽裝置的快取!清除手機快取可以正式重新載入網頁,讓你看到已修改的網站內容。

還不知道快取是什麼嗎?可以看看這篇文章的詳細介紹:

如果經常使用手機或平板等行動裝置來瀏覽網站、社群軟體及通訊軟體等,每天使用這些App,經年累月就容易產生大量的App快取暫存資料,這些資料包含有檔案、紀錄和圖片,會被存放在行動裝置的其他空間內,在一定時間內只會更新一次,也會造成手機版瀏覽即時的網頁更改看起來沒有作用。

快取和 Cookie 的運作方式,清除手機快取會怎樣?

  • Cookie 是您造訪的網站所建立的檔案,這些檔案透過儲存瀏覽資料,為您提供更便利的線上體驗。
  • 快取會記住網頁的部分內容(例如圖片),讓系統在您下次造訪相同網站時能更快開啟網頁。
  • 刪除快取和Cookie只是清理累積的暫存資料及部分設定,你可能會必須重新登入某些網頁,系統也必須重新載入網頁圖片等內容,因此部分網站的載入速度可能會變慢。
  • 清除快取不會對網站造成任何負面的影響,也不會有頁面因此消失,也不會清了快取網頁就跑版,可以放心地清除快取。

如何刪除行動裝置網頁瀏覽器的快取?

iOS系統 Safari瀏覽器

刪除瀏覽記錄、快取與 Cookie

3
清除手機快取 // 設定–>Safari
  • 若要清除瀏覽記錄和 Cookie,請前往「設定」>「Safari」,然後點一下「清除瀏覽記錄和網站資料」。清除 Safari 的瀏覽記錄、Cookie 和瀏覽資料,不會更改「自動填寫」的資訊。
  • 若要清除 Cookie 但保留瀏覽記錄,請前往「設定」>「Safari」>「進階」>「網站資料」,然後點一下「移除所有的網站資料」。

iOS 與 Android系統 Chrome瀏覽器

  • 開啟 Chrome 應用程式。
  • 輕觸上方或底部吧「更多」圖示 更多
  • 依序輕觸 [歷史紀錄] 接下來 [清除瀏覽資料]。
  • 勾選 [Cookie 和網站資料] 與 [快取圖片和檔案] 旁的方塊。
  • 輕觸 [清除資料]。
1
清除手機快取 // Chrome
2
清除手機快取 // Chrome

資料來源: