如何为我的网站中的og标签中的iOS获取预览设置的WhatsApp？

Question

我正在尝试为我的网站设置og:image标签，以便用户在共享网站链接时可以看到缩略图。现在，这个缩略图在facebook、twitter和Linkedin上都运行得很好。但当我在WhatsApp上分享这个链接时，它只适用于安卓系统。对于ios的WhatsApp，它试图加载镜像，但失败了，并且只发送带有网站链接的网站描述。

我已经遵循了这张forum.The图像上的所有答案，我尝试使用的缩略图是669 × 378 px，大小为89KB。根据facebook调试器，没有错误。我的网站是WordPress的，所以我之前使用了Yoast SEO，但为了解决这个问题，我也尝试了手动添加meta标签，但对于IOS版的WhatsApp没有任何效果。

这些是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的问题。

Answer 1

根据开放图形documentation，你应该使用1:1即正方形图像，除此之外，删除yoast seo插件并手动添加meta标签(我使用了一个名为脚本和样式的插件)。这帮助我解决了ios下WhatsApp缩略图的问题。你可能还想添加另一个带有矩形图像的meta标签，因为当你在Facebook上分享它时，Facebook会倾斜1:1的图像。