iOS10消息链接预览图像
任何iOS10测试人员都知道消息是否使用类似于Facebook Open Graph的语法来设置元描述和图像之类的内容 我正在建立一个网站,并希望在iOS10发布时做好准备 以下是我所说的类型:iOS10消息链接预览图像,ios,facebook,facebook-opengraph,ios10,twitter-card,Ios,Facebook,Facebook Opengraph,Ios10,Twitter Card,任何iOS10测试人员都知道消息是否使用类似于Facebook Open Graph的语法来设置元描述和图像之类的内容 我正在建立一个网站,并希望在iOS10发布时做好准备 以下是我所说的类型: <!-- Facebook Meta --> <meta property="og:title" content="Site | Title of Page" /> <meta property="og:image" content="http://www.domain.c
<!-- 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." />
以下是我试图控制的图像/信息:
它至少在使用和
演示
标记:
预览:
标记:
显著发现
我使用Twitter卡和OpenGraph进行了测试,iOS似乎更喜欢OpenGraph。在测试页面上,Twitter卡标记放在Open Graph标记之前,用于Twitter卡的图像小于Open Graph中使用的图像。尽管尺寸更小,位置更早,iOS还是选择了从Open Graph显示图像。非常感谢,John!我真的很感谢您的帮助:)您是否设法通过SSL实现了这一点?我的http og:image标记与原始http配合得很好,但任何https图像都不会加载,即使我使用og:image:secure\Url您的答案有输入错误-twitter卡标记应该是
twitter:image
,而不是og:image
——这让我很困惑。很好。现在修好它。
<meta property="og:image" content="https://www.j-26.com/assets/facebook.jpg"/>
<meta name="twitter:image" content="https://www.j-26.com/assets/twitter.jpg"/>