Favi-gone：您的 Favicon 從 Google 搜索結果中消失的 5 個原因 [案例研究]

他們說“一個網站圖標值一千個字”。 好吧……他們真的沒有這麼說，但是從搜索的角度來看，網站圖標絕對很重要。 2019 年，谷歌開始在移動搜索結果中顯示網站圖標，作為移動重新設計的一部分，最終 SERP 中的那些小圖形肯定可以在多個層面上有所幫助。 例如，網站圖標可以幫助強化您的品牌，可以在擁擠的 SERP 中吸引眼球，還可以幫助提高點擊率。 因此，您肯定要確保您的網站圖標遊戲功能強大。

Google 發布了定義網站圖標的指南，以確保它們可以正確顯示在 SERP 中。 如果您不遵守這些準則，Google 可以選擇忽略您的網站圖標並為您提供一個通用的圖標。 沒有什麼比 Google 提供的通用地球圖標更“meh”了。 假設您不會在 SERP 中脫穎而出，因為它們的通用圖標顯示...

此外，您最終可能會得到一個空白的網站圖標，這非常尷尬。 為 favicon 保留了空間，但沒有顯示任何內容。 它只是一個空白區域，應該出現一個圖標。 太傷心了……我將在後面的帖子中對此進行更多解釋。

這是另一個空白圖標（而不僅僅是通用地球圖標）的示例：

網站圖標協助：當網站所有者就網站圖標問題伸出援手時。
我時不時地讓網站所有者在他們的網站圖標從搜索結果中丟失時感到沮喪。 當這種情況發生時，對於那些網站所有者來說，這可能是一個非常令人困惑的情況......好吧，在過去的幾周里，我最近剛剛幫助了幾個網站所有者解決了搜索結果中的網站圖標問題。 根據我的發現，我想我會寫一篇文章來解釋我所看到的導致 Google 搜索中出現網站圖標問題的一些主要原因。

對於大多數網站，這些問題相對容易修復，而且 Google 可以很快找到更改。 例如，我幫助的最新修復程序之一在短短幾個小時內就被拾起，並且 SERP 在不到一天的時間內更新（使用新的 favicon）。

網站圖標消失和質量問題：
當 favicon 丟失時，一些網站所有者會立即想到 Google 以某種方式不再信任他們的網站，或者存在導致 Google 停止顯示其 favicon 的質量問題（例如豐富的片段如何受到廣泛的核心更新的影響）。 事實並非如此。 SERP 中丟失的網站圖標與網站質量無關。 相反，它與網站圖標的技術問題或違反 Google 提供網站圖標的指南有關。

因此，如果您的網站圖標丟失，並不是 Google 突然重新評估了您的網站質量。 這可能是由於技術問題或其他違反準則（我將在下面介紹）。

你的 favicon 去哪兒了？ 對 Google 搜索中的常見網站圖標問題進行故障排除。
下面，我將介紹我在幫助網站所有者解決從搜索結果中消失的網站圖標（或谷歌無法正確顯示的網站圖標）時遇到的幾個常見問題。

1. 尺寸錯誤，沒有適合您的網站圖標……
這是我見過的最常見的問題。 谷歌已經詳細解釋過，網站圖標必須是 48×48 像素的倍數。 因此，請確保您的網站圖標至少為 48×48 或 48×48 的倍數。 例如，96×96、144×144 等。不要有小於 48×48 的圖標。

例如，一個網站使用以下圖片作為其網站圖標（為了避免調用該網站而進行了模糊處理）。 它是 50×50，而不是 48×48 像素的倍數。 谷歌只是使用了通用的地球圖標。 同樣，SERP 中的 meh。

此外，縱橫比也很重要。 如果它不是一個正方形，它就不會很好地工作。 我見過從寬高比的角度來看看起來不正常的網站圖標，或者它們只是沒有出現在 SERP 中。 例如，一個網站使用了下面的圖標，它沒有平方比例。 谷歌強迫它適應所需的縱橫比（它在 SERP 中看起來完全扭曲了）。 謹防。

關於 favicon 格式的說明：您有很多選擇：
您的網站圖標不必採用 .ico 格式。 它可以是任何受支持的格式，例如 jpg、gif、png 和 svg。 我將在後面的文章中介紹更多關於 svgs 的內容。

2. Robots.txt 阻止網站圖標：
Google 的文檔指出，您應該允許抓取您的網站圖標和主頁，以便在搜索中使用該網站圖標。 如果您的主頁被 robots.txt 屏蔽了，那麼您顯然需要擔心的問題不僅僅是網站圖標。 :) 但是從 robots.txt 的角度來看，網站圖標的位置可能會導致問題和混淆。 例如，robots.txt 中的某些指令可能是“貪婪的”並且比您想像的要阻止更多。

我建議在 Google Search Console 中使用 robots.txt 測試器，以確保您的網站圖標和主頁可以被抓取。 這是一個快速測試，可以為您節省一些挫敗感。 例如，這是一個缺少網站圖標的網站，它阻止了對網站圖標的訪問。 順便說一句，這是一個更大的品牌，所以是的，大公司也會犯這個錯誤。

這是一個有趣的旁注。 Google 有一個特定的網站圖標抓取工具，稱為 Google Favicon。 您可以查看 Googlebot 文檔以獲取用戶代理字符串。 當您通過 Google Search Console (GSC) 請求將您的主頁編入索引時， Google 將使用此爬蟲來檢查您的網站圖標。 當有人根據網站圖標更改請求重新抓取主頁時，爬蟲將忽略robots.txt 指令。

例如，這直接來自 favicon 文檔：
“當用戶請求抓取時，Google Favicon 抓取工具會忽略 robots.txt 規則。”

這是爬蟲用戶代理：

但同樣，這只是為了讓 Google Favicon 檢查新的 favicon。 如果您希望在搜索結果中使用您的主頁和網站圖標，您仍然應該啟用對它的抓取。

3. 重複的 favicon 引用並且一個不符合 Google 的 favicon 指南：
這與我介紹的第一個問題類似，但它在主頁代碼中包含重複的 favicon 引用（並且一個不符合準則）。 我見過這樣的情況，其中一個或多個 favicon 引用指向不符合要求的文件，而 Google 只是在 SERP 中顯示了通用的地球 favicon。 因此，只需確保仔細檢查您主頁上對您網站圖標的所有引用，並確保它們正常。

例如，該站點的圖標未正確顯示。 它最終導致主頁有多個 rel=“icon” 引用，其中一個不符合 Google 的指導方針。 通過將一個 rel=”icon” 引用指向正確的文件來解決這個問題，使該站點能夠重新獲得其在 SERP 中的圖標：

4. 呃，空的網站圖標代碼……
是的，這似乎很明顯，但不幸的是我已經看到它在行動。 如果您在網站圖標代碼中完全省略了該文件，那麼您顯然會在搜索中遇到網站圖標問題。 :) 因此，如果您遇到圖標問題，請務必仔細檢查您的代碼。 我還建議使用 Google 的各種測試工具來檢查靜態 html 和呈現的 html，以確保您的代碼是正確的。

5. 您的平台或 CMS 在網站圖標方面很糟糕。
對於使用特定平台或 CMS 來運行其網站的網站，他們可能無法輕鬆設置或自定義其網站圖標。 在您沒有太多控制權的情況下，您只能依靠平台或 CMS 來實現它。 正如你可以猜到的那樣，這並不總是很好。

是的，這意味著使用該平台的所有站點都可能存在圖標問題。 我最近為一個較小的電子商務平台提出了這個問題。 谷歌只是沒有用通用地球儀替換圖標，它實際上是讓圖標保持空白！ 在我看來，這甚至比接收通用網站圖標還要糟糕……

當執行一個使用該平台打開許多站點的查詢時，您可以看到普遍存在的問題。 是的，這就是平台上所有缺少網站圖標的網站（甚至不是通用網站圖標）。 看看 SERP 中的第二個列表……圖標的縱橫比搞砸了。 所以我們混合了空白圖標和一個扭曲的圖標。 不好。

獎勵 1：不要用你的網站圖標挑戰極限。
谷歌在其文檔中解釋說，它不會顯示任何它認為不合適的網站圖標（如色情或仇恨符號）。 如果是這種情況，Google 將只提供默認的通用網站圖標。 在製作網站圖標時請記住這一點......我相信這不會影響大多數網站，但它顯然會導致您的網站圖標在 SERP 中正確顯示的問題。

以下是谷歌在他們的網站圖標文檔中解釋的內容：

獎勵 2：創建一個在暗模式下運行良好的自適應網站圖標。
人們喜歡黑暗模式，其中包括谷歌搜索。 但我發現很多人沒有測試他們的網站圖標在黑暗模式下的顯示方式。

一旦您在暗模式下檢查了您的網站圖標，並且如果您認為它看起來不太理想，那麼您始終可以創建一個在亮模式和暗模式下看起來都很棒的自適應網站圖標。 例如，創建一個使用媒體查詢的 SVG，以確保您的網站圖標適應當前環境（淺色模式與深色模式）。

Adam Argyle 在 web.dev 上寫了一篇解釋如何創建自適應網站圖標的帖子，他將引導您完成創建 SVG 的過程，該 SVG 可以根據明暗模式進行更改。 我尚未對其進行測試，但這是一種有趣的技術，似乎在演示中運行良好。 我可能會在不久的將來嘗試這樣做。

總結：把你最好的圖標，我的意思是腳，放在搜索中，一個真正出現的圖標。
我希望這篇文章能幫助您了解我在幫助向我尋求幫助的網站所有者時看到的一些最常見的網站圖標問題。 由於網站圖標在移動搜索結果中突出顯示，您不希望使用不太理想的網站圖標盯著用戶。 而且您也不想要 Google 可以提供的“meh”通用圖標，或者更糟的是，一個空白圖標。 幾分鐘的深入研究通常可以使核心網站圖標問題浮出水面。 一旦修復，你終於可以擁有一個對你有用而不是對你不利的網站圖標。 祝你好運。

GG