Gatsby Whatsapp预览版不支持'；Facebook和Twitter不起作用

我已经读了很多关于这个的问题，但是没有一个能解释为什么这样的事情会发生在我的网站上。URL是这样的：您可以检查HTML附带的所有元标记

---

富预览在Facebook和Twitter上运行良好，但由于某些原因，它不适用于Whatsapp，甚至不适用于标题+描述。

请注意，大多数服务缓存页面的第一个分辨率，并在很长一段时间内使用该缓存版本。虽然Facebook提供了一种清除缓存的方法，但LinkedIn就没有。WhatsApp也是如此

---

尝试使用相同的模板创建新页面，但提供新的唯一url。看看这在WhatsApp中是否有效。

我已经找到了解决方案，而这不是我最初会考虑的问题

我使用Gatsby.js来构建我的网站，因此我必须使用类似于

react helmet

的东西来添加meta标记，这很好（因为Gatsby有SSR），但问题是由于在meta标记之前有一个相对较大的样式标记，并为站点添加了一些CSS。事实证明，Whatsapp确实关心这一点

---

编辑：只是一个

样式

标记不会弄乱Whatsapp预览，但是一个大的标记会弄乱Whatsapp预览（它是整个超光速粒子库）

是的，每次我做一点小小的更改，我都会用另一个URL进行测试。顺便说一句，Facebook和Twitter为开发者提供了一个页面，使缓存预览失效。谢谢你的回复