html - 图片未显示在 Whatsapp 链接中

标签 html image whatsapp meta

我想在将网页链接粘贴到whatsapp时显示图像。但不知怎的,它并没有出现在那里。我已经能够显示描述,但图像尚未显示。我已经尝试了所有的片段,但不知何故无法成功。任何帮助将不胜感激。谢谢。

代码:

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Title</title>

    <meta name="description" content="description of my website">
    <meta property="og:title" content="title of my page heading" />
    <meta property="og:url" content="http://www.example.com/example.php" />
    <meta property="og:description" content="desc">

    <meta property="og:image" itemprop="image" content="http://urlOfmyimage.jpg">
   <meta itemprop="width" content="256">
    <meta itemprop="height" content="256">
    <meta property="og:type" content="article" />

最佳答案

感谢你的问题,我做了一些研究并解决了它。

您需要小于 50 或 100 kb 的图像。

<meta  property="og:type" content="...">
<meta  property="og:url" content="...">
<meta  property="og:title" content="...">
<meta  property="og:image" content="...jpg">
<meta  property="og:description" content="...">
<meta  property="og:site_name" content="...">

关于html - 图片未显示在 Whatsapp 链接中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47359783/

相关文章:

iphone - 在 iPhone 中使用 AVFoudation 连续捕获图像

html - phonegap/iOS 外部图像间歇性不加载/显示

css - 在 Drupal 7 中使用 CSS 在递归 div 中居中可调整大小的图像

javascript - 如何使用 Vue.js 显示和隐藏 Bootstrap 微调器?

CSS 类合并

ios - 通过 WhatsApp 共享 PDF

ios - Whatsapp 打开 url 代码打开 Boltt Health App 而不是 ios 中的 whatsapp

javascript - 为什么简单的 html 和 css 在 Angular 2 元素中的工作方式与 vanilla html 网站不同

vba - 在 PowerPoint 中使用 VBA 删除一张幻灯片上的所有图像

javascript - whatsapp://send?text= 不起作用