A lot of big blog these days are running what I like the call the carousel. This typically includes 3-4 featured stories, accompanied with images, and little sub-headings. It also appears in the header of the site, above logos and post content.
In addition to looking pretty, the carousel DRAMATICALLY helps increase page views.
For a blog, 3 to 4 page views per session is GREAT. So you want to do everything you can to encourage those additional clicks. The carousel helps to highlight your best content, so regardless of how the visitor enters your site, they can easily discover it.
I thought it might be interesting to take a look at a few carousels, along with my two cents on each of them.
Off we go:
Gawker basically pioneered the carousel for blogs. They’ve made little tweeks along the way, and now feature four stories along with a 300×250 ad flushed right. Traditionally publishers have placed a 768px wide banner up top, but this never really looks good. The square ad blends in much better here, likely increasing CTR (click through rate). They also write some of the best headlines for these items.
The Crunch soon followed Gawker and rolled our their own carousel. It features 3 stories and uses nice beefy images. With MG Siegler writing some of the headings, you may find yourself giving a little chuckle, followed by your click through. Lately TechCrunch has been running big stories here over several days. This helps ensure visitors don’t miss them. Should you (heaven forbid) stay offline for more than 24 hours.
Mixergy founder Andrew Warner recently overhauled his site, greatly improving its design and layout. Part of the upgrades included a carousel that highlights his recent interviews with various tech luminaries. Andrew doesn’t use headings here, but does include a subtle play button in the lower right corner. This helps signal the visitor that beyond that click they are likely to find some form of video or audio.
So for my own site I opt for 3 stories with headlines. I include the post title as well, using some text formatting that is annoying enough to be interesting, therefore drawing your eye. I go for high impact images as well and always try to include an illustration when possible. I go overboard on some of the CSS formatting, trying to make each unit pop. Finally I keep the logo at the same level of the featured content, because, well I’m a brand fame-ball like that.
Ok ride is over, please exit safely to your right. Let the ride operator know your favorite carousels in the comments below.
July 22nd, 2009 at 4:52 am
Funny enough, I was talking to people about increasing PV’s yesterday. The other big one that everyone is doing lately is “Flipbooks” and/or breaking up blog posts across multiple pages.
July 22nd, 2009 at 4:55 am
@tony that drives me crazy
July 22nd, 2009 at 5:04 am
I was wondering if you teach us how to do a carousel in wordpress.
July 22nd, 2009 at 5:38 am
@guilherme, i’d be happy to, its very easy. let me do that in the next post.
July 22nd, 2009 at 12:49 pm
This is something the blogs have learned over time from the big portals. At AOL, when I was running Netscape, we called it the Dynamic Lead because it rotated and changed. I like Carousel better though. Less of a
mouthfull.
July 22nd, 2009 at 7:22 pm
Believe it or not, I have no idea if my Carousel is increasing page views. To be honest, I don’t see the point of increasing page views.
I feature pictures of high-profile entrepreneurs who came to my site to communicate credibility quickly.
Maybe I’m missing something, but it seems that the page view business is too competitive and too expensive to keep up with. And most victories in that battle come at the expense of user experience.
July 24th, 2009 at 2:11 am
I was just thinking the other day I’d love to see some crazyegg data on TC or Gawker to know how much CTR those things get.
Using custom fields and a category or tag to do it?
July 27th, 2009 at 8:45 am
[...] to Sean Percival for writing about carousel’s last week and inspiring me to get off my kiester and figure out how to do it, and thanks to Nick Reese who [...]
August 10th, 2009 at 7:28 pm
[...] to Sean Percival for writing about carousel’s last week and inspiring me to get off my kiester and figure out how to do it, and thanks to Nick Reese who [...]
June 10th, 2010 at 2:30 am
I tried adding Carousel to my thesis 1.7 using wolf howl’s code. But it doesn’t show up anything.!!! No error messages. No carousel even on the home page or any other page..!!
July 21st, 2010 at 7:15 am
The most comprehensive and very well thought out write up I have found on this subject on the internet. Keep on writing, I will keep on visiting to read your new content. This is my fourth time stopping by your site .