我正在尝试利用带有开放图元标记的富文本消息。所以我在我的网站头部包含了我的元标记,它通过了所有的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" />
答案 0 :(得分:4)
的Yetter,
Apple支持Open Graph仅用于iOS 10+以上的丰富SMS消息,因此请确保您测试发送短信的设备至少是iOS 10(或更高版本)
Apple仅支持og:title
和og:image
。它忽略了其余部分(因此在上面的示例中,og:description
被完全忽略。此外,如果您的og:image
是gif图像,Apple不支持。
您在短信中的网址需要有自己的&#34;字&#34;意思是它与文本中的任何其他单词之间至少需要一个空格。此外,也许最重要的是,它需要指定一个方案,因此:http://
或https://
。
使用og:标签只能有一个指向您网站的超链接。不止一个关闭此功能。
最后,我不相信Android在其短信中支持如此丰富的短信功能(至少不支持Open Graph) - 至少据我所知,写作时(十一月-2017)。如果他们采用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/
答案 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对上述问题的回答,这解决了我令人沮丧的情况。
希望这会有所帮助。祝你好运!