Introducing Twitter Cards and How to Install
Twitter recently rolled out the Twitter Card feature, similar to Facebook’s OpenGraph, which allow site owners to customize how their content will look like when it is shared on Twitter. For example, when someone tweets a link to your content, a “card” will be added to the Tweet which will be visible to all of their followers. As the site owner, you get to customize that card to a certain extent.
There are 6 card types that users can choose from:
- Summary Card: Default card, including a title, description, thumbnail, and Twitter account attribution.
- Large Image Summary Card: Similar to a Summary Card, but offeres the ability to prominently feature an image.
- Photo Card: A Tweet sized photo card.
- Gallery Card: A Tweet card geared toward highlighting a collection of photos.
- App Card: A Tweet card for providing a profile of an application.
- Player Card: A Tweet sized video/audio/media player card.
- Product Card: A Tweet card to better represent product content.
How to install Twitter Card
3 simple steps to install the Twitter Card to your site:
- Visit https://dev.twitter.com/docs/
cards/validation/validator and choose the type of card you want to use.
- Add the HTML meta tag to your page
- Under Validate & Apply, run your URL with the validator tool to be approved.
YOU ARE DONE!
For those who are using WordPress and using the Yoast SEO Plugin, it is even easier to implement this feature. Yoast also updated their plugin to support Twitter Cards and Facebook OpenGraph. Simply go to Yoast SEO >>> Social >>> Check the “Add Twitter Card Meta Data” box >>>Insert your Twitter username and DONE!