網絡上有不少助網站 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 開啟。
第二步、在「開發人員工具」中選擇 Audit，當中有多個選項。第一個是設備（Device），用來模擬在智能手機或桌上電腦的環境（但無論如何都會是智能手機環境）。第二是審核選項，只需勾選 SEO 便可。第三就是模擬限速，各位可因應情況選擇適當的設定。
第三步、點擊「Run Audit」後，工具便會進行 SEO 審核，需時數十秒左右。
Lighthouse 基於甚麼標準審核網站的 SEO 表現？
完成審核後，會發現網頁的 SEO 評分，以及各項細節的表現。從中可見，Lighthouse 會基於三大標準來審核。
1. Mobile Friendly：網頁可在智能手機中妥當展示嗎？
Mobile Friendly 主要針對兩項，包括是網頁有沒有加入 <meta name=”viewport”> HTML 碼確保 RWD 網頁可在智能手機中正確呈現，以及網頁字體能否在智能手機中便於閱讀。
2. 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：搜尋引擎機械人能夠讀取網頁嗎？
最後，網頁應允許網絡爬蟲程式檢索，方有機會獲搜尋引擎收錄，相關的選項包括網頁內的 <meta name=”robots”>標籤，以及 robots.txt。
4. Lighthouse 沒有分析、需要手動檢查的事
當中包括行動裝置相容性以及結構化資料。雖然 Lighthouse 會分析網頁的<meta name=”viewport”>，但不會分析其他方面的相容性。另外，結構化資料（Structured Data）亦可讓網頁於搜尋結果（SERP）中有更豐富的呈現，如評分、麵包屑導覽（Bread Crumb）等。
小結：只是輔助工具
大家或會留意到以上的 SEO 審核結果有 100 分，但這當然不代表網頁的 SEO 做得完美。
Lighthouse 只能確保網頁從技術上遵循 SEO 守則，網頁的關鍵字、導入連結等就只能夠自己做。事實上，Lighthouse 本身是用於檢測網絡程式，假如是一般網站，要獲得 100 分理應不難。如欲進一步改善網頁排名，大家宜從關鍵字策劃方面入手。
另外，Lighthouse 本身亦有其他方面的審核功能，如載入表現、最佳守則等。使用這些功能，亦有助改良網頁質素，大家不妨試試！
參考閱讀：
