2

我的网页上已经有 whatsapp 的社交分享按钮，但是当您选择要发送的联系人时，它只会在书写框中写上“title_content url”。似乎whatsapp 看不到网页的元标记来创建一个带有图像、标题和描述的漂亮框。

我正在使用以下开放图元标记，它与 facebook 社交共享工作正常：

<meta property="og:type" content="website" />
<meta property="og:title" content="{{event.name}}" />
<meta property="og:description" content="{{eventDescription event.information}}" />
<meta property="og:url" content="{{eventUrl url}}" />
<meta property="og:image" content="{{eventImage event}}" />
<meta property="og:image:width" content="500" />
<meta property="og:image:height" content="500" />
<meta property="fb:app_id" content="#####" />

我的活动没有图标，因此无法设置标签：

<link rel="shortcut icon" href="###.ico" type="image/x-icon">

我试图用.png图像设置它，但它不起作用。那么，我还能做些什么来让whatsapp看到我的网站并用图像、标题和描述呈现那个框呢？

4

1 回答 1

2

我刚刚发现发生了什么。当您尝试向 facebook 或 twitter 爬虫提供信息时，您需要一种特殊的方式来做到这一点。所以你必须创建一个带有过滤器和动态内容的爬虫路由（你可以在我创建的本教程中看到：教程）。使用whatsapp，您无需担心服务器端渲染。当我直接在<head>.

编辑：

因为我需要动态工作的元标记，所以我不得不停止在<head>. 但是 docHead() 或任何软件包都不适合我。所以我意识到whatsapp 可以在服务器端工作并使用og:我已经为facebook 拥有的相同标签。我只需要找到它的用户代理WhatsApp/2.17.107 A并添加许可，就像我为服务器端路由上的其他用户所做的那样。

于 2017-03-02T16:36:24.790 回答