Итак, я добавил необходимые свойства метатега для моего приложения vue.js, и я столкнулся с некоторыми странными проблемами, я чувствую, что я делаю что-то не так, но я не уверен, что это такое.
Когда я помещаю свою ссылку на Facebook Massenger, миниатюра работает отлично - отображаются название, описание и изображение.
но когда я помещаю его в WhatsApp - все, что я вижу, это заголовок веб-сайта (не тот, который я написал в og: title, а только тот, который я написал в фактическом заголовке)
это код моей головы в индексном файле:
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<meta property="og:title" content="my app title - works only on fb" />
<meta property="og:description" content="my app og:description- works only on fb" />
<meta property="og:image" itemprop="image" content="https://img.youtube.com/vi/g1b3qcxp4H8/maxresdefault.jpg"/>
<meta property="og:type" content="website" />
<meta property="og:url" content="http://myapp.co/" />
<link rel="icon" href="<%= BASE_URL %>favicon.ico">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css" integrity="sha384-oS3vJWv+0UjzBfQzYUhtDYW+Pj2yciDJxpsK1OYPAYjqT085Qq/1cq5FLXAZQ7Ay" crossorigin="anonymous">
<title>This is the title i see on whatsapp</title>
</head>
Может кто-нибудь посоветовать?