在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}}" />

单击共享链接后，我得到了{p> This。 我期望的（理想的）结果应该像this。我错过了什么？

This是我要分享的页面。

Answer 1

我刚刚在Twitter Cards Validator中检查了您的网页，但它表示缺少twitter:description字段。根据您发布的内容，它已存在，但您已向其添加了其他内容（property="og:description" itemprop="description"），这意味着卡片抓取工具无法正确解析它。最重要的是，我刚检查了您的网站，twitter:description的值实际上是空白的，所以这不起作用。我猜content="{{description}}"返回一个空值，所以你也应该查看它。