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

Question

我遵循了这些得票最多的答案中提到的所有步骤：

这是部署在 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 中加载，但我的网站 URL 的图像缩略图仍然没有出现在 Whatsapp 中。请帮我解决问题。

Answer 1

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

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

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

WhatsApp does not show image thumbnail for website

html

django

meta-tags

facebook-opengraph

whatsapp