网站图标未显示?故障排除指南
昨天有效的网站图标可能会在部署后消失,在 Google 中看起来陈旧数周,或者永远不会出现在移动设备上。大多数问题是路径、缓存或格式问题,而不是您的徽标文件。
Quick answer
If your favicon is not showing, confirm favicon.ico loads at your site root, verify <link rel="icon"> paths on the live URL, and hard-refresh to bust browser cache — then use the Favicon Checker to see which paths resolve.
Check favicons on any website
Install the FetchFavicon Chrome Extension to extract, preview, and validate favicons instantly.
首先确认文件实际加载到您的实时域上。将您的 URL 粘贴到图标检查器中,查看 /favicon.ico、PNG 变体和 apple-touch-icon 路径是否返回 200 或 404。如果检查器找不到任何内容,浏览器也会返回。
浏览器会积极缓存网站图标——有时会持续数天。上传新图标后,硬刷新 (Ctrl+Shift+R / Cmd+Shift+R) 或将 ?v=2 附加到您的图标 URL 一次以破坏缓存。隐身模式是最快的健全性检查。
错误的路径是第二个最常见的原因。 <link rel="icon"> 必须指向部署后存在的 URL。如果生产从 CDN 子目录或不同的根目录提供服务,则计算机上 /public 中的文件将毫无用处。
如果 favicon.ico 丢失或损坏,Windows 快捷方式和旧版浏览器将显示空白图标。从 PNG 或 SVG 重新生成多尺寸 .ico - 重命名的 .png 文件不是有效的 ICO。
修复文件后,Google Search 可能需要几天或几周的时间来刷新 SERP 图标。 Googlebot-Image 必须抓取从您的主页链接的可访问图标,至少 48×48。检查 Search Console 和 robots.txt 选项卡图标是否有效,但 Google 仍显示旧图标。
对于格式和尺寸问题,请发送多尺寸 favicon.ico 和 PNG 后备。如果您不确定要部署哪些文件,请参阅我们的最佳图标格式和图标大小说明指南。
工作原理
- 1
检查加载哪些路径
通过 Favicon Checker 运行实时 URL 以查看解析哪些图标文件。
- 2
修复路径并重新生成
在根目录部署 favicon.ico,修复 <link> 标记,并根据需要使用 Favicon Generator 或 PNG to ICO 重新生成。
- 3
清除缓存并重新验证
硬刷新,添加?v=2一次,然后在隐身窗口和抓取后的Google Search中重新测试。
立即尝试
立即检查您的网站图标
Favicon 检查器常见问题
为什么我的图标没有显示?+
URL 浏览器请求时文件丢失、<link rel="icon"> 路径错误或旧版本卡在浏览器缓存中。首先使用图标检查器验证实时 URL。
为什么我更改图标后没有更新?+
浏览器会大量缓存网站图标。硬刷新、清除站点数据或将 ?v=2 添加到图标 URL。 CDN 缓存也可能会提供旧文件直至被清除。
为什么 Google 搜索结果中缺少我的网站图标?+
Google 需要一个从您的主页链接到的可抓取图标,至少 48×48,并且需要 Googlebot-Image 的访问权限。修复文件后,SERP 更新可能会滞后数天或数周。
如何解决图标缓存问题?+
重命名文件或附加查询字符串 (?v=2),清除 CDN,然后硬刷新。在私人窗口中进行测试以确认新图标加载。
为什么 favicon.ico 不工作?+
常见原因:文件未部署到站点根目录、它是重命名的 PNG 而不是真正的 ICO、缺少所需的大小或服务器返回错误的 MIME 类型。