8

我正在尝试使用 twitter 分享按钮分享推文，并使用 twitter 卡通过我的链接发布图片，我正在使用：

<meta property="og:image" content="https://farm6.staticflickr.com/5510/14338202952_93595258ff_z.jpg">
<meta property="og:title" content="SOME TEXT">
<meta property="og:description"SOME DESCRIPTION">
<meta name="twitter:site" content="THIS IS CONTENT">
<meta name="twitter:card" content="photo" />
<meta name="twitter:title" content="TWITTER CONTENT">
<meta name="twitter:description" content="TWITTER DESCRIPTION">
<meta name="twitter:image" content="https://farm6.staticflickr.com/5510/14338202952_93595258ff_z.jpg">

并使用此共享按钮：

<a class="twitter-share-button"href="https://twitter.com/intent/tweet?text=Hello%20world">Tweet</a>
<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>

但此代码仅在 Twitter 上共享文本和链接，而不与图像共享。

谁能告诉我我的代码有什么问题？

4

3 回答 3

4

我刚刚通过更改标签名称解决了这个问题：

<meta name="twitter:image:src" content="https://example.com/img/my_image.jpg">

似乎文档显示twitter:image而不是twitter:image:src.

于 2018-01-08T20:30:18.307 回答
3

首先，尝试使用来自 http 或 https 的完整路径，例如：https ://webpage.com/my_path_image.jpg

直接查看以下链接：

推特：https ://cards-dev.twitter.com/validator

脸书：https ://developers.facebook.com/tools/debug/

于 2021-03-23T05:16:31.690 回答
1

如果您仍然想弄清楚为什么 Twitter 卡片图像没有显示在您网站上的页面上，尽管具有正确的尺寸和元标记，请首先尝试将图像托管在外部服务器上，即公共 Amazon S3 存储桶。

由于我还没有发现 Twitter 代理/卡验证器不会从我的服务器（NGINX 代理后面的 docker 容器）返回图像的原因，即使所有其他 Twitter 和 OG Graph 在线测试人员都正确返回了图像。

一旦我将图像托管在其他地方，这些卡片就可以完美运行。

于 2021-09-30T15:06:29.483 回答