網絡上有不少助網站 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 表現?

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

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

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

Lighthouse 審核網站 SEO 表現 - Mobile Friendliness

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

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

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:搜尋引擎機械人能夠讀取網頁嗎?

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

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

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

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

小結:只是輔助工具

大家或會留意到以上的 SEO 審核結果有 100 分,但這當然不代表網頁的 SEO 做得完美,例如本網仍是採用 HTTP 就沒有在 Lighthouse 中反映。

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

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

參考閱讀:

Inside Adsense : Lighthouse Auditing for Publishers