如何在IOS Safari'；s建议的网站列表

我正试图找出如何让我的网站图标出现在iOS Safari建议的网站部分，而不是默认的灰色Safari图标/占位符。其他网站也能做到这一点，但我不知道如何做到。我假设它与

favicon.ico

或

apple touch icon.png

文件有关，但我还无法确定我的网站使用了什么或如何使用它

例如，当我清除Safari缓存和历史记录，打开Safari并开始键入“ArstTechnica”时，我得到以下信息：

当我输入“americanexpress”时也有同样的想法：

以及"cnn":

但是，当我尝试其他网站时，例如“WellsGargo”，我会得到占位符（这也是我的网站正在发生的事情）：

我的

apple touch icon.png

不在根文件夹中，所以我移动了它，但这似乎没有任何区别。（我的

favicon.ico

已在根文件夹中。）

在对其中一些网站进行调查后，所使用的似乎不是

favicon.ico

或

apple touch icon.png

文件。ArstTechnica有一个

apple touch icon.png

文件（通过cdn重定向），但它与建议站点使用的图像不同。它确实有一个看起来匹配的

favicon.ico

，但是americanexpress

favicon.ico

也与建议的站点图标不匹配。检查每个HTML文件中的

链接

标记也会产生不确定的结果

---

有人知道“建议的站点”图标使用的是什么图像文件，以及我如何让它显示在我的网站上吗？

我想你必须在网站的根文件夹中放置一个名为-->home\u badge\u 64.png的文件

这将出现在您的头标签中：

<link href="/home_badge_64.png" rel="apple-touch-icon" />

---

作为一个现实生活中的例子，我现在正试图开始工作-->

这个图标似乎是从OpenGraph

og:image

元标记中获取的。我只是把它放在我的网站上，更改标签的值会更改建议网站项目中显示的图标

<meta property="og:image" content="link_to_your_icon.ext" />

我也有所有其他OpenGraph标记，所以我没有测试该元标记是否单独起作用，或者您是否需要所有其他标记