iOS10消息链接预览图像

Question

任何iOS10 beta测试人员都知道如果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." />

这是我试图控制的图像/信息：

Answer 1

至少使用Open Graph和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卡标记位于Open Graph标记之前，用于Twitter Card的图像小于，而不是Open Graph中使用的图像。尽管尺寸较小且放置较早，但iOS选择从Open Graph中显示图像。