Twitter Cards

twitter_cards.html

<!-- Summary card https://dev.twitter.com/cards/types/summary -->
<meta name="twitter:card" content="summary" />
<meta name="twitter:site" content="@thisisduo" />
<meta name="twitter:title" content="Utilising Twitter Cards for better social engagement" />
<meta name="twitter:description" content="Twitter card reference guide." />
<meta name="twitter:image" content="http://shot.li/cage/300/300/" />
<meta name="twitter:url" content="http://duo.agency/blog/post/Q9GZ6/" />

<!-- Summary card with large image https://dev.twitter.com/cards/types/summary-large-image -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:site" content="@thisisduo" />
<meta name="twitter:creator" content="@NathanHornby" />
<meta name="twitter:title" content="Utilising Twitter Cards for better social engagement" />
<meta name="twitter:description" content="Twitter card reference guide." />
<meta name="twitter:image:src" content="http://shot.li/cage/700/300/" />

<!-- Photo card https://dev.twitter.com/cards/types/photo -->
<meta name="twitter:card" content="photo" />
<meta name="twitter:site" content="@thisisduo" />
<meta name="twitter:title" content="Utilising Twitter Cards for better social engagement" />
<meta name="twitter:image" content="http://shot.li/cage/700/300/" />
<meta name="twitter:url" content="http://duo.agency/blog/post/Q9GZ6/" />

<!-- Gallery card https://dev.twitter.com/cards/types/gallery -->
<meta name="twitter:card" content="gallery" />
<meta name="twitter:site" content="@thisisduo" />
<meta name="twitter:creator" content="@NathanHornby" />
<meta name="twitter:title" content="Utilising Twitter Cards for better social engagement" />
<meta name="twitter:description" content="Twitter card reference guide." />
<meta name="twitter:url" content="http://duo.agency/blog/post/Q9GZ6/" />
<meta name="twitter:image0" content="http://shot.li/cage/300/300/" />
<meta name="twitter:image1" content="http://shot.li/cage/300/300/" />
<meta name="twitter:image2" content="http://shot.li/cage/300/300/" />
<meta name="twitter:image3" content="http://shot.li/cage/300/300/" />

<!-- App card https://dev.twitter.com/cards/types/app -->
<meta name="twitter:card" content="app" />
<meta name="twitter:site" content="@thisisduo" />
<meta name="twitter:description" content="Twitter card reference guide." />
<meta name="twitter:app:country" content="GB" />
<meta name="twitter:app:name:iphone" content="Cage Placeholder" />
<meta name="twitter:app:id:iphone" content="999999999" />
<meta name="twitter:app:url:iphone" content="cage-placeholder://thing/5149e249222f9e600a7540ef" />
<meta name="twitter:app:name:ipad" content="Cage Placeholder" />
<meta name="twitter:app:id:ipad" content="999999999" />
<meta name="twitter:app:url:ipad" content="cage-placeholder://thing/5149e249222f9e600a7540ef" />
<meta name="twitter:app:name:googleplay" content="Cage Placeholder" />
<meta name="twitter:app:id:googleplay" content="io.fabric.samples.cage-placeholder" />
<meta name="twitter:app:url:googleplay" content="http://cage-placeholder.fabric.io/thing/5149e249222f9e600a7540ef" />

<!-- Player card https://dev.twitter.com/cards/types/player -->
<meta name="twitter:card" content="player" />
<meta name="twitter:site" content="@thisisduo" />
<meta name="twitter:title" content="Utilising Twitter Cards for better social engagement" />
<meta name="twitter:description" content="Twitter card reference guide." />
<meta name="twitter:image" content="http://shot.li/cage/300/300/" />
<meta name="twitter:player" content="https://domain.tld/player.html" />
<meta name="twitter:player:width" content="480" />
<meta name="twitter:player:height" content="480" />
<meta name="twitter:player:stream" content="https://domain.tld/video.mp4" />
<meta name="twitter:player:stream:content_type" content="video/mp4" />

<!-- Product card https://dev.twitter.com/cards/types/product -->
<meta name="twitter:card" content="product" />
<meta name="twitter:site" content="@thisisduo" />
<meta name="twitter:creator" content="@NathanHornby" />
<meta name="twitter:domain" content="http://duo.agency/blog/post/Q9GZ6/" />
<meta name="twitter:title" content="Utilising Twitter Cards for better social engagement" />
<meta name="twitter:image" content="http://shot.li/cage/300/300/" />
<meta name="twitter:label1" content="Produced in" />
<meta name="twitter:data1" content="England" />
<meta name="twitter:label2" content="Size" />
<meta name="twitter:data2" content="Small" />