阿囉哈！大家好，我是 applemint 的 Anny！
各位行銷人想必都曾為了改善使用者體驗並提高關鍵字排名而感到頭昏眼花吧？
那我們又該如何改善使用者體驗呢？
首先，必須先知道使用者體驗指標有哪些！
這篇 Blog 將會提到 Google 原有的使用者體驗基本指標，以及近期新提出的 3 大使用者體驗指標，除了告訴各位如何檢測之外，也會告訴大家該如何針對這些指標做改善唷！
想改善使用者體驗的行銷人們，請進去看下去吧！
Contents
提升網站 Google 排名的使用者體驗基本指標
指標一：行動裝置友善
行動裝置友善（Mobile Friendly）為 Google 於 2015 年所推出的指標之一，由於行動裝置以更加普遍，此指標到現在為止都還是影響搜尋排名很重要的因素之一。
除了文字大小須適當、易閱讀之外，觸控元素也須保持適當間隔大小，避免使用者誤觸。
許多作者提到，行動裝置的友善的宗旨就是『不要考驗用戶的耐心』，使用者一旦遇到不便的操作，就很容易對於整體使用者體驗感到不舒服。
為了提供方便的操作，也建議行動裝置網頁可添加搜尋功能，並善用 Call to Action 鈕，提高使用者的直覺，進而改善網頁互動率或是轉換率。
指標二：安全性瀏覽
安全性瀏覽是 Google 利用 AI 機器分析的指標之一。
透過機器的判斷，參訪惡意網頁時，系統會自動跳出窗口顯示此為惡意網頁。
除此之外，使用者也可以擴充一項 Google 外掛程式： Suspicious Site Reporter，更快速地分辨可疑網站並上報給 Google 官方。
參考資料：https://technews.tw/2019/06/22/new-chrome-protections-from-deception/
指標三：HTTPS 安全性憑證
各位！在這個詐騙層出不窮的時代，不使用 HTTPS 的人已經落伍了！
HTTPS 與 HTTP 的差別就在於增加了 SSL，以加密和解密方式確保資料完整性與安全性。
換句話說，HTTPS 的目的是為了保護使用者個資，防止輕易被駭客獲取使用者資料。
Google 已經證實 SEO排名與是否使用 HTTPS 有相關性，雖然使用 HTTPS 不代表排名會直接名列前茅，但的確會正面影響網站排名！
在這個越來越注重個人隱私的時代之下，網站使用者也越來越謹慎小心。
辨別 HTTPS 的網頁很簡單，就是查看網址前是否有個綠色鎖頭就對啦！
以 A 編來說，點選網站時，尤其是電商網站，確實會注意是否為 HTTPS 的網頁喔！
參考資料：https://seo.whoops.com.tw/http-to-https-seo-affect/
指標四：避免侵入式網頁
你曾經被一點開網頁就跳出的廣告干擾嗎？
沒錯， Google 幾年前便開始意識到此種 pop-up 彈跳廣告覆蓋了主要內容，影響了使用者體驗。
這種干擾行為也被視為網頁跳出率高的主因之一，為了杜絕這種行為， Google 也開始明示加暗示地提醒侵入式網頁會降低排名的可能性！
當然，一切都有例外！
Google 曾表示倘若是合理範圍內的彈出窗口，例如使用 cookies 或是法律相關確認的 pop-up，皆不會影響排名。
參考資料：https://seo.whoops.com.tw/google-pop-ups-seo-penalizing/
2020 新增「網站體驗使用核心 3 大指標」
各！位！觀！眾！本篇大重點來了！
針對使用者體驗，Google 新增了 3大網站體驗使用核心指標，也打算將上述的 4 指標與新增的 3 大指標結合，列入新的網站排名因素參考。
如此重要的參考指標，豈能錯過！？
新指標一：LCP 最大內容繪製
載入體驗最重要的其中因素就是速度！
檢測的新指標是 LCP（Largest Contentful Paint），又稱為最大內容繪製。
使用者輸入頁面網址後，會先從主機下載其他靜態資源 (例如圖片、影片、JavaScript 與 CSS)，接著開始轉譯 (render)、繪製 (paint)，最後才會在瀏覽器中呈現出使用者看見的樣貌。而 LCP 就是在計算這個過程的平均時間。
根據 Google 官方表示，為了提供良好的使用體驗，LCP 應在開始載入頁面的 2.5秒內進行最大內容繪製。
既然進一步認識了 LCP，那麼，我們是不是該開始追求載入速度了呢？
不～事情才沒有這麼簡單呢～（泣
在預算有限，且需顧及到使用者介面 UI 的情況下，可能就會影響到 LCP 指標。
例如，有些網站會使用免費字型及工具，因此，無法一昧地追求載入速度。
我們應該在追求載入速度的同時，應該也將使用者介面及預算納入考量，才能更有效地抓準使用者的心。
來來來，針對這件事情，讓我們來看看本公司最強 E 大怎麼說吧！
新指標二：FID 首次輸入延遲時間
除了頁面載入速度會影響使用者體驗之外，使用者與你的網站互動的響應速度也很重要。
FID（First Input Delay），首次輸入延遲時間，是記錄使用者與頁面第一次互動操作所花費的時間。
這段時間，即是瀏覽器收到使用者輸入操作，到響應使用者的輸入操作。
回想一下，你是否有過這樣的經驗：頁面載入後，你馬上看到下一個想點擊的目標，但點擊後卻又等了好幾秒，才又到另一個頁面？在這樣的經驗中，你遇到的問題，有可能是第二個頁面的 LCP 較高，或是第一個頁面的 FID 較高所導致。
如果你的網站是有高互動性的，例如一頁式的 Web App，那麼你會更需要注意這項指標，才不會讓使用者感覺「網頁是不是壞掉了」。
根據 Google 官方表示，為了提供良好的使用體驗，FID 應小於 100 毫秒。
參考資料：https://www.jishuwen.com/d/pRWI/zh-tw
新指標三：CLS 累計版面配置轉移
視覺穩定性的新指標：累計版面配置轉移，又稱 CLS （Cumulative Layout Shift）。
不同於 LCP 與 FID 是以「時間」為評估標準，CLS 指標亦可被視為頁面出現版面配置轉移的比例，是以 0-1 來衡量，用來測量移動的兩個指標的成績（影響分數與距離分數）。
由於當前網站越來越重視「互動」，因此不僅是內容，許多元素 (如：按鈕) 也都是透過動態產生。
然而這種動態產生則可能發生版面配置轉移並造成的使用者體驗悲劇。
例如：使用者希望回到前一步，但卻因為動態產生的文字，使版面轉移，造成最後誤擊「送出訂單」的情況。使用者希望回到前一步，但卻因為動態產生的文字，使版面轉移，造成最後誤擊「送出訂單」的情況。
A 編對於視覺穩定性的重要性很有感！！
我常在瀏覽並準備下滑網頁的時候，不小心點到了其他按鈕進入其他頁面！（氣）
根據 Google 官方所述，網站應該努力讓 CLS 指標小於 0.1，以求最好的使用者體驗，不讓使用者因為在網站產生了預期外的互動，而討厭你的網站。
如何檢測「網站體驗使用核心 3 大指標」？
大家想必對於 2020 新增的 3 大網站體驗使用核心指標已經有進一步的認識了，那麼接下來，我們必須知道檢測指標的方式！
Google 不久前推出了針對新指標 Core Web Vitals 的 Chrome 擴充功能試用版，讓網站管理者以最簡單的方式，收集網站本身的真實網站使用體驗分析資料。
完成下載之後，瀏覽網頁時便會出現以下的指標：
如何改善「網站體驗使用核心 3 大指標」？
各位～以下將針對新指標提出具體改善的方法。
不過，這些技術方法對於 A 編及各位專業行銷人來說也太難理解了吧！？（敲桌
因此 A 編將本段的重點設為：透過以下幾種方法的說明，讓行銷人們在與工程師討論改善指標的過程中，更加有效率且快速！
改善 LCP 最大內容繪製
改善 LCP 的方法有以下幾種：
- 改善伺服器的回應時間 (可以透過選擇距離較近的伺服器，或是透過 Query Monitor 這套外掛檢視並改善內容查詢效能)。
- 減少禁止轉譯的 JavaScript 與 CSS (透過非同步處理，或是重新安排 CSS 的載入方式)。
- 改善字型與圖片的載入效能等。
改善 FID 首次輸入延遲時間
根據 web.dev 的文件，會造成 FID 提高的原因，有很大的因素在於 JavaScript 轉譯的過程，因此改善 FID 的方法有以下幾種：
- 改善 JavaScript 的撰寫方式、將規模較大的工作項目拆分成較小的項目。
- 透過背景工作 (worker) 的作法，將與 DOM 無關的指令透過交由 worker 處理。
要達成這些修正，對於一般的 WordPress 使用者來說難度較高，因為在使用外掛的同時，不同外掛撰寫 JavaScript 的方式不同，也並非全部的外掛都會按照 web.dev 的文件去進行開發。
因此，你也可以透過以下方法改善：
- 透過快取外掛提供的壓縮功能調整。
- 委由快取外掛的開發者協助調校。
改善 CLS 累計版面配置轉移
改善 CLS 的方法有以下幾種：
- 為圖片與影片定義大小的屬性 (attributes)。
這樣在繪製頁面時，瀏覽器才會預留適合的空間。 - 避免在現有的內容中插入新內容。
頁面中插入廣告的網站更需要注意，如果會在頁面載入後才插入廣告，那你必須要先預留相對應的空間，避免版面配置發生變化。
對策
除了持續維持原本應對的方式之外，
由於疫情的關係，Google 也強調網頁管理者們不必太擔心並馬上採取行動，
新指標會在正式啟用前的六個月公告。
在此之前，建議各位先掌握個人網站的真實 core web vital 分析後的資料，
針對分析資料及新指標，重新整理 KPI 目標唷！
從這裡聯絡 applemint！
