由于几个星期,不再显示我的网络杂志的图标,这对我的工作的浏览器,但我个人PC也。
我不认为我已经改变了配置。 我试图重新上传,但没有成功。
https://www.yubigeek.com/
在谷歌Chrome开发者控制台,对favicon.ico的(404),但在该页面的源代码中的错误,这个网址不叫。
然而有一个相对=“图标”和图标的网址两条标链接,如果我点击链接,图像是有。
由于几个星期,不再显示我的网络杂志的图标,这对我的工作的浏览器,但我个人PC也。
我不认为我已经改变了配置。 我试图重新上传,但没有成功。
https://www.yubigeek.com/
在谷歌Chrome开发者控制台,对favicon.ico的(404),但在该页面的源代码中的错误,这个网址不叫。
然而有一个相对=“图标”和图标的网址两条标链接,如果我点击链接,图像是有。
这是由于一个div
它错误地显示的标记,如果head
网页的部分。 这些标记应该只在body
。
更多细节
大多数浏览器接受body
中-仅标记head
。 而Chrome有一个特定的行为。 发生这种情况时,Chrome浏览器认为该head
部分被关闭。 因此,下面的head
标记实际上被认为是在body
。 而且,由于当有图标标记不工作body
......
这就是为什么你的图标在Chrome失败,但适用于Firefox浏览器。
怎么修
你的前两个div
都是围绕线153,仍处于head
。 作为一个暗示,他们的ID是fb-root
和fb-customerchat
。 这应该帮助你发现哪个插件是这样做的。
如果你禁用这个插件,至少目前是这样? 你的选择。
你也应该将此问题报告给插件开发者。 你一定不会受到此问题的唯一的一个。
最好的方式来增加WordPress的网站图标是增加通过图标Appearance > Customize > Site Identity
。 至少通过创建图标图像512 x 512
,并按照导航路径。 然后上传图像Site Identity
部分。 Save
它,你就大功告成了。
请按照此获取更多信息。
看来您使用的是PNG图像,你可以尝试添加属性type
。
所以,你的链接将是这样的: <link rel="icon" href="yourpath" type="image/png">
编辑:另外,把你的.ico
文件在您网站的根,如果它没有这样做。