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

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

当前回答

在我们的例子中，问题是og:image URL不包括文件扩展名(.jpg)。我们正在使用Cloudinary，在它们的情况下，图像url中的文件扩展名是不需要的。

当我们将.jpg格式添加到图片URL后，图片就开始在Whatsapp预览中显示。

2020-09-27 15:41:40

其他回答

如果你想在某人在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

有同样的问题，添加了og:image，当url以斜杠(/)结束时，它不能工作。从URL中删除斜杠后-图像被加载..有趣的错误……

2017-06-07 18:08:22

即使在这些尝试之后。我的网站图片有时会被取走，有时不会。在https://developers.facebook.com/tools/debug/sharing验证后

意识到我的django (python)框架是渲染图像路径相对。我必须用完整的url更改图像的路径。(包括http://)。然后它开始工作了

2019-06-21 06:30:43

我建议经常查看https://developers.facebook.com/tools/debug/sharing以验证您的属性为 Facebook经常改变它的政策、法规和API。

如果你使用Messenger机器人或其他FB应用程序，你可能需要FB:app_id属性来让链接图像在Whatsapp中工作。更多信息请访问Facebook开发者网站。 https://developers.facebook.com/docs/sharing/webmasters

2019-01-03 19:11:18

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

推荐文章

最新文章

标签