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

Question

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

然而，当我向 Android 或 iOS 上的人发送 link 时，它通常不起作用。它通常适用于 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

还有，

一些快速的事情可以帮助你：

Apple 仅自 iOS 10+ 起才支持丰富 SMS 消息的 Open Graph，因此请确保您正在测试发送短信的设备至少为 iOS 10（或更高）
Apple 仅支持 og:title 和 og:image。它忽略了其余部分（因此在上面的示例中，og:description 被完全忽略。此外，如果您的 og:image 是 gif 图像，Apple 不支持它。
您在短信中的 url 需要单独显示 "word" 意味着它与任何其他单词之间至少需要一个 space在文中。此外，也许最重要的是，它需要指定一个方案，因此：http:// 或 https://.
您只能有一个超链接到您的网站 og:tags。不止一个关闭此功能。
最后，我不相信 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? //Link在文本之间。

而这些会起作用：

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 邮件拒绝显示我指定的缩略图。我做了很多研究并尝试了在另一个问题中可以找到的所有内容：在 WhatsApp 中显示 link 的缩略图 || og:image meta-tag 无效

我的标签膨胀到 9 个（8 个元，1 个 link），但实际上是 link 标签让它在 android 条消息中起作用：

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

我不确定除了 link 标签之外是否还需要其他标签才能使其在 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 上述问题的特定答案解决了我令人沮丧的情况。

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

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

Open Graph SMS rich messages on Android and iOS

sms

meta-tags

facebook-opengraph

一些快速的事情可以帮助你：

所以例如这些是行不通的：

而这些会起作用：

参考阅读：