CODEWITHSUNDEEP
facebook-opengraphtwitter-card
Mostafa
Mostafa

Reputation: 1551

Twitter Cards: "No card found (Card Error)"

On Twitter, I can't show an image card when tweeting my website https://startcrowd.club But it works perfectly on Facebook.

I want to show this card: http://startcrowd.club/images/startcrowdimage.jpg

I tried https://cards-dev.twitter.com/validator and I got:

INFO: Page fetched successfully
INFO: 9 metatags were found
ERROR: No card found (Card error)

The relevant metatags on my page https://startcrowd.club/index.html are:

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta property="og:image" content="images/startcrowdimage.jpg">

The documentation I followed is:

https://dev.twitter.com/cards/getting-started

Upvotes: 10

Views: 15758

Answers (4)

Antonio Ooi
Antonio Ooi

Reputation: 1826

Just add the following before your closing </head> will do:

<meta content='summary_large_image' name='twitter:card'/>
<meta content='@yourTwitterID' name='twitter:site'/>
<meta content='@yourTwitterID' name='twitter:creator'/>

If your <head></head> tag contains any og:xxx meta tags, the Twitter crawler should be able to grab it. They can't generate a card for you if you don't tell them which Twitter account that this card belongs to. The card needs to generate a link that references back to the account owner.

Upvotes: 0

Hadnazzar
Hadnazzar

Reputation: 1616

You should change your twitter:card tag to 'app', 'player', 'summary' or 'summary_large_image'

<meta name="twitter:card" content="summary" />
<meta name="twitter:site" content="@flickr" />
<meta name="twitter:title" content="Small Island Developing States Photo Submission" />
<meta name="twitter:description" content="View the album on Flickr." />
<meta name="twitter:image" content="https://farm6.staticflickr.com/5510/14338202952_93595258ff_z.jpg" />

that is all required meta tags. You can also check it from twitter validator

Here is a article might be helpful

https://medium.com/@melih193/social-media-cards-for-more-interaction-with-meta-tags-741a6e8d27d1

Upvotes: 2

Peter Umoren
Peter Umoren

Reputation: 560

Ensure that the og:type tag is set. On Facebook it is not required, Facebook will use website as the og:type if it is not found. That is why it worked fine on Facebook.

By adding <meta property="og:type" content="website"> if the twitter:card property is not set, twitter will use summary.

So just add <meta property="og:type" content="website"> and I think it will work fine.

PS: I also had the same issue but when I added <meta property="og:type" content="website"> it worked for me.

Upvotes: 10

Mostafa
Mostafa

Reputation: 1551

Add:

<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:image" content="https://startcrowd.club/images/startcrowdimage.jpg">

Doc: https://dev.twitter.com/cards/types/summary-large-image

Upvotes: 7

Related Questions