favicon 换了,为什么仍显示旧图标?
浏览器标签页和 Google 搜索结果需要分别排查。先证明网站实际提供了正确文件,再处理缓存或搜索抓取问题。
先打开准确的文件地址
从页面的 rel=icon 链接复制图标地址,直接打开。文件不存在、返回 HTML 错误页或仍是旧图,都说明要先检查部署或路径。查看已上线的首页,不能只看本地预览。安装在子目录时,特别检查地址开头的斜杠是否指向了错误目录。
做一次有明确目标的浏览器测试
检查网页头部、CMS 和主题是否重复声明了图标。不同尺寸或格式可能让浏览器选择另一份文件。可用新的浏览器配置文件测试。部署时可以改一次文件名并更新链接,再确认新地址确实返回正确图片;不要用不断改名代替排查。
把 Google 当作独立系统处理
Google 需要能抓取首页和图标,每个主机名使用一个 favicon,并建议使用边长大于 48px 的正方形图片。子目录没有独立的搜索图标。确定后保持地址稳定,检查抓取权限,等待重新抓取。满足要求也不保证展示,重复转换同一张图片无法强制 Google 刷新。
参考资料与延伸阅读
MDN — rel: icon ↗Google — Favicon ↗