为WhatsApp链接共享提供一个图像

当我们分享这样的链接时，我们如何在我们的网站中包括一张图片来显示在WhatsApp上?

当前回答

我也有同样的问题，在这里解决。

如果你添加meta og:image，它应该会显示出来

问题是，如果你不输入http://，以/结尾，whatsapp将不显示图像例如，如果你输入http://google.com/而不是google.com，它会显示图像和描述

希望它能帮助到别人。

2016-11-26 17:42:28

其他回答

如果你想在某人在WhatsApp上分享的你网站的url旁边放一张照片，你必须在url链接的页面上放一个元标签，就像这样:

<meta property="og:image" content="http://unrestrictedstock.com/wp-content/uploads/Unrestricted-Stock-Small.png"/>

2013-11-04 22:36:46

在一个bug中工作后，发现在IOS中，HEAD中的元素可能会阻止WhatsApp搜索og:image /og:description / name=description。所以首先试着把它们放在其他事情的上面。

这行不通

<head>
    <div id='hidden' style='display:none;'><img src="http://cdn.some.com/random.jpg"></div>

    <meta property="og:description" content="description" />
    <meta property="og:image" content="http://cdn.some.com/random.jpg" />
</head>

这项工作:

    <head>
        <meta property="og:description" content="description" />
        <meta property="og:image" content="http://cdn.some.com/random.jpg" />

        <div id='hidden' style='display:none;'><img src="http://cdn.some.com/random.jpg"></div>
    </head>

2018-04-27 14:34:41

因为在这一点上，这个问题几乎是一个支持小组，为那些因各种原因而遭受WhatsApp不加载图像预览的人提供支持，下面是我的情况的根本原因，希望它最终能帮助到一些人:

确保元标记og:image内容链接使用HTTPS

当我通过https使我的网站可用时，我忘记了具体地将元标签从http更改为https。除了WhatsApp，其他所有社交媒体预览版都对这张照片进行了处理。

简单地让它https固定它为我。

2020-08-09 03:42:16

我想在这个帖子中添加一个答案，特别提到上面的线程中哪些帮助我解决了问题，以及它们可以遵循的顺序，以正确理解根本原因并一劳永逸地解决它:

当我在社交媒体上分享这个解决方案的链接时，我能够得到丰富的预览。

我在这篇文章中遵循了各种选项，下面是最接近正确答案的选项，它们都有助于最终结果:

需要的标签(主标签要聚焦- og:image) 图像参数一定会有帮助的工具如何正确给出图像路径根本原因及解决方法

这将有望为人们节省滚动并找到正确答案所需的时间，以及所有试验和错误所需的努力。

2020-06-10 13:00:03