在WhatsApp上共享链接时如何启用图片？

Question

如何在whatsapp中共享链接时显示图像？与上面的链接一样，来自amprandom.blogspot.com。

根据需要修改OG标签。仍然没有显示图像。如何让它工作？

Answer 1

您可以使用Sharing Debugger查看在Facebook，Messenger和其他位置共享您的网站内容时使用的信息。 Batch Invalidator将允许您同时刷新多个URL的此信息。通过Open Graph标记，您可以控制网站内容对他人的显示方式。

  

参考：https://developers.facebook.com/tools/debug/

步骤：

1. 添加所需的og tags例如。您网站代码中的og:title，og:image等。
2. 添加必要的代码后，转到Sharing Debugger并在那里输入您的网站网址。
3. 单击Debug。它将显示由其报废的所有数据并刷新它们。

下次分享您的网站/链接时，它会废弃添加到其中的元数据。

修改 您需要将itemprop添加到og:image元标记

例如：将url_image的值更改为您的image / logo / favicon网址。

<meta property="og:image" itemprop="image" content="url_image">

来自schema.org内部的WhatsApp的缩略图架构

<link itemprop="thumbnailUrl" href="url_image"> 
<span itemprop="thumbnail" itemscope itemtype="http://schema.org/ImageObject"> 
  <link itemprop="url" href="url_image"> 
</span>