指南

网站图标未显示?故障排除指南

昨天有效的网站图标可能会在部署后消失,在 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.

Install Chrome Extension

首先确认文件实际加载到您的实时域上。将您的 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. 1

    检查加载哪些路径

    通过 Favicon Checker 运行实时 URL 以查看解析哪些图标文件。

  2. 2

    修复路径并重新生成

    在根目录部署 favicon.ico,修复 <link> 标记,并根据需要使用 Favicon Generator 或 PNG to ICO 重新生成。

  3. 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 类型。

相关工具

更多指南

指南