The Twitter Card Revolution

So I finally caught up with the Twitter Card storm, and - frankly - it changed my life. Slightly dramatic you may feel, but allow me to enlighten you …

Twitter have allowed people to add content when people share your links. You can now for example add pics, videos, and a title description on top of the 140 characters allowance. That's an awful lot more room to get your message across and it also allows you to ensure your brand image is kept in line.

There are four types of Twitter Card available. I'm sticking with the 'Summary with large image' because a picture tells a lot of words, and in my opinion - it rocks. For the Twitter guidelines on each see below:



To save you reading all that jazz, simply copy and paste the code below, paste it into your header section of your website, change your particulars and Bob's your Granddad's son-in-law…

Few little bits to keep in mindr best practice stick to their recommended images sizes:

  • Use a unique image URL to represent content (not a generic image such as your website logo or author photo)
  • Images for this Card support an aspect ratio of 2:1 with minimum dimensions of 300x157 or maximum of 4096x4096 pixels.
  • Images must be less than 5MB in size. JPG, PNG, WEBP and GIF formats are supported. Only first frame of animated GIF will be used and SVG not supported.
  • With the validator I find sometimes images don't show immediately, double check by sending the url in iPhone message using format: owendaniel.com/blog/twitter-card-revolution/
  • Like what you see here?


    Get in touch if your website needs a little a little revamp and I will be able happy to help, schedule permitting.

    After that, head over to the magic Twitter Card Validator tool to check you are in business et voila!

    With Twitter Cards, you can attach rich photos, videos and media experiences to Tweets, helping to drive traffic to your website. Simply add a few lines of markup to your webpage, and users who Tweet links to your content will have a “Card” added to the Tweet that's visible to their followers.

    And if you web dev junkies aren't completely convinced at this stage, then share this page on the links below to see the mighty Twitter Cards in all their glory - mwah-ha-ha-haaaaaa…

    Comments:

    comments powered by Disqus

    Sharing is caring: