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

Question

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

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的图像缩略图。请帮助我解决问题。

Answer 1

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

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