WhatsApp不显示网站的图片缩略图

时间:2019-05-28 16:53:26

标签: html django facebook-opengraph meta-tags whatsapp

我遵循了这些最受好评的答案中提到的所有步骤:

  1. https://stackoverflow.com/a/43154489/8407719
  2. https://stackoverflow.com/a/32154775/8407719

这是部署在Heroku上的Django应用程序中base.html模板中的示例代码:

<meta property="og:site_name" content="Website Name">
<meta property="og:title" content="Website Name"/>
<meta property="og:url" content="https://my-app-name.herokuapp.com/"/>
<meta property="og:image:secure_url" itemprop="image" content="https://i.ibb.co/ZXV6r3Z/logo-large.png">
<meta property="og:description" content="Website Description">
<meta property="og:type" content="website" />
<meta name="author" content="Author name">

从浏览器检查器中,我已经确认这些标签已加载到DOM中,但是在Whatsapp中仍然没有我网站URL的图像缩略图。请帮助我解决问题。

1 个答案:

答案 0 :(得分:0)

og:image:secure_url图像路径属性未加载图像。在我的Django项目中提供静态图片的网址后,问题得到解决:

{% load static %}
<meta property="og:image" itemprop="image" content="{% static 'images/logo-large.png' %}">