WEB.DEV - Google SEO 工具,分析網站各項數據並教你如何優化網站

8 分鐘讀完

前陣子 Google 將 PageSpeed Insight 與 Lighthouse 引擎結合,PageSpeed Insight 迎來了新改版

延伸閱讀:

而最近 Google 在 2018.11.14 又更新了一項 SEO 審查工具WEB.DEV」,這項線上工具能夠幫助開發人員與網頁設計師建構更現代化的網站。

如今 App 的裝載量已經大大下降,因此現在的主流從以往的 RWD 網站,漸漸朝向了 PWA(Progressive Web Apps)漸進式網路應用建構,因此「WEB.DEV」就能夠有效幫助你在製作網站過程中,審查你的網站在各項數據上的表現,並提供你修改的建議。

WEB DEV 分析結果
WEB DEV 分析結果

透過 web.dev 可以針對你的網站進行審核,根據各項網站性能、無障礙、最佳實踐、可訪問性、SEO...等等給予一個評分。

如果你先前使用過改版過的 PageSpeed Insights 工具,你會發現有一些功能是重疊的。

Web.dev 工具提供了 SEO 分數的檢測,測量的結果會告訴你網站從 0 至 100 分當中在 SEO 標準當中獲得多少分數。

什麼是 SEO?

你希望這項 SEO 分數代表的意思,取決於你要如何定義 SEO。

Moz 用「流量」定義 SEO

“ 什麼是SEO?
搜尋引擎優化(SEO)指的是透過自然搜尋結果,來提升網站流量的方法。“

維基百科用「能見度」定義 SEO

“搜尋引擎優化(SEO)是影響網站網站在搜尋結果(SERP)當中排名的過程過程,通常可以稱為「有機」、「自然」的優化。

Search Engine Journal 用「優化網站的過程」定義 SEO

“SEO 指的是優化網站的過程,最終它將出現在搜尋結果最顯眼的位置。成功的搜尋引擎優化會讓網站同時吸引使用者與搜尋引擎。“

Whoops SEO 用「提升網站排名」定義 SEO

”SEO 優化包含了許多面向,從網站架構、網站內容到推廣,最終的目的都是為了讓網站在想要的關鍵字當中出現在搜尋結果第一名。“

  1. Moz 對 SEO 的定義著重於「流量」。
  2. 維基百科維基百科對 SEO 的定義著重於「搜尋引擎排名」。
  3. Search Engine Journal 對 SEO 的定義著重於「排名與吸引使用者」。
  4. Whoops SEO 對 SEO 的定義著重於「提升網站在目標關鍵字的排名」。

Google 如何定義 SEO?

Google 搜尋引擎最佳化入門指南當中將 SEO 定義為:

“搜尋引擎優化是”為了幫助搜尋引擎更理解網站的內容與呈現更好的結果給搜尋者。“

這裡所提到的“理解網站內容”不僅僅包含了網站的邏輯與編排方式,同時還包含整個網站當中所包含的圖片、影片、音訊、結構化數據...等等,所有能夠幫助搜尋引擎了解頁面的內容都算在其中

因此 WEB.DEV 網站會根據網站抓取網站的難易度、內容能被搜尋引擎理解的難易度方面,來定義搜尋引擎優化。

Google Web.Dev 如何定義 SEO:

“讓你的內容能夠更輕易的顯示出來是非常重要的,這是讓你的使用者了解你的網站內容的最佳方式。

透過搜尋引擎,由於他夠聰明,因此它可以自動查閱你的網站與試圖了解你的網站內容。

透過各種方式來提高網站在相關搜尋的能見度的過程稱為搜尋引擎優化,成功的優化結果能夠吸引更多訪客進入你的網站。

審核你的網站並檢查「在搜尋引擎的眼中,你的網站是如何呈現的」,能夠幫助你更了解搜尋引擎如何看待你的網站,讓你能夠根據結果進行優化與改善。“

學習建構更快速安全的網站

該工具的主旨在教你如何審核網站並改善你的網站,因此你可以在這裡學習到 Google 提出的學習標準指南,能夠學習到如何建構一個快速加載、安全可靠的網站。

以下是 WEB.DEV 提供的一些審查標準:

  • 效能:檢視第一次進入網站時畫面的繪製時間與交互時間。
  • PWA:根據 Progressive Web App 來評估你的頁面是否符合 PWA 標準。
  • 最佳實踐:查看整個網站的表現,從 HTTPS 到圖片的長寬比例都在其中。
  • 輔助功能:檢查常見使用者訪問網站內容時常見的問題。

分析你的 SEO 分數

透過這項工具,你可以有效的得到 Google 給予你的網站在 SEO 方面的分數,你可以查看完整的報告,也能將這份報告下載下來,提供你的網站管理員進行改善。

以下是 Whoops SEO 在 WEB.DEV 的完整分析報告,可以看到它也是基於 Lighthouse 引擎進行的審查結果:

WEB.DEV - Google SEO 工具,分析網站各項數據並教你如何優化網站 1
WEB.DEV - Google SEO 工具,分析網站各項數據並教你如何優化網站 2
WEB.DEV - Google SEO 工具,分析網站各項數據並教你如何優化網站 3
WEB.DEV - Google SEO 工具,分析網站各項數據並教你如何優化網站 4

為了客觀分析這項工具,我們也一並分析了 Facebook、Google、Instagram 這三個網站的分析結果:

Facebook 分析結果
Facebook 分析結果
Google 分析結果
Google 分析結果
Instagram 分析結果
Instagram 分析結果

使用 WEB.DEV 之後網站排名會變好嗎?

簡單來說,我並不這麼認為。

從上面的數據分析來看,Facebook、Google、Instagram 等網站並沒有在每項分數都達到 100,儘管 Google 所提出來的各項標準是希望網站開發人員建構更好更快速的網站,並帶來更好的使用者體驗。

因此,不要糾結於分數的高低,你應該在意的最終仍然是使用者的感受。

我的感想

Google 所提出的各項 SEO 工具旨在幫助全世界網站能夠了解它們的問題,而藉由這些工具我們才知道一個標準,也才能夠著手進行改善。

但最終,這些工具的目的都是為了提升「使用者體驗」。

因此,千萬不要過度地將這些工具神話,或是將你的網站改成 4 不像,只為了在各項數據當中得到高分,這樣是本末導致的。

你可以藉由這些工具來「客觀分析」你網站所存在的問題,最終你仍然要以使用者感受為你的目的,利用好的內容、美觀的網站、快速的響應...等等,藉此讓更多人喜歡你的網站、分享你的網站,這才是讓你的網站能夠獲得更好的排名的主要原因。

WEB.DEV 網站網址:https://web.dev/

你試用過 WEB.DEV 分析網站了嗎?不妨在下方留言,分享一下你的網站分析結果和你覺得這些分數的影響吧!

延伸閱讀:

發佈留言

目錄
Share to...