#ios #wordpress #facebook-opengraph #yoast
#iOS #wordpress #facebook-opengraph #yoast
Вопрос:
Я пытаюсь установить тег og: image для моего веб-сайта, чтобы пользователи могли видеть уменьшенное изображение при публикации ссылки на веб-сайт. Теперь миниатюра facebook, Twitter и Linkedin работает нормально. Но когда я делюсь ссылкой в WhatsApp, это работает только для Android. В случае WhatsApp для ios он пытается загрузить изображение, но терпит неудачу, и со ссылкой на веб-сайт отправляется только описание веб-сайта.
Я уже следил за всеми ответами, доступными на этом форуме.Изображение, которое я пытаюсь использовать для миниатюр, имеет 669 × 378 px
размер 89 КБ. Согласно facebook debugger ошибок нет. Мой веб-сайт находится на WordPress, поэтому я ранее использовал Yoast SEO, но для решения этой проблемы я попытался добавить мета-теги вручную, но ничего не работает для WhatsApp для IOS.
Это метатеги, найденные facebook debugger для моего веб-сайта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 | Asiaamp;#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:
Согласно документации open graph, вы должны использовать изображения 1: 1, т. е. квадратные изображения, кроме того, удалите плагин yoast seo и добавьте мета-теги вручную (я использовал плагин под названием scripts and styles). Это помогло мне решить проблему с миниатюрой в WhatsApp для ios. Возможно, вы также захотите добавить еще один мета-тег с прямоугольным изображением, поскольку Facebook исказит изображение 1: 1, когда вы поделитесь им на Facebook.