頁面 SEO 基礎

Favicon 與觸控圖示(網站圖示)

別稱 網站圖示 · apple-touch-icon · 捷徑圖示

透過 <link rel="icon"> 與 <link rel="apple-touch-icon"> 宣告的小型網站圖示,會出現在瀏覽器分頁、書籤、行動裝置主畫面與搜尋結果中。

這是什麼

Favicon 是顯示在瀏覽器分頁與書籤中的小型品牌圖示,透過 <link rel="icon"> 標籤(或放在根目錄的 favicon.ico)宣告。apple-touch-icon 則是較大的方形圖示,iOS 與 Android 在使用者把網站加入主畫面時會使用。

為什麼重要

只要你的網址出現的地方,Favicon 都能強化品牌辨識度,包括會在列表旁顯示網站圖示的 Google 行動搜尋結果。清晰、一致的圖示能強化 AI 引擎與你網域連結的品牌與實體訊號,提升信任與記憶度。

如何檢查

檢視原始碼,確認 <head> 中有 <link rel="icon"> 與 <link rel="apple-touch-icon">,並確認圖示檔案載入時沒有 404。觀察瀏覽器分頁,並使用 Search Console 或 SERP 預覽,確認 Google 已抓取到 favicon。

如何修正

提供至少 48x48 像素(最好是 48 的倍數)的方形 favicon,以 <link rel="icon"> 引用,再加上 180x180 的 apple-touch-icon,並在網站根目錄保留一個備援的 favicon.ico。使用相同的圖片來源與穩定的網址,讓搜尋引擎能可靠地抓取並顯示它。

在檢查清單中

這個概念對應到 GEO Score 檢查清單中的一項檢查。

使用檢查清單

相關詞彙

官方參考資料

外部連結,將於新分頁開啟。

把知識化為行動。

親手逐項完成每一項檢查,並轉成可分享的 GEO Score 報告——或在數秒內自動掃描你的網站。