Question

我正在尝试使用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上共享文本和链接而不是图像。

任何人都可以告诉我我的代码有什么问题吗？

Answer 1

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

直接查看以下链接：

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

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

Answer 2

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

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

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

Answer 3

我遇到了同样的问题！

我使用完全形成的URL链接克服了它。

示例（https://farm6.staticflickr.com/5510/14338202952_93595258ff_z.jpg）。

尝试（https://www.farm6.staticflickr.com/5510/14338202952_93595258ff_z.jpg）。

推特：推特帖后，Twitter卡未显示图像

3 个答案: