Предварительный просмотр Rich Link не работает на WhatsApp IOS, но работает на Android

Question

Я работаю над веб-сайтом, который будет делиться в основном на WhatsApp через ссылки. Мне нужен расширенный предварительный просмотр для отображения, когда ссылка предоставляется в WhatsApp. Это работает только на android, но не IOS. Вот так выглядит моя голова на HTML ниже. Я испробовал все формы предположения, сохраняя изображение размером менее 300 КБ, а размер 1: 1 также меньше 300 пикселей. Все безрезультатно. Расширенный предварительный просмотр не показывает даже заголовок или описание. Что я не правильно делаю? Это ссылка на сайт в случае, если кто-то должен проверить меня https://www.happyventures.company/invite/zzisi/. Спасибо

<meta property="og:type" content="website">
<meta property="og:description" content="Happy - Just for good friends and family">
<meta property="og:title" content="Happy App">
<meta property="og:image" itemprop="image" content="https://happy-static.s3.eu-west-2.amazonaws.com/rsz_fav.png">
<meta name="twitter:image:alt" content="https://happy-static.s3.eu-west-2.amazonaws.com/rsz_fav.png">
<meta name="twitter:image" content="https://happy-static.s3.eu-west-2.amazonaws.com/rsz_fav.png">
<link href="https://www.happyventures.company" rel="canonical">
<meta property="og:image:width" content="250">
<meta property="og:image:height" content="250">
<meta property="og:image:type" content="image/png">
<link rel="apple-touch-icon" sizes="250x250" href="https://happy-static.s3.eu-west-2.amazonaws.com/rsz_fav.png">
<link rel="icon" type="image/png" sizes="250x250" href="https://happy-static.s3.eu-west-2.amazonaws.com/rsz_fav.png">
<link rel="icon" type="image/png" sizes="250x250" href="https://happy-static.s3.eu-west-2.amazonaws.com/rsz_fav.png">
<link rel="mask-icon" href="https://happy-static.s3.eu-west-2.amazonaws.com/rsz_fav.png" color="#6c63ff">```

Answer 1

Хорошо, вот я обновил свой ответ:

Я скопировал все содержимое вашего веб-сайта, используя исходный вид, и поставил его на тестовой странице моего домена, а расширенный текст появился для меня на IOS.

Но странным является ваш основной домен https://www.happyventures.company/ и https://www.happyventures.company/invite/zzisi/, но форматированный текст страниц не отображается только тогда, я попробовал свой веб-сайт WhatsApp и попытался Отладка, что именно ответ, то я обнаружил, что для моего домена он дает мне ответное сообщение, но для вашего домена он дает 404 .

Пожалуйста, проверьте ваш сайт на https://web.whatsapp.com/

Также попробуйте то же самое с доменами ".com", если он у вас есть.

Оформите снимок экрана для 404 :

---

СТАРЫЙ ответ, который в любом случае мне подходит: Попробуйте код ниже:

<meta property="og:type" content="website">
<meta property="og:title" content="Happy App">
<meta property="og:image:width" content="250">
<meta property="og:image:height" content="250">
<meta property="og:image:type" content="image/png">
<meta property="og:description" content="2 Happy - Just for good friends and family">
<meta property="og:image" itemprop="image" content="https://happy-static.s3.eu-west-2.amazonaws.com/rsz_fav.png">

<meta name="twitter:image:alt" content="https://happy-static.s3.eu-west-2.amazonaws.com/rsz_fav.png">
<meta name="twitter:image" content="https://happy-static.s3.eu-west-2.amazonaws.com/rsz_fav.png">