Favi-gone：您的 Favicon 从 Google 搜索结果中消失的 5 个原因 [案例研究]

他们说“一个网站图标值一千个字”。 好吧……他们真的没有这么说，但是从搜索的角度来看，网站图标绝对很重要。 2019 年，谷歌开始在移动搜索结果中显示网站图标，作为移动重新设计的一部分，最终 SERP 中的那些小图形肯定可以在多个层面上有所帮助。 例如，网站图标可以帮助强化您的品牌，可以在拥挤的 SERP 中吸引眼球，还可以帮助提高点击率。 因此，您肯定要确保您的网站图标游戏功能强大。

Google 发布了定义网站图标的指南，以确保它们可以正确显示在 SERP 中。 如果您不遵守这些准则，Google 可以选择忽略您的网站图标并为您提供一个通用的图标。 没有什么比 Google 提供的通用地球图标更“meh”了。 假设您不会在 SERP 中脱颖而出，因为它们的通用图标显示...

此外，您最终可能会得到一个空白的网站图标，这非常尴尬。 为 favicon 保留了空间，但没有显示任何内容。 它只是一个空白区域，应该出现一个图标。 太伤心了……我将在后面的帖子中对此进行更多解释。

这是另一个空白图标（而不仅仅是通用地球图标）的示例：

网站图标协助：当网站所有者就网站图标问题伸出援手时。
我时不时地让网站所有者在他们的网站图标从搜索结果中丢失时感到沮丧。 当这种情况发生时，对于那些网站所有者来说，这可能是一个非常令人困惑的情况......好吧，在过去的几周里，我最近刚刚帮助了几个网站所有者解决了搜索结果中的网站图标问题。 根据我的发现，我想我会写一篇文章来解释我所看到的导致 Google 搜索中出现网站图标问题的一些主要原因。

对于大多数网站，这些问题相对容易修复，而且 Google 可以很快找到更改。 例如，我帮助的最新修复程序之一在短短几个小时内就被拾起，并且 SERP 在不到一天的时间内更新（使用新的 favicon）。

网站图标消失和质量问题：
当网站图标丢失时，一些网站所有者立即开始认为 Google 以某种方式不再信任他们的网站，或者存在导致 Google 停止显示其网站图标的质量问题（例如丰富的网页摘要如何受到广泛的核心更新的影响）。 事实并非如此。 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