解决谷歌搜索结果中不显示网站图标问题

Published on
Authors
  • avatar
    Name
    套路猿
    Twitter

为什么谷歌搜索结果中不显示网站图标

谷歌搜索结果只展示默认图标而不是我网站的图标

进入网站浏览器标签页却展示图标/logo/icon

  • 通过 site:yourwebsite.com 查看网站搜索结果,没有展示logo icon,但是进入网站浏览器标签上 页却展示了logo icon

  • 那么说明你的网站logo icon 图标路径正常的.没有被google抓取成功或抓取的时间还没到

新网站需要等待

如果是新网站,需要等待 google对icon进行抓取,看一段时间后是否会出现

检查是否符合显示网站图标的要求

如果是老网站,或者觉得logo icon 没问题,等待时间过长还没展示图标.

可以看 是否符合在搜索结果中显示的网站图标的要求

根据google搜索文档的说明

网站图标必须为正方形,且其边长应是 48px 的倍数,例如:48x48px、96x96px、144x144px 等(或者宽高比为 1:1 的方形 SVG)

具体的可以看这个文档 google search 文档

解决谷歌搜索结果中不展示网站图标问题

我的解决方法是,将我的网站图标改成了三种分辨率的正方形图标
分别是16x16px, 32x32px, 64x64px
并用 link 标签引入到网页中 ,对应代码如下

<link rel="icon" type="image/png" sizes="32x32" href="/static/favicons/favicon-32x32.ico" />
<link rel="icon" type="image/png" sizes="16x16" href="/static/favicons/favicon-16x16.ico" />
<link rel="icon" type="image/png" sizes="64x64" href="/static/favicons/favicon.ico" />

大概等了一天多,访问 site:blog.taoluyuan.com 发现图标已经展示了