WordPress Favicon 未显示在 Google Chrome 选项卡上

WordPress Favicon not showing on Google Chrome tab

几个星期以来,我的网络杂志的图标不再显示,这在我工作的浏览器上,也在我的个人电脑上。

我想我没有更改配置。我试过重新上传,没用。

https://www.yubigeek.com/

在Google Chrome Developer Console中,favicon.ico (404) 上有错误,但在页面的源代码中,这个 URL 不是打电话。

但是有两个标签 link 带有 rel = "icon" 和图标的 URL,如果我点击 links,图像是那里。

看来你用的是PNG图片,你可以试试添加属性type

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

编辑: 另外,如果尚未完成,请将 .ico 文件放在网站的根目录中。

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

更多信息请关注this

这是由于 div 标记错误地出现在页面的 head 部分。这样的标记应该只在 body.

更多详情

大多数浏览器接受 body-only 标记 head。但是 Chrome 有一个特殊的行为。发生这种情况时,Chrome 认为 head 部分已关闭。因此,head 之后的标记实际上被认为是在 body 中。并且由于 favicon 标记在 body...

中不起作用

这就是为什么您的网站图标在 Chrome 上失败但在 Firefox 上运行的原因。

如何修复

你的前两个div在第153行左右,还在head。作为提示,它们的 ID 是 fb-rootfb-customerchat。这应该可以帮助您发现哪个插件正在执行此操作。

您是否应该禁用此插件,至少暂时禁用?你的选择。

您还应将此问题报告给插件开发者。您一定不是唯一受此问题影响的人。