在Twitter分享不显示图片缩略图

Question

我希望用户能在Twitter上分享我的网站页面。我有一个如下的按钮：-

<a href="http://twitter.com/intent/tweet?text={{title}}&url=http://{{request.get_host}}/ad/{{slug}},{{id}}" target="_blank"></a>

我的元标签如下：

<meta property="og:type" content="website" />
<meta property="og:title" content="{{title}}" />
<meta property="og:description" content="{{description}}" />
<meta property="og:image" itemprop="image primaryImageOfPage" content="http://{{request.get_host}}{{images.0}}" />
<meta property="og:url" content="http://{{request.get_host}}/ad/{{slug}},{{id}}"/>
<meta name="twitter:card" content="summary">
<meta name="twitter:domain" content="{{request.get_host}}"/>
<meta name="twitter:title" property="og:title" itemprop="title name" content="{{title}}" />
<meta name="twitter:description" property="og:description" itemprop="description" content="{{description}}" />

这是我在点击分享链接后得到的内容：This。 我的期望结果应该像这样。我错过了什么吗？

我想分享的页面是这个。

- PythonEnthusiast

Answer 1

我刚刚在Twitter Cards Validator中检查了您的页面，发现缺少twitter:description字段。从您发布的内容来看，它确实存在，但您将其他内容添加到其中(property="og:description" itemprop="description")，这意味着Cards爬虫无法正确解析它。此外，我刚刚检查了您的网站，发现twitter:description的值实际上为空，因此这不起作用。我猜content="{{description}}"返回了一个空值，所以您应该进一步调查。

- Andy Piper

---

感谢安迪的帮助。我已经检查过了，发现描述字段实际上是空的。有没有办法可以绕过这个问题，或者提供描述字段是必须的？ - Praful Bagai

这是一个必填字段，正如您在卡片文档中所看到的。您需要让您的页面具有可以传递到Twitter标签中的{{description}}值，否则验证器将无法通过该卡片。 - Andy Piper

这里还有一个关于这个问题的有用的SE问答：https://webmasters.stackexchange.com/questions/77527/twitter-card-summary-large-image-not-displaying-image/#answer-130911。显然，有时候只要通过他们的卡片验证器运行您的网址就足以刷新他们对您网站的图像/缩略图缓存。在我的情况下，那就是问题所在。 - V. Rubinetti

Answer 2

在我的情况下，我应该提供完整的URL，包括https：

https://dadashkarimi.github.io/images/kernel-379x201.png

这是在我的Hugo网站中提供小缩略图和添加元数据的补充。

 <meta name="twitter:image" content="{{.Site.Params.websiteURL}}/{{.Params.thumbnail}}">

- Javid Dadashkarimi