在过去的两周里,我一直遇到一个问题,即我的图标没有显示在浏览器的搜索结果中,尤其是在 Google 上。该图标的图像尺寸为 48 像素 x 48 像素,采用 PNG 格式。我正在使用 Ocean-WP 的子主题,并通过主题编辑器在“站点标识”下的“自定义”部分中添加了图标。该图标正确显示在书签选项卡中。每次在 Google Search Console 中,我都会请求重新索引,所以我不知道这是否是时间问题,因为我可以看到网站何时在 GSC 上建立索引,除非图标与此无关。我还应该补充一点,我使用 Yoast SEO 插件,我也在其中设置了图像。 我网站头部的代码如下所示:
<link rel="icon" href="https://xyz.pl/wp-content/uploads/2023/12/cropped-Logoxyz-32x32.png" sizes="32x32">
<link rel="icon" href="https://xyz.pl/wp-content/uploads/2023/12/cropped-Logoxyz-192x192.png" sizes="192x192">
<link rel="apple-touch-icon" href="https://xyz.pl/wp-content/uploads/2023/12/cropped-Logoxyz48-180x180.png">
<meta name="msapplication-TileImage" content="https://xyz.pl/wp-content/uploads/2023/12/cropped-Logoxyz-270x270.png">
我已经尝试过使用SVG格式和PNG的各种尺寸,它们是48px的倍数。此外,在这些尝试中我主要遵守了 Google 的指导方针。 文字
如果您的 WordPress 网站的图标(favicon)未显示在浏览器搜索结果中,可能是由于缓存问题或配置不正确。您可以采取以下几个步骤来排除故障并解决问题:
清除浏览器缓存:有时,浏览器缓存可能会阻止显示更新的图标。清除浏览器缓存并刷新搜索结果页面以查看图标是否出现。
验证 Favicon 路径:确保在 WordPress 网站的 HTML 代码中正确指定 favicon 文件。 favicon 文件应命名为“favicon.ico”并放置在 WordPress 安装的根目录中。图标的 HTML 代码应添加到主题 header.php 文件的
<head>
部分或通过 WordPress 定制器添加。
<link rel="icon" type="image/x-icon" href="favicon.ico">
检查文件权限:确保 favicon.ico 文件具有适当的文件权限设置,允许 Web 服务器访问它。该文件应该具有 Web 服务器用户的读取权限。
Favicon 大小和格式:确保 favicon.ico 文件的大小和格式正确。网站图标通常应为 16x16 像素或 32x32 像素 .ico 文件格式。您可以使用图像编辑工具创建图像或将图像转换为适当的格式。
验证 WordPress 设置中的 Favicon 路径:在 WordPress 管理仪表板中,转到“设置”->“常规”。确保“站点图标”字段正确设置为您的 favicon.ico 文件的 URL。
检查缓存插件或 CDN:如果您使用缓存插件或内容分发网络 (CDN),它可能会缓存以前版本的图标。清除缓存插件或 CDN 设置中的缓存并验证图标是否正确显示。
在不同浏览器上测试:检查问题是否特定于特定浏览器。在不同的浏览器中测试您的网站,看看图标是否正确显示。
等待传播:更新后的图标可能需要一些时间才能在不同服务器上传播并普遍可见。稍等片刻,重新查看搜索结果。
通过执行以下步骤,您应该能够排查并解决 WordPress 网站上的浏览器搜索结果中未显示网站图标的问题。