如何让 WhatsApp for iOS 在我的网站的 og 标签中获取预览集的图像？

Question

我正在尝试为我的网站设置 og:image 标签，以便用户可以在共享网站 link 时看到缩略图。现在缩略图在 facebook、twitter 和 Linkedin 上运行良好。但是当我在 WhatsApp 上分享 link 时，它只适用于 android。对于 ios 的 WhatsApp，它尝试加载图像但失败，并且仅网站描述随网站 link.

一起发送

我已经了解了这张 forum.The 图像上可用的所有答案，我尝试将其用作缩略图 669 × 378 px，大小为 89KB。根据 facebook 调试器，没有错误。我的网站是在 WordPress 中，所以我之前使用的是 Yoast SEO，但为了解决这个问题，我也尝试通过手动添加元标记来解决这个问题，但是对于 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 插件并手动添加元标签（我使用了一个名为脚本和样式的插件).这帮助我解决了 ios 的 WhatsApp 缩略图问题。您可能还想添加另一个带有矩形图像的元标记，因为当您在 Facebook 上共享图像时，Facebook 会扭曲 1:1 图像。

如何让 WhatsApp for iOS 在我的网站的 og 标签中获取预览集的图像？

How to make WhatsApp for iOS fetch image for preview set in og tag in my website?

wordpress

ios

facebook-opengraph

yoast