WordPress的网站图标不显示谷歌浏览器选项卡上(WordPress Favicon not s

2019-10-16 12:51发布

由于几个星期,不再显示我的网络杂志的图标,这对我的工作的浏览器,但我个人PC也。

我不认为我已经改变了配置。 我试图重新上传,但没有成功。

https://www.yubigeek.com/

在谷歌C​​hrome开发者控制台,对favicon.ico的(404),但在该页面的源代码中的错误,这个网址不叫。

然而有一个相对=“图标”和图标的网址两条标链接,如果我点击链接,图像是有。

Answer 1:

这是由于一个div它错误地显示的标记,如果head网页的部分。 这些标记应该只在body

更多细节

大多数浏览器接受body中-仅标记head 。 而Chrome有一个特定的行为。 发生这种情况时,Chrome浏览器认为该head部分被关闭。 因此,下面的head标记实际上被认为是在body 。 而且,由于当有图标标记不工作body ......

这就是为什么你的图标在Chrome失败,但适用于Firefox浏览器。

怎么修

你的前两个div都是围绕线153,仍处于head 。 作为一个暗示,他们的ID是fb-rootfb-customerchat 。 这应该帮助你发现哪个插件是这样做的。

如果你禁用这个插件,至少目前是这样? 你的选择。

你也应该将此问题报告给插件开发者。 你一定不会受到此问题的唯一的一个。



Answer 2:

最好的方式来增加WordPress的网站图标是增加通过图标Appearance > Customize > Site Identity 。 至少通过创建图标图像512 x 512 ,并按照导航路径。 然后上传图像Site Identity部分。 Save它,你就大功告成了。

请按照此获取更多信息。



Answer 3:

看来您使用的是PNG图像,你可以尝试添加属性type

所以,你的链接将是这样的: <link rel="icon" href="yourpath" type="image/png">

编辑:另外,把你的.ico文件在您网站的根,如果它没有这样做。



文章来源: WordPress Favicon not showing on Google Chrome tab