How to add Twitter Cards to your blog or product.

Originally published on Kapuno in the Technology community

🔗 Cyrus: “Connect your Twitter account to your Kapuno accoun…” in Kapuno Announcements | Kapuno (Article)

We just implemented Twitter Cards and I’d like to share how it works.

Like Facebook Open Graph options, Twitter Cards require you to add the HTML mark-up on your site.

There are 3 card types that can be attached to Tweets, each of which has a experience built for Twitter’s web and mobile clients:

• summary: The default card, which includes a title, description, thumbnail image, and Twitter account attribution.
• photo: A Tweet sized photo card.
• player: A Tweet sized video/audio/media player card.

Mark-up the HTML on your site/blog template to add the meta tags to for Twitter on your site[1] to define the type of card, the author Twitter account (aka creator), the site Twitter account, the description, title, and image/media link. If it’s a video, you’ll need to provide additional information.

You can preview the card on Twitter using their tool[2].

Note that Twitter Cards require approval, by domain, from Twitter[3]. Kapuno was approved in less than 24 hours.

[1] Twitter Card Documentation: https://dev.twitter.com/docs/cards

[2] Twitter Card Preview Tool: https://dev.twitter.com/docs/cards/preview

[3] Approval Form: https://dev.twitter.com/form/participate-twitter-cards

Don’t forget to link your twitter account @ http://kapuno.com/settings/editinfo#nav=contact\_twitter so we can promote you. See the attached link to learn more.