【技術檢查】網站速度、SSL、像素、事件追蹤同手機體驗

技術檢查清單：網站速度、SSL、像素、事件追蹤、手機體驗

以下係一份可直接用嚟做 網站技術檢查 嘅清單，適合檢查網站整體健康度與追蹤設定是否正常。

1) 網站速度

重點係確保網站 手機版同桌面版 都有良好載入表現。

建議檢查項目

• 首頁與主要落地頁載入速度
• 手機版速度
• 桌面版速度
• 圖片是否有壓縮
• JS / CSS 是否過重
• 是否有過多第三方程式碼
• 伺服器回應時間
• 快取與 CDN 是否有啟用

常用工具

• Google PageSpeed Insights
• Lighthouse
• GTmetrix
• WebPageTest
• Pingdom

觀察重點

• LCP、INP、CLS 等核心體驗指標
• 手機版與桌面版分數
• 首次內容顯示時間
• 完整載入時間

2) SSL 憑證

SSL 主要係檢查網站是否有正確使用 HTTPS，同埋有冇混合內容問題。

建議檢查項目

• 網址是否已由 http:// 轉做 https://
• 憑證是否有效、未過期
• 是否有自動轉址至 HTTPS
• 有冇 Mixed Content（頁面內仍載入 HTTP 資源）
• TLS 版本是否安全

常用工具

• 瀏覽器網址列鎖頭圖示
• SSL Labs
• Why No Padlock
• 瀏覽器開發者工具

常見問題

• 圖片、JS、CSS 仍用 HTTP 載入
• 憑證過期
• 子網域未裝 SSL
• HTTP 與 HTTPS 版本同時存在

3) 像素追蹤

如果你有做廣告投放或再行銷，像素設定就好重要。

建議檢查項目

• 像素是否有正確安裝
• 是否只安裝一次，避免重複計算
• 是否在正確頁面觸發
• 是否有配合 Consent / Cookie 同意設定
• 轉換事件是否正確傳送

常見像素

• Meta Pixel
• Google Ads Conversion Tag
• TikTok Pixel
• LinkedIn Insight Tag

常用工具

• Meta Pixel Helper
• Google Tag Assistant
• 瀏覽器開發者工具
• GTM Preview 模式

觀察重點

• Page View 有冇觸發
• Purchase / Lead / Complete Registration 等事件有冇正常送出
• 事件參數是否完整，例如：
  • 金額
  • 貨幣
  • 產品 ID
  • 內容類別

4) 事件追蹤

事件追蹤主要係確認用戶行為有冇被準確記錄。

建議檢查項目

• 表單送出
• 按鈕點擊
• 電話點擊
• WhatsApp / Messenger 點擊
• 下載檔案
• 註冊 / 購買 / 加入購物車
• Scroll 深度
• 影片播放

建議確認

• 事件名稱是否一致
• 是否重複觸發
• 參數是否有誤
• 是否有測試模式可驗證

常用工具

• Google Tag Manager
• GA4 DebugView
• Tag Assistant
• Meta Events Manager

5) 手機體驗

手機體驗通常係技術檢查入面最容易出問題嘅部分。

建議檢查項目

• 頁面是否自適應
• 字體是否過細
• 按鈕是否太近
• 表單是否易填
• 彈窗有冇阻礙操作
• 內容有冇超出螢幕
• 選單是否容易展開
• 圖片/影片是否會拖慢載入

常用工具

• Chrome DevTools 裝置模擬
• Google Mobile-Friendly Test
• PageSpeed Insights
• 真機測試

觀察重點

• 是否適合拇指操作
• 是否有橫向捲動
• CTA 按鈕是否清晰
• 主要內容是否一打開就見到

建議的檢查順序

1. 先檢查 HTTPS / SSL
2. 再查網站速度
3. 再驗證像素與事件追蹤
4. 最後測手機體驗
5. 用真機重測一次

一份簡單的技術檢查結論格式

你可以用以下格式記錄：

- 網站速度：正常 / 需改善
- SSL：正常 / 有混合內容 / 憑證異常
- 像素：正常 / 重複安裝 / 部分事件缺失
- 事件追蹤：正常 / 轉換事件失敗 / 參數不完整
- 手機體驗：正常 / 排版異常 / 按鈕過細 / 載入慢

如果你想，我可以下一步幫你整理成以下其中一種：

• 網站技術檢查表（Excel / Google Sheet 版）
• GA4 + Meta Pixel 檢查清單
• 網站健康檢查報告模板
• 可直接交俾開發團隊嘅技術修正清單

如果你想，我可以直接幫你整成一份 可複製貼上嘅完整檢查表。