Twitter Cards (the expanded tweet)

Expanded tweets look cool and are, judging from the examples pretty easy to implement, especially if you are already using Open Graph (Facebooks attempt at an open metadata standard) – an example taken straight from their documentation.

“…You’ll notice that Twitter card tags look similar to OpenGraph tags, and that’s because they are based on the same conventions as the Open Graph protocol..” 

The example below uses a mix of Twitter and Open Graph tags to define a summary card:
  1. <meta name="twitter:card" value="summary">
  2. <meta name="twitter:site" value="@nytimesbits">
  3. <meta name="twitter:creator" value="@nickbilton">
  4. <meta property="og:url" content="http://bits.blogs.nytimes.com/2011/12/08/a-twitter-for-my-sister/">
  5. <meta property="og:title" content="A Twitter for My Sister">
  6. <meta property="og:description" content="In the early days, Twitter grew so quickly that it was almost impossible to add new features because engineers spent their time trying to keep the rocket ship from stalling.">
  7. <meta property="og:image" content="http://graphics8.nytimes.com/images/2011/12/08/technology/bits-newtwitter/bits-newtwitter-tmagArticle.jpg">

I don’t really talk about business politics much, I have a bit of an issue with how Google doesn’t like to play well with others, but it is good to see that Twitter & Facebook are working together in a field that some might consider competitive, I have never really seen the two competing against each other, ones for friends and the other is more for information, Google always wants to compete against both of them and seems to have really annoyed them both in the process!

I am not sure  the acceptance rate, but the fact that it promotes your twitter account makes it well worth doing if you have a site that will get traffic from Twitter!

Find more on www.UsableContent.co.uk

You may also like...

Leave a Reply

Your email address will not be published. Required fields are marked *