如何讓買主在搜尋時一眼記住你？網站圖示 (Favicon) 這個常被忽略的品牌細節

2026/06/18

Source: Google Search Central

一個你看不見的判斷，正在搜尋結果上發生

設想一位德國的採購經理，正在為他的產線尋找新的台灣零件供應商。他打開 Google，輸入關鍵字，畫面上並排跳出五家公司的搜尋結果。其中四家，公司名稱旁邊都有一個小小的、清晰的品牌圖示；輪到你的那一格，是一個灰色的地球，或乾脆一片空白。

他不會停下來細想這件事。但在不到一秒的時間裡，他的目光更容易停留在那幾家看起來完整的公司上，而你的那一格，少了一個幫助品牌被辨識的機會。

這個圖示就是 Favicon。它小到大多數企業主從沒認真看過自己網站的那一格，卻是買主在決定要不要點進來之前，最先接收到的視覺訊號之一。對一家把產品做得很好、卻在數位門面上吃了悶虧的外銷企業來說，這往往是「明明實力不差，卻在第一印象上少了一些加分機會」背後，一個從沒被指出來的細節。

Favicon 到底是什麼？

Favicon 是顯示在瀏覽器分頁、書籤列，以及搜尋結果中網站名稱旁邊的小型圖示，內容通常是企業 Logo 或品牌識別的縮影。它的功能是讓使用者在一堆分頁與搜尋結果裡，能夠快速認出哪一個是你。一個設定良好的 Favicon，等於替你的品牌在每一個被看見的位置上，都放了一張小小的名片。

它的存在很容易被忽略，正是因為它太小、太理所當然。但也正因為它是大家都有的基本配備，少了它，反而容易被買主注意到。

它不是裝飾，是你被選擇那一刻的臉

在搜尋結果頁上，買主從來不是只看到你一家。他看到的是一整排選項，而每一個選項都由三個元素構成：標題、簡短描述，以及那個小圖示。標題和描述需要他花時間閱讀，圖示卻是在閱讀之前，眼睛就先接收到的。

當買主還在掃描、還沒進入閱讀的階段，Favicon 就已經先替你說了第一句話。它說的可能是「這是一家有在用心經營的公司」，也可能什麼都沒說，因為那一格本來就是空的。

當買主對你還一無所知

這件事對外銷企業特別重要，原因在於信任的起點不同。

一個本地客戶或許早就聽過你的名號、看過你的工廠，甚至透過同業引薦認識你。但一個遠在歐洲或美洲、第一次在網路上搜尋到你的買主，對你完全陌生。他沒辦法從產品實力認識你，因為他還沒接觸到產品；他能依靠的，只有眼前這個網站透露出來的每一個訊號。

於是那些平常你覺得無關緊要的小地方，反而被放大了。網站打開的速度、文案的專業度、聯絡方式清不清楚，還有這個小小的圖示。
這背後有一個簡單的心理機制，行銷上稱為認知流暢性。意思是，人在快速瀏覽、還沒仔細閱讀的時候，會傾向信任那些看起來整齊、一致、好辨識的對象，而不是逐項去檢查每個細節。所以買主真正感受到的，是「這家公司整體看起來夠不夠完整」，而不是「這家公司有沒有設定 Favicon」。

換句話說，Favicon 從來不是單獨決定印象的那個元素，它只是構成整體完整度的其中一塊。只是相較於改版網站、重寫文案這些大工程，它是最容易被忽略、卻也最好補起來的一塊。少了它不會讓買主立刻離開，但它確實少了一個替你加分的機會，而當競爭對手都有、只有你沒有的時候，這個落差就容易被看見。

2026 的新場景：AI 搜尋結果裡的那張卡片

過去談 Favicon，舞台只有搜尋結果頁。現在則多了一個更關鍵的場景。

愈來愈多買主在採購前，不再只用 Google，而是直接問 ChatGPT、Perplexity 或 Google 的 AI 摘要。根據顧問機構 Forrester 的買家旅程調查，短短不到兩年內，已有 89% 的 B2B 買主採用生成式 AI，並把它列為採購每個階段最主要的自助研究來源之一。也就是說，買主很可能還沒打開你的網站，就先在 AI 那裡問過一輪了。

而這些 AI 在回答問題時，會附上來源卡片。每一張卡片上顯示的，正是頁面標題、網站的 Favicon，以及一段簡短說明。當一位買主問 AI「推薦幾家台灣的精密加工供應商」，AI 給出三到五張來源卡時，你的 Favicon 就是你在那場推薦裡唯一的視覺臉孔。

當然，Favicon 不會決定 AI 要不要引用你，那取決於你的內容品質與網站權威性。它決定的是另一件事：當你已經被引用、出現在那排來源卡裡時，你那張卡片看起來像不像一家可信、用心經營的公司。簡單說，內容決定你有沒有上場，Favicon 決定你上場時的樣子。

Favicon 的角色正在升級。它不再只是瀏覽器分頁上的裝飾，而是你的品牌在 AI 時代被引用、被看見時的門面。提早把這個細節做好的企業，等於替自己在新的曝光位置上，先準備了一張清楚、完整的臉。

先檢查一下：你的圖示現在長什麼樣？

在談怎麼做之前，不妨先打開自己的網站看一眼，對照下面這張表，看看你的圖示屬於哪一種狀況：

你看到的情況	它透露的訊息	處理方向
分頁顯示瀏覽器預設的灰色地球或空白紙張	根本沒有設定 Favicon	設計並上傳一個專屬的品牌圖示
整張橫式 Logo 被縮成一團糊掉的色塊	直接縮小 Logo，沒有為小尺寸重新設計	萃取單一識別元素重新製作
圖案歪斜或邊緣被裁掉	原圖不是正方形	改用 1:1 正方形構圖
電腦、手機、書籤上顯示得不一致	提供的尺寸或格式不齊全	準備一組多種尺寸的完整圖示

如果你的網站符合上面任何一種，這並不是什麼嚴重的技術故障，而是一個可以馬上著手、改善後也立刻有感的細節。

把它做對：規範與設計思維

要讓 Favicon 正確顯示，Google 有幾項明確的基本要求：

必須是正方形，也就是 1:1 比例
尺寸建議大於 48 像素，並提供 48 的倍數（例如 96、144 像素），在不同裝置上才都清楚
檔案網址要保持穩定，不要頻繁更換
確保搜尋引擎（Googlebot）能順利爬取到圖示與網站首頁

這些技術設定，交給工程或網站維護人員通常就能完成，難度不高。

真正需要花心思的，是設計的思維。Favicon 的畫布非常小，小到塞不下一整套完整的 Logo。比較好的做法不是把 Logo 整個縮小，而是從品牌識別裡萃取出一個最具代表性的元素，可能是一個字母、一個圖形、一種主色，讓它在極小的尺寸下依然清楚、依然認得出是你。許多工業品牌、設備廠商與軟體公司的網站圖示之所以好認，靠的也是這個道理，它們用的是簡化後的識別元素，而不是直接縮小整張 Logo。

說到底，這件事不該只是工程師隨手放一張圖就算了。它牽涉到「在最小的空間裡，什麼最能代表我的品牌」這個問題，本質上是一個品牌策略的選擇，值得行銷與設計一起想清楚。

從 Favicon 開始，把整個數位門面看一遍

Favicon 很少是一個網站唯一的問題。但有趣的是，當一家公司發現自己連 Favicon 都沒設定好，往往也會跟著注意到其他被忽略的地方，像是行動版的顯示、聯絡資訊完不完整、網站開啟的速度，或是在搜尋結果裡呈現的樣子。所以檢查 Favicon 的價值，不只是把圖示補上，而是給了你一個機會，重新用買主的角度，把自己的數位門面從頭到尾看一遍。