如何使WhatsApp for iOS获取我网站上og标签中设置的预览图像?

时间:2019-03-24 09:01:15

标签: ios wordpress facebook-opengraph opengraph yoast

我正在尝试为我的网站设置og:image标签,以便用户在共享网站链接时可以看到缩略图。现在,缩略图可以正常使用Facebook,Twitter和Linkedin。但是,当我在WhatsApp上共享链接时,它仅适用于android。对于适用于iOS的WhatsApp,它会尝试加载图像,但会失败,并且仅通过网站链接发送网站描述。

我已经关注了该论坛上所有可用的答案。我要用于缩略图的图像为669 × 378 px,大小为89KB。根据facebook调试器,没有错误。我的网站使用WordPress,因此我较早使用了Yoast SEO,但为了解决此问题,我也尝试通过手动添加元标记来进行操作,但不适用于WhatsApp for IOS。

这些是facebook调试器为我的网站https://www.indiadappfest.com

找到的元标记
These are the raw tags that we found
Meta Tag    <meta property="og:locale" content="en_US" />
Meta Tag    <meta property="og:type" content="website" />
Meta Tag    <meta property="og:title" content="India Dapp Fest 2019 | Asia&#039;s top-notch revelation on blockchain based applications" />
Meta Tag    <meta property="og:description" content="India Dapp Fest is a top-notch conference focussed on blockchain, enabling conscious decentralization and inturn, ushering in a change to pave the path for future work assemblies" />
Meta Tag    <meta property="og:url" content="https://www.indiadappfest.com" />
Meta Tag    <meta property="og:site_name" content="India Dapp Fest 2019" />
Meta Tag    <meta property="og:image" content="https://www.indiadappfest.com/wp-content/uploads/2019/03/thumbnail-2-low-resolution.jpg" />
Meta Tag    <meta property="og:image:secure_url" content="https://www.indiadappfest.com/wp-content/uploads/2019/03/thumbnail-2-low-resolution.jpg" />
Meta Tag    <meta property="og:updated_time" content="1553416119" />

有人,请帮助我为ios修复它。

1 个答案:

答案 0 :(得分:1)

根据打开的图形documentation,您应该使用1:1即正方形图像,除了删除yoast seo插件并手动添加meta标签(我使用了一个称为脚本和样式的插件)。这帮助我解决了WhatsApp for ios中的缩略图问题。您可能还想添加另一个带有矩形图像的元标记,因为当您在Facebook上共享该图像时,Facebook会将1:1图像倾斜。