The Twitter card is a facility provided by Twitter for its user to share their photos, videos, articles, blogs, and media in a more eye-catching way. The Twitter card is something that allows you to share your media beyond the limit of 280 characters, to some extent.
It is very easy to use a Twitter card as it has a simple step practice. First, we need to choose which card suits our goal the most, followed by adding the meta tags to the page. Then cross-check your card with Validator Tool. Then past the URL of the page on Twitter and see the new and attractive presentation of your page.
The Twitter card has different types that we can use according to our goal. Let’s explore the types of Twitter cards and How to Create a Twitter card.
Twitter card: types
- Summary Card
- Summary Card with Large Image
- App Card
- Player Card
Summary Card
Summary Card is generally used for presenting web content like blogs or articles of commercial or personal websites. Summary Card includes an image of your content and text as a description, to give a better Idea to the user before engaging with it.
Here is an example of a summary card preview.
India vows Covid vaccine supply to neighbours after meeting local demand https://t.co/7sOSRWlBNu
— TOI India (@TOIIndiaNews) January 6, 2021
now let’s see how its coding is. Here is the sample code for the Summary card and it’s very simple to use as we just have to paste this code in the head section of the page.
Summary Card with Large Image
A summary card with a large image provides a full-width image to add with the tweet and gives a rich image tweet to the reader to engage. It is very useful to drive traffic to the website by attracting them with a larger image preview.
Here is an example of a summary card with a large Image.
PM, Merkel hold video-teleconference; Modi briefs on vaccine development https://t.co/F9UoY4W3Vw
— TOI India (@TOIIndiaNews) January 6, 2021
Similar to the Summary card its coding is also easy to place in the Html part.
App Card
Twitter App card is highly effective when we want to drive app installation. Through this card, we can display name, description and icon along with attribute such as price and ratings. It comes in 4 categories.
- 1:1 Image App Card
- 1.91:1 Image App Card
- 1:1 Video App Card
- 16:9 Video App Card
Here Is the Example of how App Card Looks Like.
The blow meta tag is coding for the App card, which you need to paste in the Head section of HTML
player Card
By using this Player Card we can deliver rich media content like audio and video to your Twitter family. Like another card, it has a specific HTML coding which we need to place in the Head section of the page.
Here I would like to Highlight that Player Card is a very powerful tool to achieve your goals and therefore I am sharing a link to have more in-depth knowledge about Player card .
Here I am sharing a preview of the Player card.
The dusk and dawn light in @DeathValleyNPS is amazing. I visit almost every year for #photography. https://t.co/Lcm76CSQrY
— Jonathan Cipriano (@joncipriano) February 22, 2016
So This was a complete overview on Twitter Cards. If there is anything that is left out Please share on comment. your comments are highly appreciated.
