网站图标不可见答案

【问题标题】：Favicon is not visible网站图标不可见
【发布时间】：2016-05-11 08:31:49
【问题描述】：

我在https://www.example.com的任何浏览器中都看不到图标

我尝试了以下实现：

<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico">

和

<link rel="icon" type="image/x-icon" href="/favicon.ico">

网站图标位于根文件夹中。

我还检查了 Chrome 调试器，它为我的 favicon.ico 提供了“200 状态正常”

我尝试从多个位置（工作、家庭、智能手机...）检查它 - 在任何地方都看不到它。

我还使用这些 SEO 检查网站之一来检查是否有网站图标。他们告诉我，有一个，但是当他们试图向我展示他们找到的网站图标时，它根本不可见——取而代之的是一个浏览器“找不到图像”符号。

我在 24 小时前开始实施，不确定是否是缓存问题。

网站图标位于根文件夹中。

有什么想法吗？

【问题讨论】：

标签： favicon

【解决方案1】：

如果你看起来不错，你会在 favicon 上获得 200 状态，但类型设置为 html，而不是 img。此外，如果您访问https://www.appfelsine.com/favicon.ico，您会得到一个 html 页面，而不是图标图像。

可能与您的 .htaccess 有关？尝试将 favicon 存储在您的 images 文件夹中并更改路径，看看它是否有效

【讨论】：

是的，我认为是 .htaccess。不想更改它，所以我将 favicon 放入 images 文件夹。对于未来：您的意思是：“类型设置为 html 而不是 img”。我将类型设置为 image/x-icon 不是吗？
由于您的 htaccess，浏览器将其作为 html 文档处理；将其移动到修复的图像文件夹中
要了解更多信息，请查看：appfelsine.com/whatever 这与您的网站图标的处理方式相同
嗯，非常感谢！看起来我也必须更改 .htaccess 。 appfelsine.com/whatever 应该返回一个 404 页面，而不是一个空页面 :-) （顺便说一句，你有一个不错的页面！）
是的，你应该处理它并显示一个很好的错误消息。谢谢你:)

【解决方案2】：

您的 404 页面返回 200（而不是 404），因此所有这些 SEO 网站都看到 200 成功并假设网站图标已加载。您的网站图标不在正确的目录中。要确认这一点，您可以打开页面源并单击指向 favicon url 的链接，然后查看它返回的 404 页面。我建议将 favicon 与其他图像放在同一文件夹中并在那里链接到它。

【讨论】：

谢谢，你也是对的。在这种情况下，根目录不是正确的目录。 .htaccess 中的规则阻止图标显示。

【解决方案3】：

可能是图像已损坏。我的建议是将其转换为 PNG。您很可能会获得性能提升，从而使该解决方案物有所值。

要转换它： http://image.online-convert.com/convert-to-png

然后使用：

<link rel="icon" 
      type="image/png" 
      href="/favicon.png">

【讨论】：