Google 是如何檢查 SEO 網站頁面體驗/網頁體驗

網站頁面體驗

(本文章翻譯自:Google On How to Check Page Experience Factors

在一個影片中,Google 提供了有關如何檢查你的網站是否滿足所有 Core Web Vitals 網站頁面體驗因素的建議。該影片是YouTube 上Google頁面體驗入門系列的新一期。

Google 解釋說,它將頁面體驗排名因素分為兩類:核心網站要素其他所有因素

%E6%88%AA%E5%9C%96 2022 08 01 %E4%B8%8A%E5%8D%882.14.34
網站體驗核心指標

該影片專注於其他因素,具體來說,它教 SEO 如何檢查:

  • 行動裝置友好
  • HTTPS 使用
  • 沒有侵入性的插頁式廣告

Google 認為這些對於為用戶提供卓越的體驗至關重要,下面介紹如何確認和追蹤您的網頁在這些因素中的表現。

影響網站頁面體驗因素

HTTPS

shutterstock 315184076 1
SSL憑證:鎖頭圖示與https

你的網站網址是https開頭嗎?擁有SSL憑證的網站會有較好的用戶體驗,至今已經是網站的基本標配了。

此外,值得確認 rel=”canonical” 設置為您域的 HTTPS 版本。最後,確保所有非 HTTPS 流量都重定向到 HTTPS 版本的 URL。

行動裝置友好

Responsive Web Design for Desktop Notebook Tablet and Mobile Phone
RWD響應式網頁設計

行動裝置友好性是指在行動設備上導致不良用戶體驗的特定問題列表

如果您的網站採用現代響應式網頁設計(RWD網站,那麼它很可能符合行動裝置友好的所有標準。

簡而言之,Google 會檢查以確保文本不會太小而無法閱讀連結不會太小而無法點擊,並且沒有任何重大跡象表明網站未針對行動設備進行優化。

Google 建議進行一些調整,以幫助確保網站與行動設備更兼容:

  • 當人們打開你的網站時,確保內容被縮放到正確的大小。
  • 為可點擊元素設置最小高度和寬度。

這些可能需要開發人員協助優化可以防止用戶體驗不佳並在整個網站中創建更流暢的導航體驗。行動裝置友好的其他部分可能需要更多工作,例如刪除過時的外掛(如 Flash)。

你可以使用行動裝置相容性測試檢查特定網址是否符合 Google 的標準,並且你可以使用 Google Search Console 檢查你的整個網站。

沒有侵入性的插頁式廣告

這個因素也可以稱為沒有煩人的彈出視窗。目前沒有用於檢查這一點的自動化工具,但如果你的網站使用自動彈出視窗,你可能已經意識到這一點。

一般來說,Google 建議避免用與其無關的​​內容覆蓋整個頁面。不應要求用戶在與頁面互動之前關閉插頁式廣告,頁面上的廣告不應干擾用戶使用網站

請務必注意,這些要求不適用於用於以下用途的插頁式廣告:

  • 法律原因(例如年齡驗證)
  • Cookies
  • 用戶登入
  • 訂閱付費專區

Googlebot 認為這些類型的合法用例很好。

資料參考:瞭解 Google 搜尋結果中的網頁體驗

延伸閱讀:

Google 搜尋結果跟網站的文章標題不一樣怎麼辦?

文章標題

會有不同的標題是因為你更新網站之後, Google 的爬蟲還沒來訪的關係。全世界的網站數量太多了,即使 Google 透過爬蟲來更新網站資訊,但並不能即時更新所有的網站,這也導致了你的文章在 Google 搜尋結果,有可能會是舊的標題。

而 Google 會優先爬蟲權重較高、流量較高的網站,例如 Facebook 或 新聞網站等等,所以若不屬於權重較高的網站,爬蟲可能久久來一次,因此修改文章標題之後,搜尋結果可能還是舊的標題。這個時候我們可以主動請爬蟲來訪,以下會有詳細教學:

什麼是爬蟲?

上面提到了 Google 的爬蟲,這邊簡單說明一下,網路爬蟲(Web Crawler),是一種用來自動瀏覽全球資訊網的網路機器人。其目的一般為編纂網路索引

網路搜尋引擎等站點透過爬蟲軟體更新自身的網站內容或其對其他網站的索引。網路爬蟲可以將自己所存取的頁面儲存下來(例如 Google 的頁庫存檔),以便搜尋引擎事後生成索引供使用者搜尋。

最典型的例子就是使用 Python 這個程式語言,Python 可以假裝是網頁瀏覽器,去把伺服器的資料抓下來,而這種行為就是爬蟲的一種。

Google 標題產生演算法更新,可能會改寫你的文章標題?

本次更新後,在 Google 搜尋結果中顯示的標題將會依更新後的演算法有所變動。儘管  <title> 標記仍具有重要的參考價值,但 Google 將會更加看重<h1><h2><h3>標記、內文標記、內容相關性、外部連結指向該網頁的連結文字等等多重因素,並由演算法產生合適的標題。

Google 在公告中提到,之所以提高考量其他因素的比重、而不僅僅只參酌  <title> 標記,其原因有三:(也請避免以下問題)

  •  <title> 標記經常太長。例如,許多網站出於 SEO 排名考量,可能將多個有關的關鍵字都放在 title,形成冗長的標題,無法在搜尋結果中完整顯示
  •  <title> 標記中,常有亂塞關鍵字、濫填關鍵字的現象。也就是在標題中無意義地重複堆疊大量關鍵字,企圖讓搜尋引擎以為該網頁相關度很高、進而提高排名。且這種在標題中濫填關鍵字的情形可能會讓 Google 和其他使用者認為這筆結果不可靠。
  •  <title>標記中使用重複或公式化的文字。務必為網站上各個網頁的 <title> 元素撰寫獨特且具有描述性的文字。例如,如果將商務網站上每一頁的標題都稱為「便宜商品大拍賣」,使用者就很難區分各網頁間有什麼不同。我們也不建議在 <title> 元素中使用內容大同小異的冗長文字,這會讓標題過於「公式化」,例如將所有網頁的 <title> 元素文字都設為「<樂團名稱> – 查看影片、歌詞、海報、專輯、評論和演唱會資訊」,就會導致標題中包含許多不具說明效果的文字

基於上述理由,Google 才推出了全新的標題產生機制,希望讓使用者在查找資料時,確實能夠從標題就先初步了解網頁中究竟有哪些內容,達成更佳的搜尋體驗

如果 Google 偵測到特定結果在標題方面出現上述問題,就會嘗試藉由錨定標記、網頁文字或其他來源內容產生比較理想的標題。但是有時候,即使網頁標題格式正確、簡短且明確描述內容主題,Google 仍會在搜尋結果中顯示其他標題,以突顯該網頁與查詢的關聯性。原因很簡單:網站擁有者將標題標記限定為靜態形式,無法因應查詢變動。

而 Google 在瞭解使用者的查詢後,經常能在網頁標題以外,找到更能點出搜尋結果關聯性的文字,改用這些替代文字做為標題,不僅能幫忙使用者找到想找的內容,對你的網站也有助益。這是因為,使用者會在搜尋結果中,尋找自己的查詢字詞或其他相關文字,這時依據查詢而調整的標題就能提高使用者點閱網頁的機會

如何解決標題不一樣的問題?

Google 的 Google Search Console 中,有提供了一個叫做「要求建立索引」的功能,這個功能就是叫 Google 的爬蟲來訪你的網站,可以要求爬蟲在最短的時間內來訪,更新你的網站在搜尋時的顯示結果。

頁庫存檔
Google搜尋結果
頁庫存檔-1
頁庫存檔

我們可以在 Google 搜尋你的文章標題,找到你的文章,點選網址最右邊的倒三角形「頁庫存檔」,這是 Google 上一次爬蟲時對你的網頁做的快照,點進去之後會有爬蟲來訪這個頁面的時間,例如這邊是:2021年9月21日 13:22:55 GMT,台灣的時區是 GMT +8,所以換算成台灣的時間要 + 8 小時,確切時間來訪的時間是台灣時間 2021年9月21日 21:22:55

若你發現你已經修改的文章標題還沒有變動,這時候就可以到你的網站的 Google Search Console

google search console-1
要求建立索引

搜尋該頁面網址,並要求建立索引。我們是使用剛剛搜尋的頁面網址:https://rab.tw/great-compilation-of-useful-paid-gallery/

google search console-2
測試網址能否編入索引

會跑一下,大概一兩分鐘。

google search console-3
已要求建立索引

跑好之後代表已經向 Google 要求建立索引,也告知你不要一直提交建立索引同一個頁面,並不會讓爬蟲先來你的網站。

通常要求建立索引後半天,爬蟲就會來訪你的網站,修改的文章標題就會更新了!

搜尋的時候,可以使用無痕視窗、或是清除快取之後,會比較準確。

資料來源:在搜尋結果中顯示合適的標題和網頁摘要管理搜尋結果中的標題連結

延伸閱讀:

WordPress使用者角色權限介紹

WordPress使用者角色權限介紹

製作好網站後,會需要其他人協助編輯更新網站內容,這時候WordPress的使用者角色就是您的好幫手!可以幫助您分配用戶角色給不同職位的人員,擁有不同的權限,避免用戶亂修改、編輯和新功能或外掛等等。

網站所有者可以透過為每個用戶分配特定角色來管理用戶對諸如撰寫和編輯文章、創建新的頁面、創建分類、審核評論留言、管理外掛、管理主題和管理其他用戶等任務的訪問權限。以下是單站點的使用者介紹。

WordPress預設的使用者角色

WordPress使用者
新增使用者

訂閱者(SUBSCRIBER)

訂閱者僅被賦予最少的角色權限,只有閱讀權限,可以修改自己的個人資料,例如暱稱、聯絡資訊、密碼等。還能登入後台查看網站活動列表、迴響留言列表、WordPress 新聞列表,一些外掛功能的啟用狀態等等。

投稿者/寫手(CONTRIBUTOR)

具有訂閱者的所有權限。可以發表文章,但無法上傳媒體檔案(例如:Jpeg 影像),且文章需要經過更高權限的角色審核後才能在網站上顯示出來;對待審中的文章可以編輯,但對已通過審核的文章不能編輯。可以在控制台中查看文章概況、查看全部文章與迴響(但無法編修或刪除)、可設定部分外掛及工具。

作者(AUTHOR)

具有投稿者的所有權限。擁有發佈文章所需要的所有權限,並且可以編輯已通過審核的文章與刪除文章(僅限自己發表的文章),還可以上傳文件和使用媒體庫。

編輯(EDITOR)

比管理員小一階的編輯角色,主要的權限還是在內容本身。具有作者的所有權限。可以對文章標籤、分類進行管理,可以針對網站所有文章、媒體檔案以及迴響進行新增、編輯以及刪除的動作,可以添加或編輯頁面,可以管理友情連接、可以上傳文件等等。編輯擁有除系統功能設置外的所有權限。

至於編輯在系統設定以及外掛部分,其實與作者、投稿者等角色沒有太大差異。

網站管理員(ADMINISTER)

擁有管理網站的全部權限,管理員可以建立其他管理員、邀請新使用者、移除使用者和變更使用者角色,並對核心、文章、頁面、上傳的檔案(媒體庫)、留言、設定、外掛、佈景主題、匯入、匯出和其他使用者擁有完整控制權。另外,管理員還可以刪除管理員!所以這個權限的角色務必要保護好!

在RAB製作好網站後,我們便會賦予您網站管理員的角色,讓您自由控制及操作網站。

除了上述的預設使用者角色外,也會因為不同外掛而產生新的角色,例如WooCommerce外掛。

外掛WooCommerce的新角色

顧客(CUSTOMER)

WooCommerce 預設會將註冊的使用者角色設為顧客,有點像訂閱者的角色,但不會進入到網站的後台,可以查看訂單、修改個人資料。

商店經理(SHOP MANAGER)

商店經理可以讓某人管理商店,而無需讓他們成為管理員。他們擁有顧客擁有的所有權利,並被授予以下主要能力:

  • manage_woocommerce:讓商店經理可以選擇管理 WooCommerce 中的所有設置,以及創建、編輯產品。
  • view_woocommerce_reports:允許他們訪問所有 WooCommerce 報告。

若您的網站需要進一步新增角色或控制權限,可以諮詢我們,幫您評估唷!

資料來源:Roles and Capabilities

延伸閱讀: