Reactjs Twitter摘要卡图像并不总是显示

所以我有一个用NextJS构建的网站，我正在使用下一个SEO插件来填充twitter和facebook信息所需的元标签。。。 我将卡片类型选项设置为summart\u large\u image

<meta name="twitter:card" content="summary_large_image">

我可以看到，它被添加到了网站上，它确实为一些帖子工作。。。但奇怪的事情正在发生，例如，其中两条推特上会有一张带有大图的卡片，而其中三条则是带有链接的纯文本

我在Silex有一个CMS，它通过twitter的API在twitter上实现了自动发布。。。基本上我只是发布了一个带有链接的字符串和一些关于它的附加注释。。。当我尝试使用twitter卡验证程序进行调试时，它确实可以正常工作，但不在我的帐户上

这是一个更好的解释截图，红色的是带有大图的卡片，蓝色的只有带有链接的文本

为og:image标签提供的所有帖子都具有相同的结构和相同的大小。。。。他们基本上是平等的

编辑： 为了更清楚，这是有问题的twitter帐户：

编辑： 现在，我甚至在一篇文章中得到了一张带有小图片的摘要卡，其中包含元标记“summary\u large\u image”，当我通过链接验证程序运行相同的链接时，我得到了期望的结果

链接验证程序：

---

看起来，有时Twitter无法构建卡片预览（获取数据或图像时可能会超时），此后，链接将不再被访问，因此无法重建预览

您可以使用该工具验证预览，但它可能会工作并显示正确的链接

我已经解释了卡片预览的工作原理和限制，并创建了一个工具来解决它

---

在您的情况下，我会确保在您将页面发布到Twitter上之前构建该页面，以确保当Twitter机器人访问该页面以生成预览时，该页面已准备就绪并以最小的延迟提供该页面。

有时Twitter似乎无法构建卡片预览（获取数据或图像时可能会超时），然后，不再访问该链接，因此不会重新生成预览

您可以使用该工具验证预览，但它可能会工作并显示正确的链接

我已经解释了卡片预览的工作原理和限制，并创建了一个工具来解决它

---

在您的情况下，我会确保在您将页面发布到Twitter之前构建页面，以确保当Twitter机器人访问页面生成预览时，页面已准备就绪并以最小的延迟提供服务。

如果不查看非工作共享的链接和元标记内容，这是不可能调试的。我假设，这是有问题的twitter帐户@我甚至在链接的末尾添加了“&utm_source=twitter”，试图迫使twitter将链接视为新链接并重新爬网。。。但还是没什么。。。如果通过Twitter卡验证程序运行链接，那么在刷新站点并通过验证程序运行几次之后，它会刷新链接。。。有没有一种方法可以在链接发布后自动执行此操作？如果不查看非工作共享的链接和元标记内容，则无法调试此操作。我假设，这就是正在讨论的twitter帐户@我甚至在链接的末尾添加了“&utm_source=twitter”，试图迫使twitter将链接视为新链接并重新爬网。。。但还是没什么。。。如果通过Twitter卡验证程序运行链接，那么在刷新站点并通过验证程序运行几次之后，它会刷新链接。。。有没有一种方法可以在链接发布后自动完成？我相信你的工具对我没有帮助，我的网站不会错过生成预览卡所需的任何元标记。。。关于页面还没有准备好的理论，这些帖子被创建并安排在将来发布，所以它们在发布之前就已经准备好了。。。Twitter卡验证总是显示正确的预览和大图像，这不是TimeLine的情况我相信你的工具在我的情况下不会有帮助，我的网站不会错过生成预览卡所需的任何元标记。。。关于页面还没有准备好的理论，这些帖子被创建并安排在将来发布，所以它们在发布之前就已经准备好了。。。Twitter卡验证总是显示带有大图像的正确预览，这与时间线不同