Favicon不可见

时间:2016-05-11 08:31:50

标签: favicon

我无法在https://www.example.com

的任何浏览器中看到favicon

我尝试了以下实现:

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

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

favicon位于根文件夹中。

我还检查了Chrome调试器,它给了我一个&#34; 200状态确定&#34; for favicon.ico

我尝试从多个地方(工作,家庭,智能手机......)检查它 - 无法在任何地方看到它。

我还使用其中一个SEO-Checking网站来检查是否有图标。 他们告诉我,有一个,但当他们试图向我展示他们找到的图标时,它根本不可见 - 有一个浏览器&#34;图像未找到&#34;而不是符号。

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

favicon位于根文件夹中。

有什么想法吗?

3 个答案:

答案 0 :(得分:2)

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

也许你的.htaccess可能有什么关系?尝试将favicon存储在images文件夹中并更改路径,看看它是否有效

答案 1 :(得分:1)

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

答案 2 :(得分:0)

可能是图像已损坏。我的建议是将其转换为PNG。很可能你会获得性能提升,使这个解决方案值得。

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

然后使用:

<link rel="icon" 
      type="image/png" 
      href="/favicon.png">
相关问题