在带有图像标签的whatsapp上共享网站链接

时间:2018-12-10 09:20:05

标签: html asp.net plugins whatsapp

当我们共享这样的链接时,如何在我们的网站中包含图片以显示在WhatsApp中?

代码

    <html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script type="text/javascript" src="####"></script>  // plugin from 
  

www.addthis.com

</head>
<body>
    <form id="form1" runat="server">
    <div class="addthis_inline_share_toolbox"></div>
    </form>
</body>
</html>

1 个答案:

答案 0 :(得分:0)

要为大多数社交共享网站添加图片,您需要在网站的head标签中添加一些元数据

您要查找的元标记是“ og:image”。这是一个例子。

<meta property="og:image" content="https://via.placeholder.com/150" />

内容字段将指向所需图像的位置。当您在许多社交媒体(WhatsApp,Facebook,LinkedIn ...)上共享您的网站时,将使用此标签。

请注意,对于Twitter,标记为“ twitter:image:src”

有关更多信息,请查看此https://ogp.me/