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

时间:2017-07-30 12:58:57

标签: sms opengraph meta-tags

我正在尝试利用带有开放图元标记的富文本消息。所以我在我的网站头部包含了我的元标记,它通过了所有的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" />

2 个答案:

答案 0 :(得分:4)

的Yetter,

在这里帮助你的几个快速的事情:

  1. Apple支持Open Graph仅用于iOS 10+以上的丰富SMS消息,因此请确保您测试发送短信的设备至少是iOS 10(或更高版本)

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

  3. 您在短信中的网址需要有自己的&#34;字&#34;意思是它与文本中的任何其他单词之间至少需要一个空格。此外,也许最重要的是,它需要指定一个方案,因此:http://https://

  4. 使用og:标签只能有一个指向您网站的超链接。不止一个关闭此功能。

  5. 最后,我不相信Android在其短信中支持如此丰富的短信功能(至少不支持Open Graph) - 至少据我所知,写作时(十一月-2017)。如果他们采用OG作为标准,那就太好了。

  6. 例如,这些不会起作用:

    • 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/

答案 1 :(得分:0)

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个meta,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对上述问题的回答,这解决了我令人沮丧的情况。

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