- 2023 年 9 月 14 日
- 0 留言
- By jim
Google Lighthouse 是一個由 Google 開發的開源工具,主要用於評估網頁的性能和質量。它能夠提供深入的分析,幫助開發者和網站管理者優化其網頁,提升用戶體驗和 SEO 表現。


主要功能和特點:
- 性能評估: Lighthouse 分析網頁的加載速度和性能,包括首次內容渲染(FCP)、最大內容渲染時間(LCP)、互動時間(TTI)、總體佈局穩定性(CLS)等關鍵性能指標。
- 可訪問性評估: 檢測網頁是否符合無障礙設計的標準,例如鍵盤導航、焦點管理、顏色對比度等。
- 最佳實踐: Lighthouse 根據 Google 的最佳實踐指南,檢查網頁是否符合各種推薦標準,如使用適當的圖像格式、適當的緩存策略等。
- SEO 檢查: 分析網頁的內容結構、Meta 標籤、HTML 标记等,評估其對搜索引擎的友好程度,提供優化建議。
- PWA(Progressive Web App)評估: 檢查網站是否符合 PWA 的標準,如註冊 Service Worker、添加至主屏幕等功能。
- 報告和建議: Lighthouse 生成詳細的報告,顯示每個評估項目的分數、問題點和建議的改進措施。這些報告可以幫助開發者迅速找到和解決網站性能和質量上的問題。
如何使用 Google Lighthouse:
- 瀏覽器擴展: Lighthouse 可以作為 Chrome 瀏覽器的一部分,內建於 Chrome 開發者工具中。用戶可以透過 Chrome 開發者工具中的 “Audit” 功能來運行 Lighthouse,並查看評估報告。
- 命令行工具: Lighthouse 也提供了一個命令行界面(CLI),開發者可以在命令行中運行 Lighthouse,並生成報告。這使得 Lighthouse 可以集成到自動化測試流程中,或者用於批量評估多個網頁。
Google Lighthouse 是一個強大的工具,對於優化網站性能、提升 SEO 和用戶體驗至關重要。開發者和網站管理者可以通過使用 Lighthouse 的詳細報告和建議來迅速改進其網頁,並確保其符合現代 Web 標準和最佳實踐。
Google Lighthouse針對SEO檢查的項目包含:
- 標題: 標題是搜尋引擎與使用者理解頁面主題的關鍵元素,確保每個頁面有唯一且具描述性的title標籤。
- 描述: description有助於搜尋引擎摘要頁面內容,出現在搜尋結果中,提供清楚且具吸引力的描述,有利點擊率(CTR)。
- 多語系標記:指示搜尋引擎不同語言版本的頁面,避免重複內容問題,若網站支援多語言,應正確使用hreflang標籤。
- 正規網址:幫助搜尋引擎了解哪個是「正本」內容頁面,避免重複內容導致權重分散,建議每頁應該設有正確的canonical連結,特別是有多版本的內容頁。
- 連結描述:良好的連結文字能提高可用性與SEO,建議使用具描述性的連結文字,例如「查看產品詳細內容」。
- 行動裝置友善:Google主要以手機為主索引,建議確保頁面在手機裝置上可用,字體、觸控目標不應過小。
- 可抓取連結:確保連結使用HTML的< a >標籤,避免用JavaScript模擬點擊,這會影響搜尋引擎抓取,建議所有導覽與重要連結應以 < a href=”…” > 呈現。
- 爬蟲排除設定:確保網站的robots.txt檔案格式正確,避免誤封搜尋引擎,建議檢查robots.txt不封鎖重要頁面或資源。
- 結構化資料:雖非Lighthouse必測項,但如有使用JSON-LD、Microdata等 schema 標記,可提升搜尋結果豐富度,建議針對產品、文章、FAQ 等頁面加上結構化資料。
Lighthouse的SEO得分主要基於以上技術SEO項目的基本SEO健康檢查),若分數低,報告會提示缺失項目與改善建議,方便你快速修正。