时间戳

首页 > 解决方案 > 为什么 WhatsApp 网页不显示 og 图片？

javascript - 为什么 WhatsApp 网页不显示 og 图片？

问题描述

我有一个动态应用元标记的网站，我使用 ReactJS 和 SSR。Og 图像在 Skype、Facebook、Twitter 中有效，但仅在 WhatsApp 中无效。

我尝试使用以下标签，但没有奏效

  <meta property="og:image" itemprop="image" content="" />
  <meta property="og:image:secure_url" content="" />
  <meta property="og:image:type" content="image/jpeg" />
  <meta property="og:image:width" content="500" />
  <meta property="og:image:height" content="400" />

你能告诉我可能是什么问题吗？

标签： javascriptreactjsfacebook-opengraph

解决方案

您需要提供图像的来源，换句话说，您需要定义图像的路径。

例如：

<meta property="og:image" itemprop="image" content= {`${DOMAIN}/static/images/metalogo.jpg`} />
<meta property="og:image:secure_url" content={`${DOMAIN}/static/images/metalogo.jpg`} />
<meta property="og:image:type" content="image/jpeg" />
<meta property="og:image:width" content="500" />
<meta property="og:image:height" content="400" />

推荐阅读