安裝 favicon,讓內頁也能正常顯示
分別檢查上傳位置、網頁宣告和實際請求。電腦裡有 ICO,不等於網站已使用它。
先核對公開網址
直接開啟圖示網址。子目錄網站的 /tools/favicon.ico 與 /favicon.ico 不同;開頭斜線指向網域根目錄,相對路徑則可能隨內頁改變。
檢查最終 HTML
把下方宣告放在 head,調整實際路徑。確認 CMS、佈景主題或外掛沒有輸出互相衝突的圖示標籤。
測試首頁與深層頁面
查看 Network 中的網址、狀態和回應。200 回應若是 HTML,就不是有效圖示。修正登入限制、重新導向或 CSP 的具體問題,不要全域關閉安全政策。
<link rel="icon" href="/tools/favicon.ico" type="image/x-icon">參考資料與延伸閱讀
MDN — link ↗MDN — CSP img-src ↗