iOS10 消息 Link 预览图像

Question

任何 iOS10 测试人员都知道 Messages 是否使用类似于 Facebook Open Graph 的语法来设置元描述和图像等内容？

我正在构建一个站点，希望在 iOS10 启动时准备好它。

这是我正在谈论的东西类型：

<!-- Facebook Meta -->
<meta property="og:title" content="Site | Title of Page" />
<meta property="og:image" content="http://www.domain.com/im-content/social-post-images/facebook image.png" />
<meta property="og:url" content="http://www.domain.com" />
<meta property="og:site-name" content="Site | Title of Page"/>
<meta property="og:type" content="website" />
<meta property="og:description" content="Here is a description of my site that will show up in the Facebook card." />

这是我要控制的image/info：

Answer 1

至少使用了Open Graph and Twitter Card。

演示

Open Graph

标记：

<meta property="og:image" content="https://www.j-26.com/assets/facebook.jpg"/>

预览：

---

Twitter Card

标记：

<meta name="twitter:image" content="https://www.j-26.com/assets/twitter.jpg"/>

---

值得注意的发现

我使用 Twitter Card 和 Open graph 测试了 this page，iOS 似乎更喜欢 Open Graph。在测试页面上，Twitter Card 标记位于 Open Graph 标记之前 and 用于 Twitter Card 的图像比 Twitter Card 使用的图像 smaller打开图表。尽管尺寸较小且位置较早，iOS 选择显示来自 Open Graph 的图像。