Twitter卡（照片）在验证工具中显示错误，但所有单个标签都有效

Question

我正在尝试为我们自己的图像服务器添加Twitter卡支持。目前元标记如下：

<meta name="twitter:card" content="photo">
<meta name="twitter:site" content="@FotoDish">
<meta name="twitter:creator" content="@FotoDish">
<meta name="twitter:title" content="FotoDish">
<meta name="twitter:image:src" content="http://img.fotodish.com/upload/534d5a08a15537a840cafe8e">
<meta name="twitter:domain" content="fotodish.com">

，如http://fdi.sh/i/534d5a08a15537a840cafe8e。

但是，验证工具显示错误，而所有单个项都有效。

问题是什么？

谢谢！

Answer 1

我最终找到了原因......这有点棘手，Twitter在任何文档中都没有说出任何内容，这就是....

您需要正确设置图像的Content-Type。

在我的情况下，我使用Amazon S3和Cloudfront进行图像存储。当我将图像上传到S3时，我没有设置MIME类型，因此S3使用application/octet-stream作为默认值。在这种情况下，图像可以正确显示在img标签中，但不会被Twitter机器人视为图像。

所以我只是将所有图片的内容类型重置为＆＃39; image / png＆＃39; （或者他们应该做的任何事情）一切都很好。

P.S。另外，请确保您允许robot.txt允许Twitterbot访问。