如何在 Discourse 多站点中正确使用 .ico favicons？Google 为主站和论坛显示不同的 favicons，尽管上传相同

支持
1

大家好，

我正在管理一个 Discourse 多站点设置，服务器上有许多站点。为了品牌一致性，我想为主站点及其论坛都使用 .ico 网站图标（32x32）。

我已经将相同的 .ico 网站图标上传到主站点和论坛——但是，当我查看 Google 搜索结果时：

  • 主站点显示的是 16x16 的网站图标（PNG 或 .ico？），正如预期的那样。
  • 论坛显示的是一个较大的 26x26 PNG 图标，尽管网站图标是同一个 .ico 文件。

我怀疑 Discourse 会单独注入其默认的 PNG 网站图标，这可能会导致 Google 和浏览器在主站点和论坛之间选择不同的网站图标版本。

我的问题是：

  1. 如何在 Discourse 中正确使用 .ico 网站图标文件？
  2. 如何完全覆盖或禁用默认的 Discourse PNG 网站图标，以便只使用我的 .ico 网站图标？
  3. 这种网站图标不一致是否会影响 SEO 或 Google 搜索结果？如何解决？
  4. 有什么最佳实践可以确保在所有多站点论坛和主站点之间显示一致的网站图标？

我也正在为多站点 Discourse 设置寻找解决方案。

感谢您的帮助！

1 个赞
2

问得好，我也有这个！

1 个赞
3

还在寻求帮助或建议。:eyes:
谢谢！

4

它在我们的托管上运行正常。

您能否发布实际的网站主机名，并指明哪个是多站点根站点，哪个是多站点访客站点，以便我们查看？

1 个赞
5

@supermathie
感谢您的回复！
感谢您的建议以及对主站点和访客站点的澄清。

多站点主站点是 forum.getnursingjobs.com，访客站点之一是 forum.getchefjobs.com
有什么建议吗？

6

对于 Discourse 站点，图标由页面内容决定（head 中的 link 元素）：

○ → curl -s https://forum.getnursingjobs.com/ | htmlq 'link[rel=icon]'
<link href="https://forum.getnursingjobs.com/uploads/default/optimized/1X/931ed11ccda2b78d1b427939901795ee6d2d4b50_2_32x32.png" rel="icon" type="image/png">

○ → curl -s https://forum.getchefjobs.com/ | htmlq 'link[rel=icon]'
<link href="https://forum.getchefjobs.com/uploads/chef/optimized/1X/931ed11ccda2b78d1b427939901795ee6d2d4b50_2_32x32.png" rel="icon" type="image/png">

而这些文件（分别是 和 ）都是 32×32 的 PNG，符合预期：

○ → curl -s https://forum.getnursingjobs.com/uploads/default/optimized/1X/931ed11ccda2b78d1b427939901795ee6d2d4b50_2_32x32.png | file -
/dev/stdin: PNG image data, 32 x 32, 8-bit/color RGBA, non-interlaced

○ → curl -s https://forum.getchefjobs.com/uploads/chef/optimized/1X/931ed11ccda2b78d1b427939901795ee6d2d4b50_2_32x32.png | file -
/dev/stdin: PNG image data, 32 x 32, 8-bit/color RGBA, non-interlaced

这大概就是你想要的吧？

我猜你说的“主站”是指例如 www.getnursingjobs.com；该网站有一个图标（），也是一个 32×32 的 PNG：

○ → curl -s https://www.getnursingjobs.com/favicon.ico | file -
/dev/stdin: PNG image data, 32 x 32, 8-bit colormap, non-interlaced

在我看来，所有图标都是 32×32 的 PNG，一切看起来都很好。如果你遇到的问题是 Google 显示了不同尺寸的图标，那是它们为你生成的，你无法控制。但看起来它们唯一做的改动就是以不同尺寸（在我这里是 18x18）渲染图标，尽管它们为你的网站显示的图标仍然是一个 32×32 的 PNG：

image
image1611×1664 486 KB

对我来说，一切看起来都很好。

1 个赞
7

非常感谢 @supermathie 提供的详细、全面的分析。我非常感激您花时间对此进行研究并给出如此清晰的解释。您的分析非常有帮助。

1 个赞
8

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.