當使用者在 Google 搜尋關鍵字時，網址旁邊顯示的品牌圖示（Favicon）是建立第一印象的關鍵。許多站長發現，明明在 WordPress 後台設定了網站識別圖片，搜尋結果卻依然顯示預設的地球圖示或空白。這通常是因為 HTML 原始碼中的圖示宣告不夠完整，或是圖片尺寸未達 Google 爬蟲的特定要求，導致搜尋引擎無法正確擷取並呈現品牌視覺。
內容導覽
為什麼 Google 搜尋結果不顯示網站圖示？
Google 有專門的圖片爬蟲（Googlebot-Image）來抓取網站圖示。若要讓圖示正確出現在搜尋結果中，必須滿足幾個硬性條件：圖示必須是正方形、尺寸必須是 48 像素的倍數（例如 48x48px、96x96px 等）、且圖片路徑必須能被爬蟲順利存取。此外，針對不同的作業系統（如 iOS）與瀏覽器版本，需要宣告多種尺寸的圖示標籤，才能確保在各種環境下都能正確觸發 Google 的收錄機制。
Favicon SEO 實作步驟
1. 準備符合規範的圖示檔案
雖然 Google 建議使用 48 像素的倍數，但為了相容於桌面瀏覽器、行動裝置標籤頁以及 iOS 的「加入主畫面」功能，建議準備 32×32、48×48 以及針對 Apple 裝置專用的 180×180 像素圖片。請確保圖示在縮小時依然清晰可辨，避免使用過於複雜的文字或細節。
2. 在 HTML Header 插入宣告標籤
將圖示檔案上傳至網站根目錄或媒體庫後，需要在網站的 <head> 區段內加入對應的 link rel 標籤。這些標籤會引導瀏覽器與搜尋引擎爬蟲，根據不同的顯示需求讀取最適合的圖示檔案。
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="48x48" href="/favicon-48x48.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">實作時的注意事項與踩坑提醒
- 圖示內容規範：Google 嚴禁圖示包含色情、暴力、仇恨言論或具爭議性的符號。如果系統判定圖示違規，會直接將其替換回預設圖示，且不會發出任何警告。
- 快取更新緩慢：更改 Favicon 後，Google 不會立刻更新搜尋結果。通常需要等待數天甚至數週。若想加速進程，可以透過 Google Search Console 的「網址檢查」工具重新請求索引首頁，促使爬蟲重新抓取標籤。
- 路徑穩定性：確保 href 指向的路徑是永久且穩定的。如果你使用了 CDN 加速圖片，請務必確認 CDN 網域沒有在 robots.txt 中阻擋 Googlebot 的存取權限。
- 尺寸倍數原則：雖然 16×16 也能運作，但為了符合搜尋外觀的最佳規範，強烈建議提供 48×48 以上的版本，這對搜尋結果頁面的圖示顯示穩定性更有幫助。
看不懂沒關係，照做就能用
以上的原理看不懂沒關係，只要照著下面的步驟操作就能直接套用：
操作步驟
- 準備一張你的品牌 Logo 或網站圖示的原始圖片（建議 512×512 以上的正方形 PNG）。
- 到線上 Favicon 產生器（例如 realfavicongenerator.net），上傳你的原始圖片，網站會自動幫你產出 32×32、48×48、180×180 等各種尺寸的圖示檔案，以及一組打包好的壓縮檔。
- 下載產生的壓縮檔，解壓縮後會得到 favicon-32×32.png、favicon-48×48.png、apple-touch-icon.png 等檔案。
- 透過 FTP 或主機檔案管理員，將這些圖示檔案上傳到你的 WordPress 網站根目錄（也就是跟 wp-config.php 同一層的位置）。
- 安裝 FluentSnippets 外掛。
- 新增片段並貼入文中的 link 標籤程式碼。
- 如果你的圖示檔案不是放在根目錄，而是上傳到媒體庫或其他路徑，請將程式碼中的 href 路徑（例如 /favicon-32×32.png）替換為圖片的真實完整網址。
- 執行位置選擇「Site Wide Header」。
- 點擊啟用並清除網站快取。
- 到 Google Search Console 針對首頁網址進行「網址檢查」，並點擊「請求建立索引」以促使 Google 重新抓取新圖示。
如果啟用後網站出現異常，回到 Snippets 將該片段停用即可立刻復原，不會影響其他設定。
