在 Android 和 iOS 上打开 Graph SMS 富消息

Question

我正在尝试利用带有开放图形元标记的富文本消息。所以我在我的网站头中包含了我的元标记，它通过了所有的 Facebook 调试和 iOS API 验证工具。

然而，当我在 Android 或 iOS 上向人们发送链接时，它通常不起作用。它通常适用于 Facebook Messenger

有谁知道这是手机运营商的问题还是我的配置有问题？

<meta property="fb:app_id" content="********" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://dameranchdesigns.com/" />
<meta property="og:title" content="Dame Ranch Designs" />
<meta property="og:description" content="Divinely inspired logo graphics and 
website design. A whole new way of being ... on the internet." />
<meta property="og:image"  
content="https://dameranchdesigns.com/images/logos/DRDSunLncropped.png" />

Answer 1

还是，

这里有几件事可以帮助您：

1. Apple 仅从 iOS 10+ 起支持 Open Graph 丰富的 SMS 消息，因此请确保您正在测试发送短信的设备至少为 iOS 10（或更高版本）

2. Apple 仅支持 og:title 和 og:image。它忽略其余部分（因此在上面的示例中，og:description 完全被忽略。此外，如果您的 og:image 是 gif 图像，Apple 不支持。

3. 您在短信中的 url 必须是它自己的“单词”，这意味着它与文本中的任何其他单词之间至少需要有一个空格。此外，也许最重要的是，它需要指定一个方案，因此：http:// 或 https://。

4. 您只能有一个带有 og:tags 的超链接到您的站点。不止一个会关闭此功能。

5. 最后，我不相信 Android 在其 SMS 中支持如此丰富的消息传递功能（至少不支持 Open Graph）——至少就我在撰写本文时（2017 年 11 月）所知。如果他们采用 OG 作为标准，那就太好了。

例如，这些不起作用：

• you were invited. You can join on: grapevite.com //没有方案存在
• you were invited on http://grapevite.com. Care to join? //链接在文本之间。

而这些会起作用：

• you were invited on Grapevite. http://grapevite.com
• http://grapevite.com. The world's premier platform for creating, sharing and joining experiences

参考阅读：

像这样的一些网站可以为您提供有关上述内容的一些见解：https://uplandsoftware.com/mobile-messaging/resources/blog/what-ios-10-means-for-mobile-messaging/ https://www.tatango.com/blog/ios-10-what-sms-marketers-need-to-know-and-do/

Answer 2

为处理 2019 年中期的任何人提供一些更新。我今天正在处理这个问题。我试图指定某个缩略图在 Facebook Messenger、iOS 消息和 android 消息的富消息预览中显示。

使用我正在开发的网站上的实际代码。请务必将内容替换为您自己的内容。

这 4 个标签使它适用于 Facebook Messenger 和 iOS 消息：

<meta property="og:title" content="Software to manage leasing and rental applications" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://geteagle.com.au/products/leasing-tools/" />
<meta property="og:image" itemprop="image" content="https://geteagle.com.au/site/templates/images/logo-og-white-big.jpg" />

由于某种原因，android 消息拒绝显示我指定的缩略图。我做了很多研究并尝试了我在另一个问题中可以找到的所有内容：Showing Thumbnail for link in WhatsApp || og:image meta-tag doesn't work

我的标签膨胀到 9 个（8 个元，1 个链接），但实际上是链接标签使它在 android 消息中工作：

<link itemprop="thumbnailUrl" href="https://geteagle.com.au/site/templates/images/logo-og-white-big.jpg"> 

我不确定除了链接标签之外是否还需要其他标签才能使其在 android 消息上工作，但如果您想尝试，这里是完整的块：

<meta property="og:title" content="Software to manage leasing and rental applications" />
<meta property=”og:description” content="Eagle offers a suite of of leasing tools and application management features to power-up your rental team!" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://geteagle.com.au/products/leasing-tools/" />
<meta property="og:image" itemprop="image" content="https://geteagle.com.au/site/templates/images/logo-og-white-big.jpg" />
<meta property="og:image:secure_url" itemprop="image" content="https://geteagle.com.au/site/templates/images/logo-og-white-big.jpg" />
<meta property="og:image:width" content="1000" />
<meta property="og:image:height" content="500" />

<link itemprop="thumbnailUrl" href="https://geteagle.com.au/site/templates/images/logo-og-white-big.jpg"> 

非常感谢this 对上述问题的特别回答，解决了我令人沮丧的情况。

希望这会有所帮助。祝你好运！