Как сделать так, чтобы WhatsApp для iOS получал изображение для предварительного просмотра, заданное в теге og на моем сайте?

Question

Я пытаюсь установить тег og: image для своего веб-сайта, чтобы пользователи могли видеть его миниатюру при публикации ссылки на веб-сайт.Теперь миниатюра прекрасно работает в Facebook, Twitter и Linkedin.Но когда я делюсь ссылкой на WhatsApp, она работает только для Android.В случае WhatsApp для ios он пытается загрузить изображение, но не удается, и по ссылке на сайт отправляется только описание сайта.

Я уже выполнил все ответы, доступные на этом форуме. Изображение, которое я пытаюсьиспользовать для миниатюры 669 × 378 px и размером 89 КБ.По отладчику facebook ошибок нет.Мой сайт работает на WordPress, поэтому я ранее использовал Yoast SEO, но для решения этой проблемы я попытался добавить метатеги также вручную, но ничего не работает для WhatsApp для 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.

Answer 1

В соответствии с открытым графиком документация вы должны использовать квадратные изображения 1: 1, кроме этого удалить плагин yoast seo и добавить метатеги вручную (я использовал плагин, называемый скриптами и стилями). Это помогло мне решить проблему с миниатюрой в WhatsApp для ios. Вы также можете добавить другой метатег с прямоугольным изображением, так как Facebook будет искажать изображение 1: 1, когда вы будете делиться им на Facebook.