Twitter card share button

Question

I have issues with Twitter share button, I have this code as an input:

<meta name="twitter:card"        content="summary">
<meta name="twitter:site"        content="@citydesigning">
<meta name="twitter:title"       content="City Design">
<meta name="twitter:description" content="I recommend this epic City Design online course at https://stepic.org/city #stepiccity">
<meta name="twitter:creator"     content="citydesigning">
<meta name="twitter:image:src"   content="https://stepic.org/static/classic/city/images/sharepic.png">

and

<a class="twitter" 
   href="https://twitter.com/intent/tweet?url=https://stepic.org/city" 
   target="_blank"></a>

But it returns no results when sharing, only this text: "https://stepic.org/city" instead of all Twitter card information (like image and some text) when clicking "View summary" on Twitter's feed.

Can you help me, pleasee?

I have the same exact problem. Have you ever figured out what the problem is? — David Martins, Dec 07 '16 at 13:11

score 10 · Answer 1 · edited Nov 22 '16 at 09:39

10

Domains need to be approved before Twitter Cards will work. Use Twitter's validator and then click "request approval":

https://cards-dev.twitter.com/validator

edited Nov 22 '16 at 09:39

Shankar

417
1
6
17

answered Feb 05 '14 at 01:00

Dan Leveille

3,001
2
24
28

How long will it take to work after it has been approved? My website was approved 2 weeks ago and whenever I share a link of it, no card is shown, plan text link only. – Cojones Jan 14 '15 at 18:25
2

I'm having the same problem. The card looks perfect in the twitter validator, but the "Share a link with your followers" only contains the text and url with no card attached. – Joshua W Mar 03 '15 at 21:27
same problem here. Was solution found? – Masinde Muliro Mar 13 '15 at 16:00
I also have to ask if you found a solution? – Anders Lindén Jun 03 '15 at 12:23
Also jumping in on this - our domain is whitelisted for a summary card. I can't get anything other than the url to "Tweet". No card. – Duffy Dolan Jul 01 '15 at 16:41
Same problem here. Did any one of you found the solution. @Cojones – Abhishek Aug 25 '15 at 18:28
It actually started working a few weeks after I approved my website. – Cojones Aug 26 '15 at 08:00
Yes @Cojones its working now. The problem was the port number in the URL which I was using earlier (due to which it was not getting validated at twitter website) then I replace it with only domain name and it worked. For others always give the URL in tweet-intent where your twitter meta tag is defined.And once the tweet is posted look for 'view summary' below tweet text. – Abhishek Sep 09 '15 at 16:50

score 7 · Answer 2 · edited Jul 23 '17 at 10:54

7

Validate your twitter card via https://cards-dev.twitter.com/validator
HTML code is :
```
<a href="http://www.twitter.com/intent/tweet?url=http://your-url&text=caption">tweet</a>
```
You will only see caption text and url. but, when you share via click tweet button, you will see summary card, your profil page.

edited Jul 23 '17 at 10:54

w3spi

4,380
9
47
80

answered Jan 20 '17 at 22:17

Fatih Topcu

132
2
3

Answer here for me was including the url BEFORE the text. That made it work. – Eric Stoltz Nov 03 '17 at 17:28

score 1 · Answer 3 · answered Sep 14 '15 at 11:17

In-order to display the image, replace:

<meta name="twitter:card" content="summary">

with:

<meta name="twitter:card" content="summary_large_image">

and also check whether the twitter crawler is able to access it properly by entering the url to https://cards-dev.twitter.com/validator

score 0 · Answer 4 · answered Jul 02 '17 at 02:53

This is actually the expected behaviour. Twitter cards do not show up in the Tweet share dialog but when you click the tweet button in your share dialog, it will be displayed on twitter as a card. https://twittercommunity.com/t/card-validator-is-working-but-website-share-show-different-content/36092/2

Twitter card share button

4 Answers4