在Twitter上共享沒有顯示圖片的縮略圖

Question

我希望用戶在Twitter上分享我的網站頁面。我有一個按鈕，如下： -

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

我的meta標籤如下： -

<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是我點擊共享鏈接後，我得到什麼。 我的預期（理想）結果應該像this。我錯過了什麼？

This是我想分享的頁面。

Answer 1

我剛剛在Twitter Cards Validator中檢查了您的頁面，這表明twitter:description字段丟失。根據您發佈的內容，它在那裏，但是您已經添加了其他內容（property="og:description" itemprop="description"），這意味着卡片抓取工具無法正確解析它。最重要的是，我剛剛檢查了您的網站，twitter:description的值實際上是空白的，所以這不起作用。我猜content="{{description}}"返回一個空值，所以你應該看看。