Whatsapp缩略图完全不具有og meta标签的属性

时间:2019-07-04 15:27:25

标签: javascript html vue.js whatsapp

因此,我为vue.js应用程序添加了必需的meta标签属性,并且遇到了一些奇怪的问题,我觉得我做错了什么,但不确定是什么。

当我将链接放在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>

任何人都可以建议吗?

0 个答案:

没有答案