This guest post is by The Blog Tyrant.
One of the hardest tasks a blogger can face is getting readers to stick around. In actual fact, its one of the most important things you’ll ever learn to do. Why? Because unless those visitors delve deeper into your site you are essentially wasting your time with all that amazing content, social media effort, and SEO work.
Bloggers often forget that we need to use things like design, layout, colors, format, and so on to help visitors delve further in to our sites.
In this post I’m going to show you eight blog home pages that make readers click deeper. Hopefully it will give you some ideas for your own.
8 Home pages that draw readers deeper
I wanted to start off by letting you know that each of these pages was chosen for a different reason. Now, I’m not saying that these are the best blog home pages in the world. What I am saying is that each one does something extremely well that encourages new visitors to become more loyal readers.
1. Mashable
Mashable is one of the world’s biggest blogs and has a massively high page views. The main reason they are able to do this is through social proofed elements of their layout. Let me explain.
Social proof is where you provide some kind of assurance that other people have used your service. Testimonials, for example, are a common form of social proof. These things reduce anxiety in the reader but also serve to encourage a group mentality whereby people want to be involved in what other people are doing. It’s just human nature.
Mashable is all about social media and you see items like the “most shared this week” and the number of Facebook “likes” featuring prominently. The “buzz” this creates gets people to go deeper in to the site—people want to read articles that hundreds of others found interesting.
2. Digital Photography School
Digital Photography School is Old Man Rowse’s biggest blog. It has hundreds of thousands of subscribers and is one of the most heavily community-based blogs you’ll ever read. The activity in the comments and the forums is really quite wonderful.
I remember when Darren first released the new DPS design; I was blown away by how efficient and enticing it was. The old site was a straight up one column blog but this is a multi-level blog that divides the areas up by different sections of interest. Want to read about photography? Just go to that section. Want to read about equipment? Go over there.
This is a fantastic way to ensure photographers find areas of interest at the home page. It gives very little room for people to get bored and move on.
3. Huffington Post
Huffington Post. The blog turned worldwide news source. Sigh. Whatever you might say about the quality of the news that comes out of the site, the layout is extremely captivating. And it’s not because it’s pretty. Here is an example of a site on which the visuals aren’t necessarily pleasing, but they are very effective.
The area of the home page above the fold is dedicated to the most shocking current story as well as a pop up bar that asks you to get involved. It also uses a series of highly placed headers to show you what news is trending at the moment. Again, this is done to capitalize on people’s need to know what other people are interested in.
Scroll further down the home page and you see more engaging items like author profile photos to build loyalty, huge comment counts on featured articles and a mix of featured articles from different topics.
4. Zen Habits
Leo from Zen Habits is one of the nicest guys in the world. A few years ago he gave me some free advertising space and helped me launch a new blog. His new design is totally minimal and fits in extremely well with the branding of the site. Lots of space.
This type of strategy works extremely well for a blog with amazing content. Why? Because it is entirely focused on that content. You read that first amazing article and you feel compelled to delve deeper.
This is a brave design that takes a lot of courage because if each and every post that appears on the homepage is not amazing, you will see a lot of people drop off.
5. Smart Passive Income
Speaking of nice guys, Pat from Smart Passive Income is one of the nicest. Recently when I was setting up my podcasts he gave me a lot of time-saving tips. And that is a big theme in Pat’s design: help.
See the top level of menu items? Each one has a sub heading that gives you more information about what to expect inside. I remember the first time I visited Pat’s site, I spent ages clicking through each menu item to browse the contents. That is something I don’t normally do. The navigation is extremely “sticky”.
Similarly, there is a little space below the menu where Pat gives little random messages or tips. This takes the “tutorial” vibe of his site even further and definitely makes the experience feel more personal and intimate.
6. Tumblr
The guys at Tumblr are extremely good at design. In my article on the 12 Best About Us Pages I confessed that I thought theirs was the best one of the lot. And while the blog homepage isn’t right up to that standard, it is still worth a look.
The reason I included Tumblr in this list is because they use simple graphical elements to draw the eye down. Each post is very simple and usually only includes a picture or a bit of text. And each alternating post has a different background. Mixed with the fact that the emphasis is on showing which staff member wrote each post and you have an extremely addictive blog home page.
7. Fail Blog
Fail Blog, in case you have been living under a rock, is part of the LOL Cat empire. These guys build sites with funny pictures of cats and dogs and people getting hurt and make a small (read: large) fortune out of it.
Again, the homepage design is not beautiful, but it is extremely addictive. You can navigate through all their sites from the top as well as getting in on the action by voting for the best fails. They also have a little “random fail” generator, which is the kind of gimmick people on this site love to use to waste more of their day.
One of the cleverest ideas here is the fact that every can have a go at re-captioning the fails. This builds on the community in a massive way by getting everyone interacting with each fail multiple times. People write new captions and then come back to see what other people are saying about it.
8. The Onion
The Onion is quite literally one of the funniest websites on the Internet. And aside from hilarious content, great titles, and a home page that lets you see a plethora of content all at once, one thing they do really well is have an interactive and changing header that gives you access to new information.
Normally blogs just have a static header but this one moves and changes based on what’s going on at the blog. Sure, they still have the same logo and colors to keep the branding recognizable but they also use the variation to get people involved in new areas. Very clever.
Lessons to apply to your own blog
So what are the take-aways from these eight blogs home pages? What are some concrete things you can apply to your own blog today to increase the amount of pages people view?
- Focus on social proof.
Make sure your homepage always has elements that relate to social proof. Use testimonials, popular articles, high comment counts, and social media followers to show that your blog is busy. This is something that you should never underestimate. - Know your audience.
It is really important to know who is coming to your home page and why. Are they coming for this topic or that topic? Do they want to read articles or listen to podcasts? Make sure your navigation allows them to find what they want instantly. - Let your story show.
Make sure you use photos or text to tell your story. Let people become loyal to you and your message. Tumblr does this with staff profiles, Pat does this by showing himself with his baby, etc. You want to make sure people feel like you are different from everyone else they’ve seen today.
As I mentioned in the post about the best about us pages, it is a really good idea to occasionally take a look at what the big guys in the industry are doing. Quite often they are doing it for a reason. The most important thing, however, is to make sure you don’t leave it as an idea but apply it to your own blog right away.
What draws you in?
I’d like to open up the floor now and find out what parts of a website’s home page draw you in deeper? Is it something to do with the layout, the content, the colors—or something totally different? Please leave a comment and let me know.
The Blog Tyrant hasn’t revealed his name yet but we know that he is a 25-year-old guy from Australia who works from home and has sold several blogs for around the $20,000 mark. Now he’s teaching you how to dominate your blog. Subscribe by email to get his free eBook on capturing 120% more email subscribers overnight or follow him on Facebook.
Hey darren, that is a great post. However, do you have a site where I can purchase a template for my blog?
These are pretty neat, but except for one of them, they’re all big company sites, probably with lots of designers that can work on them. For the rest of us, it’s either a lot of expense or a lot of time that we don’t have. It’s just slightly unfair, although still neat to see, to compare these sites to what the overwhelming majority of us could possibly do.
Awesome! I’ve been working on this for my homepage and Great to see these examples.
I think a website, like a person has to have personality. A speaker who is taught to gesture, to speak clearly, to give all the information in an organized fashion – that speaker will pale against a speaker with charisma. Charisma is simply having the confidence to be who you are by letting your true personality come through loud and clear. If you can do all the mechanical things correctly AND have charisma on your site or blog, then I think you’re bound to succeed. I wonder if charismatic people produce charismatic sites? Something to think about.
This post was most helpful. My journey in blogging has just begun and I had no idea the extent you can go. Thanks.
Like Mitch above states, many of us don’t benefit from a design team. Personally, I use Blogger Templates and try to modify them a little or change them to get different look. I also swear by my iPhone 4 camera and include personal photos pertaining to my posts. Since I do my blogging on the go on random topics, I have a camera handy for something that looks like content for a post. You have to have pictures! I adhere to the “keep it simple stupid” philosophy on my design, but know I need to give readers something to see that makes them want to see more. So far Blogger gives me enough to get by but I am trying to advance my skills. Without knowing HTML very well, I’m afarid to take chances with changing to much when I have everything working, but I know I’ll have to take the plunge eventually.
Currently, I am just touring other blogs for insight and getting a wealth of information. Just take it a step at a time and remember look at your blog with an “honest” eye.
This is very valuable information!
I’m starting a blog of my own too (about World of Warcraft) so this one caught my eye.
I’m trying to go for a steady output of posts and to keep it real and have a genuine touch to the blog…
Hoping this will resolve into a decent amount of followers.
I think all the examples you’ve given there are great blogs. Mashable, Smartpassiveincome and Zenhabit are some of my favs on the list although I must say that Darren’s DPS blog is a really neat looking website for photography. Love the reviews there on cameras as well.