主頁> SEO >教學 / 用 Google Lighthouse 審核 SEO 表現!網速、爬蟲狀況一目了然

教學 / 用 Google Lighthouse 審核 SEO 表現!網速、爬蟲狀況一目了然

留言
分享文章:

網絡上有不少助網站 SEO(搜尋引擎優化)的工具,但大家又知不知道其實大家常用的瀏覽器 Chrome 亦內置了 SEO 工具?今年二月,Google Chrome 的擴充功能「Lighthouse」便加入了 SEO 功能,而在八月該外掛亦可在 Chrome 的開發人員工具中使用。

甚度是 Lighthouse?

Lighthouse 本身是 Google 一款審核 Web App 表現的工具,可透過 Chrome 擴充功能或開發人員工具使用。

在 2018 年二月,Lighthouse 功能加入了 SEO 審核功能;而同年八月,開發人員工具的 Lighthouse 亦加入相同功能。

Google Chrome 「Lighthouse」擴充功能

如何使用 Lighthouse 審核網站的 SEO 成效?

第一步、由於 Chrome 的開發人員工具已內置 Lighthouse,故我們毋須額外安裝擴充功能。在需要審核的網頁分頁中,到選單的「更多工具」->開發人員工具,或按快捷鍵 Ctrl+Shift+I 開啟。

在 Google Chrome 開啟開發人員工具的步驟

第二步、在「開發人員工具」中選擇 Audit,當中有多個選項。第一個是設備(Device),用來模擬在智能手機或桌上電腦的環境(但無論如何都會是智能手機環境)。第二是審核選項,只需勾選 SEO 便可。第三就是模擬限速,各位可因應情況選擇適當的設定。

Google Chrome「開發人員工具」中 Audit的選項

第三步、點擊「Run Audit」後,工具便會進行 SEO 審核,需時數十秒左右。

Google Chrome「開發人員工具」中 Lighthouse 正進行審核

Lighthouse 基於甚麼標準審核網站的 SEO 表現?

Google Lighthouse 審核網站 SEO 表現後的結果

完成審核後,會發現網頁的 SEO 評分,以及各項細節的表現。從中可見,Lighthouse 會基於三大標準來審核。

1. Mobile Friendly:網頁可在智能手機中妥當展示嗎?

Google Lighthouse 審核網站 SEO 表現 - Mobile Friendliness

Mobile Friendly 主要針對兩項,包括是網頁有沒有加入 <meta name=”viewport”> HTML 碼確保 RWD 網頁可在智能手機中正確呈現,以及網頁字體能否在智能手機中便於閱讀。

2. Content Best Practices:內容易被網絡爬蟲程式了解嗎?

Google Lighthouse 審核網站 SEO 表現 - Content Best Practices

Content Best Practices 主要針對網頁有沒有包括有利網絡爬蟲程式(crawler/ spider)的 HTML 標籤,當中包括 <title>、<meta name=”description”>、<hreflang>、<rel=canonical>。該些 HTML 標籤均對 SEO 十分重要,特別是 <title>、<meta name=”description”>,當中的關鍵字能助網絡爬蟲程式了解網頁主題,而<rel=canonical>則避免網絡爬查程式收錄重複網頁。

與此同時,使用瀏覽器外掛,如 Java、Flash 來展示網頁內容,不但不便網絡爬蟲程式檢索,亦無法在手機中正確呈現。

最後在超連結的文字方面,亦應避免使用「點擊這裡」等空泛的字眼,因為該些字眼亦有助網絡爬蟲程式判斷網頁的內容。

3. Crawling and Indexing:搜尋引擎機械人能夠讀取網頁嗎?

Google Lighthouse 審核網站 SEO 表現 - Crawling and Indexing

最後,網頁應允許網絡爬蟲程式檢索,方有機會獲搜尋引擎收錄,相關的選項包括網頁內的 <meta name=”robots”>標籤,以及 robots.txt。

4. Lighthouse 沒有分析、需要手動檢查的事

當中包括行動裝置相容性以及結構化資料。雖然 Lighthouse 會分析網頁的<meta name=”viewport”>,但不會分析其他方面的相容性。另外,結構化資料(Structured Data)亦可讓網頁於搜尋結果(SERP)中有更豐富的呈現,如評分、麵包屑導覽(Bread Crumb)等。

小結:只是輔助工具

大家或會留意到以上的 SEO 審核結果有 100 分,但這當然不代表網頁的 SEO 做得完美。

Lighthouse 只能確保網頁從技術上遵循 SEO 守則,網頁的關鍵字、導入連結等就只能夠自己做。事實上,Lighthouse 本身是用於檢測網絡程式,假如是一般網站,要獲得 100 分理應不難。如欲進一步改善網頁排名,大家宜從關鍵字策劃方面入手。

另外,Lighthouse 本身亦有其他方面的審核功能,如載入表現、最佳守則等。使用這些功能,亦有助改良網頁質素,大家不妨試試!

參考閱讀:

Inside Adsense : Lighthouse Auditing for Publishers

尋找線上學習平台:
Udemyhahow六角學院Coursera

馬上領取Hahow好學校 9 折優惠

去看個書,好不好?

SEO白話文:贏得免費流量,創造長期營收的「SEO行銷指南」

書名:SEO白話文:贏得免費流量,創造長期營收的「SEO行銷指南」

作者:邱韜誠 Frank Chiu

簡介:

★ 無痛上手 SEO 策略!征服 Google 排名,從這裡開始 ★
★ 零基礎、零門檻,獲得免費流量,提升顧客訂單 ★
★ 網路熱銷 SEO 課程講師,超過千人驗證過的學習方法 ★
★ 隨書附贈「SEO 行銷流程圖」,實戰學習更有效 ★

立即購買:博客來金石堂

最親切的SEO入門教室:關鍵字編輯x內容行銷x網站分析

書名:《最親切的SEO入門教室:關鍵字編輯x內容行銷x網站分析》

作者: 福田多美子

簡介:本書是專為想要學習SEO基礎知識,希望自己的網站能出現在搜尋結果前段班的人所撰寫的書籍。藉由本書豐富的圖解以及生動的對話設計,即使在此之前您連搜尋引擎最佳化都沒有聽說過,也能藉由本書快速學到相關的基礎知識與概念。

本書的主題是SEO的基礎知識與須知事項,從中會介紹行動裝置的SEO策略以及語音搜尋、社群搜尋、影片SEO、本地SEO的最新動向。

立即購買:博客來金石堂

第一次學SEO就上手

書名:《第一次學SEO就上手》

作者: 鈴木將司

簡介:本書將會帶領讀者了解搜尋引擎對部落格文章的評分機制,之後再學習文章的寫作方式,以提昇Google與Google搜尋用戶對文章的評價。無論是接下來打算開始經營部落格的初學者,或是完全沒有SEO相關知識的SEO初學者,都可以在本書的引導下從零開始學習。

立即購買:博客來金石堂

Hahow 線上課程

SEO 白話文:不懂程式也能學會的 SEO 秘密

課程名稱:SEO 白話文:不懂程式也能學會的 SEO 秘密

《SEO 白話文:不懂程式也能學會的 SEO 秘密》是一堂最好懂的 SEO 課程之一,幫助你建構 SEO 的運作邏輯、學習方法論,並且可以實務應用到自己的網站跟品牌中。現在就開始以從 Google 索取免費的自然流量!

獲取線上課程:Hahow 好學校

訪客留言