iOS10消息链接预览图像

Jon*_*Jon 11 facebook ios facebook-opengraph twitter-card ios10

任何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." />
Run Code Online (Sandbox Code Playgroud)

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

在此输入图像描述

Joh*_*rry 13

它至少使用Open GraphTwitter Card.

演示

打开图表

标记:

<meta property="og:image" content="https://www.j-26.com/assets/facebook.jpg"/>
Run Code Online (Sandbox Code Playgroud)

预习:

在此输入图像描述


Twitter卡

标记:

<meta name="twitter:image" content="https://www.j-26.com/assets/twitter.jpg"/>
Run Code Online (Sandbox Code Playgroud)

在此输入图像描述


值得注意的发现

我使用Twitter Card和Open graph 测试了这个页面,iOS似乎更喜欢Open Graph.在测试页面,Twitter的卡片标记被放置在打开图标记之前用于Twitter的卡上的图像是比在打开图中使用的一个.尽管尺寸较小且放置较早,但iOS选择从Open Graph中显示图像.