// twitter cards 101

// tom edwardssvp, digital strategy & innovation

// why twitter cards?

With Twitter Cards, you can attach rich photos, videos and media experiences to tweets.

This requires adding a few lines of HTML to the web destination.

Users who tweet links to your content will have a “Card” added to the tweet that’s visible to their followers.

The primary benefit is to enhance the content from a destination such as .com within the twitter experience to increase the probability of user action.

*Sources: Twitter Developer Resources

// summary carddefault card

includes a title, description, thumbnail, and twitter

account information

// twitter cards

// summary cardadd meta tags to the .comonce the tags are live, we must submit the card for

approval through the twitter card validator

// twitter cards

// summary cardfeatures a large, full-width

prominent image alongside a tweet. designed to give a rich

photo experience, a click drives referral to the .com

// twitter cardssummary card with large image

// photo cardthe image is front and center in

the tweet. clicking on the photo expands it

to a richer detailed view

// twitter cards

// gallery cardrepresents collections of photos

within a tweet. lets users know there are more than just a single

image at the URL shared

// twitter cards

// app cardrepresents mobile applications on

Twitter and to drive installs. card allows for name, description,

icon, and also to highlight attributes such as rating and

price

// twitter cards

// app carddeep linking within a native

application is feasible within a Twitter card. You can specify

“Open in ___ App” to drive a user to a specific location in app

// twitter cards

// player cardnew card type that delivers rich

media experiences within the tweets through web, mobile web

and native applications

// twitter cards

// product cardrepresent product and retail items

on Twitter. Showcase products via image, description, and

highlight two other key details about the product

// twitter cards

// card validatorgo to the card validator.

click on “Validate” & Applysupply URL

If metatags are correct “submit for approval”

// submitting for approval

// card analyticsyour snapshot

change over timecard types

sources links, influencers, devices

// analytics

// social cmssome social cms systems already

support varying levels and types of twitter cards.

// cms integration