What Makes Good Blog Design?
Published October 7th, 2007 in DesignIf you like getting design inspiration by looking at excellent blog designs, you’ll love our new gallery site Blog Design Heroes.
As you surf through the internet you’re bound to come across certain designs that you love and some that you hate. But good blog design has a few unique elements when compared to the design of a traditional website. Here are ten things to keep in mind when designing your blog.
1. Content Should be the Focus.
A blog is nothing without its content. In order to keep your visitors focused on the content, it should be the focal point of the design. Distracting readers with excessive images and extra items can be counterproductive. For this reason, many of the best blog designs are fairly simple. Simplicity is common for blogs that want to emphasize the content.
2. Ease of Navigation.
Readers will come to your blog through search engines, links from other blogs, RSS feeds, social media sites, etc. Only a small percentage of your readers will enter your blog through the front page. This makes navigation even more important. The sidebar typically will include the majority of the navigation with links to categories, recent posts, and sometimes popular posts. Footers are sometimes also used for additional navigation.
3. Loads Quickly
Many of your visitors will have a very short attention span (this is really no different for blogs than traditional websites). In order to immediately catch their attention and avoid having them click off of your site, your pages should load quickly. This is especially important you plan to use social media to generate traffic. Some blogs are weighed down by excessive widgets that really hurt the page load speed. By keeping your blog clean and free of unnecessary items you can really cut down on the time it takes to load.
4. Content Start High on the Page.
This one is more of a personal opinion than a fact, but I believe that more of your visitors will pay attention to your articles if they start higher on the page. Make it as easy as you can for readers to get started with your posts, and then they’ll be more prone to scroll down for the rest. Again, this is especially important for traffic from social media sites. Those visitors will be less likely to scroll and more likely to click off of your blog.
5. Memorable for Visitors.
Most blog readers visit a number of blogs each day, and many of them will feature the same (free) themes. Make it easy for your visitors to remember your blog and standout from all of the free themes by customizing a theme yourself, or by having a blog theme professionally designed.
6. Not Overrun with Ads.
For most blogs making money with advertisements is a necessity. However, even in these cases it’s important to use advertisements effectively by not allowing them to take over the blog. Your readers will feel like they are not a priority to you if advertisements take center stage.
7. Compatibility with Multiple Browsers.
Your visitors will be using a number of different browsers, and if your blog is not functioning well in all of them you could be losing readers. Fortunately, 90% of your visitors will probably be using the leading 3 or 4 browsers. In order to know that you blog is functioning well you’ll need to test it in multiple browsers.
8. Good Use of Color.
The best designs effectively use color to improve the appearance. This can be done any number of ways, and sometimes it’s even a subtle aspect of design. The color combinations don’t have to jump out at readers, in fact, they actually need to make it easy for visitors to read the blog posts. If you’re looking for a good color combination, be sure to check out the resources listed in Find the Perfect Colors for Your Website.
9. Easy to Read.
This is really more about formatting the content of the blog than it is about a theme design. Keep in mind that most readers will be scanning your posts rather than reading them word-for-word. Use headlines, white space, lists, and bold text to make it easy for readers.
10. Important Items Should Be in Prominent Positions.
Effective design will draw the attention of readers to important items, such as subscription information. The most important links, images, etc. should generally go above the fold so that visitors will see them right away. Getting rid of unnecessary items will also help readers to focus on what’s important.
198 Responses to “What Makes Good Blog Design?”
This not only goes for blog design, but web design in general. Great post.
I’m glad you’ve mentioned that a site should load quickly. Being a dial-up user, I suffer a lot when I visit certain sites.
I’d love to have a professionaly designed custom theme, if only I could pay for one.
Well, someday I’ll be able to afford it. 
One issue that might have been addressed by your post is how a good design can make things easier for visitors with disabilities. Maybe in a future article?
I would like to think that I have all the above in place…but then again, it is subjective and reader’s impression is all that counts at the end of the day.
Checking for cross-browser functionality is easily missed – nice post.
Very nice post, I agree on all the points and especially with:
6. Not Overrun with Ads.
I think too many blogs and websites in general use a lot of annoying and obtrusive ads nowadays. I try not to (but it is also true that I don’t care that much about ads revenues).
Regarding speed and cross-compatibility… well, they’re the real challenges I think.
“7. Compatibility with Multiple Browsers.” One way to bring this about is to work with W3C (www.w3.org) web standards. Most modern browsers offer a good degree of support for these standards meaning websites should render in very much the same in different browsers.
Thanks everyone for your comments.
Karen,
You’re right. A lot of people forget about the dial-up users now. According to Google Analytics dial-up users make up a pretty small % of my visitors, so I am more prone to include images than I would otherwise, but I still try to keep things simple.
Pablopabla,
You’re absolutely right, it is subjective. That’s what makes it difficult.
Fabio,
Yes, ads are becoming more common everyday. I don’t mind them as long as they don’t interfere or slow things down. They’re a necessary evil in most cases.
As long as I think it look good, I am ok. I also tweak all the free theme that I use to make it look better
WarriorBlog,
I think making some changes to free themes is really necessary to standout.
@John
Unfortunately, W3C standards only mean that the site would look “ok” under all browsers – it doesn’t necessarily render the same way you meant it to. I’ve had it happen on one of my sites – looks good on FF, but not so good on IE – and yes, its validated
@WarriorBlog
Do you use a custom theme? I didn’t notice a credits link, so I guess it is – it looks pretty simple and pleasing on the eyes, nice work!
@Steven
)
I noticed you’ve just changed the way the titles are displayed on the sidebar, they look much better now.
I remember asking you which plugin you were using to display the popular posts on the sidebar and if it was a template hack or if it was widgetized, unfortunately I don’t remember which post it was in, would you mind repeating it here? (I’m subscribed to this one, so I’ll remember
Thanks.
Karthik,
Thanks for noticing the sidebar changes. I didn’t like the old look, but hadn’t taken the time to get it how I wanted it. When I changed the theme a few weeks ago it wasn’t a big priority, but I realized that it really didn’t look good. I also added recent posts in attempt to improve the navigation.
The popular posts list is actually not using a plugin. I added that list to the sidebar manually, that way I can control what posts are there rather than having a plugin control it based on # of comments or something. For now I like it this way because I can change it whenever I want to.
Ok, that’s an idea – I add a couple of them manually on my popular posts page too, funny I didn’t think of adding it directly to the sidebar!
I didn’t know I’d have company when I added them manually! I guess for some reason, some of the better posts don’t get as much attention!
I think for me it just comes down to the fact that I would rather choose what I want to be there than to leave it up to a plugin. Plus, I try to keep plugins to a minimum.
I wish there was more innovation in blog design..seems like we are getting stuck in the same patterns for new themes.
Yeah – I’m a big fan of the less-is-more school of thinking. Sites have to be easy to use. Period.
@ Karthik – correct – there will be some variation in appearance cross browser, more so when a particular browser offers poorer support for W3C standards as is the case with IE. Using standards in our work though is a way of encouraging browser manufacturers to offer full standards support
I think I have 1 fault – overrun with ads!
wonderful…great and focus points….enjoy reading and trying to observe everything that you mention…thx for sharing your experienc e with us
thinking of creating a personnal blog, i guess this is a goos article i should read, will apply this to my blog. thx for sharing
Do you know of any good resources on fixing errors in different browsers. My site struglles in IE6 but does fine in IE7 and firefox. Any suggestions would be great. thanks.
Mike,
I have a post from last month with resources for testing in multiple browsers.
Ease of Navigation and Easy to Read . . . amen!
Nice post. however I’ve categorized the essential requirements from two perspective-both human and technical. Please check 8 elements of a good blog theme or template. Your feedback will be highly appreciated.
What Makes Good Blog Design? Guide To Promoting Your Blog Through Guest Posts 99 Ways To Promote Your Blog For Free How To Set Up A Domino Effect Of Traffic
Important Items Should Be in Prominent Positions. So why do you have this as #10?
Great article, I definitely agree on #6, if there’s too many ads it destroys the credibility of the site I’m viewing because I feel like they’re just writing for the money and not to make good content.
Astheria has a good article on the subject as well: http://astheria.com/design/the-user-expectations-of-a-blog
I like your Top 10, I definitely agree that content should be high on the page to stand out to the viewer.
Something I’m tweaking is the positioning and use of adverts. It’s a fine balance to get it right.
This is must read section for bloggers.
http://www.kishoreblog.com
Great synthesis of thoughts on good blog design.
I find that many blogs not only get overrun with ads but also with too many widgets and other junk that take away from the focus of the blog.
The worst thing for me when visiting blogs are adwords! I see a link underlined, so I mouseover, and instead of a link to something I’d consider useful, it’s an ad. I’m not sure why this irritates me so much, but it does…
thank you very much this a very helpful article
.I must learn a lot thing about this
i think this article not only cover blogs also cover all sites. if you want to make your web site useble you must follow these steps
Nice post!i love it!web designs are not so important in your blog. The important thing is you should focus in your content because the first thing to when your making a blog, web design is useless if your content is not interesting.
Nice post!i love it!very detailed..web designs are not so important in your blog. The important thing is you should focus in your content because the first thing to when your making a blog, web design is useless if your content is not interesting.
web designs are not so important in your blog
the The Top 10 Desing Mistakes and the Vandelay Website Design’s blog that has a post on What makes good blog design? So after many hours of looking through the hundreds of WordPress themes, of which you can view
i think this article not only cover blogs also cover all sites. if you want to make your web site useble you must follow these steps
Thanks for tips…
thank you
thanks
nice article thank you
thanks.
nice thanks.
Thanks
Nice Resource.. Thanks.
Thanks
Thanks
http://www.kayseridostlaremlak.com
Great post.Thank you…
Thanks for share
thanks
http://www.kayseridostlaremlak.com
thanks
txh dude
Thanks good article
http://www.perims.net
it’s very good. But it is no standart.
thxs for the artikel very nice
thanks good article
thank you
thank you
thank you
Thanks…
thanks …
thnx man
Thank you nice work.
kurutemizleme thanks
pc topla thanks
beyaznadideçiçek thanks
hasarlioto thanks
istanbuldaki dogansehirliler derneği thanks
partner arkadaşlık portalı thanks
great work keep it up! proudly porno
Forumanda forum thank you very much.
http://feeds.feedburner.com/msnprogramlariorg
Veryful..
thanks
Kırşehir, Gırşaar Thanks
Thank you so much
Thank You Site (:
http://www.kvizle.tr.cc
http://www.bilalozturk.com free sex video ametur sex free porn
Checking for cross-browser functionality is easily missed – nice post. thx for post
thank you very good wonderful swimming
very goods thank you wonderful cinema
Thank Cinemasters
thanks for posting
great,thanks.
Gerçekten yapmış adam darısı başımıza
WERY BEATİEFUL THANK YOU VERY MUNCH
Good information, many thanks guys.
Many thanks for the useful data.
Good Resource. Thank you
Thank you very much
Effective design will draw the attention of readers to important items, such as subscription information. Yes it’s. But seviye belirleme sınavı ve sbs soruları. it is very important. sbsThe most important links, images, etc. should generally go above the fold so that visitors will see them right away. Getting rid of unnecessary items will also help readers to focus on what’s important.
thank u
nice subj
thank you
Hi, I would be the Sara mentioned above
. My question for you is, my full name is Sara Smith which obviously isn’t very unique. In most circles I run and in all of the communities I am involved in, I am known as ses5909. Yes, that is very unique but is it something a person should be known as? I’m open for suggestions
thank you!
ehuehu
of other voices in the discussion. I reserve the right to edit or delete comments at my discretion.
thanxxxx
thanks
thank you good blog design
http://www.kadinsak.com
Up to me the best importand thing is navigation.
thank you
good man thanx
güzel olmuş güzel
good article man i love that
Thanks Good Admin
Thank you very much Faithfully
araba oyunları, araba yarışı, araba yarışı oyunu, Araba Yarışları, arabayarışı,en güzel araba yarışı oyunu,en hızlı araba yarışı, en son araba yarışı oyunları, motor oyunları, yarış oyunları
araba resimleri, motor resimleri, motor oyunları, motor yarışları, motor videoları, araba videoları, modifiye resimler
pasta oyunları, yemek oyunları, aşk oyunları, bebek oyunları, makyaj oyunları
komik oyunlar, komik animasyonlar,beceri oyunları,çocuk oyunları, aksiyon oyunları, spor oyunları
Thank you very much It is enough knowledge
thanks for post..
http://bilgideposu.blogcu.com
I think for me it just comes down to the fact that I would rather choose what I want to be there than to leave it up to a plugin. Plus, I try to keep plugins to a minimum.
akasya duragi
A lot thanks for everything…
Thank you very much It is enough knowledge
Thanks a lot Very good
OMG !! thanks
thanks
Do you know of any good resources on fixing errors in different browsers. My site struglles in IE6 but does fine in IE7 and firefox. Any suggestions would be great.
Thanks.
Good blog design: let’s talk about this site. I love it. Thank you for this article!
Do you know of any good resources on fixing errors in different browsers. My site struglles in IE6 but does fine in IE7 and firefox. Any suggestions would be great.
What a great post.I am in the middle of doing up a new blog theme and after reading this have madea few changes
Thanks again
Thanks for a great article !
I can only agree that it works. Site Layout, content and good meta tags is the key to success with SEO.
Opening up the blog to more participation is a great move.
You could also help readers track comments on each post
I still have problem with the time of loading..
I try to reduce the pictures in my blog, but I hope it still looks nice.. Thanks for sharing this..
@Karl … those aren’t adsense advs, they are kontera and the double underline is your clue that it isn’t a standard link.
I have Kontera on my blog and I’m thinking of ditching it because it imposes too much on my readers attention span (and irritates them when they accidentally mouse over the links) and it doesn’t pay enough to compensate me for the potential lost traffic.
I think that putting small graphic ads at the bottom of posts makes the most sense. I hand-select ads that are relevant to the posts and fill the space across the bottom of the post with 4 or 5 of them. See my “Fit to be Kilt” article for a recent example.
I’m going to follow up your link to customizing a free theme. Mine pretty much sux … although it is getting progressively better (IMHO).
Awesome…
I would like to think that I have all the above in place…but then again, it is subjective and reader’s impression is all that counts at the end of the day.
it is not loaded quickly !
I would just like to say that I think this is a truly great site.
I am in the middle of planning a 6-week exercise programme as part of my GCSE PE coursework, and this site has helped me so much. The details about different types of training have been very useful.
The only thing I would say is that in certain sections diagrams would be helpful in explaining, and more example exercises to try out would be great. Thank you for a fantastic web site!!!
Thank you, Very good
I remember asking you which plugin you were using to display the popular posts on the sidebar and if it was a template hack or if it was widgetized, unfortunately I don’t remember which post it was in, would you mind repeating it here? (I’m subscribed to this one, so I’ll remember.
Kral,
It’s not a plugin. They’re coded into the sidebar manually.
Thanks for these tips, they are very helpful!
Thanks for these tips, they are very helpful!
The only thing I would say is that in certain sections diagrams would be helpful in explaining, and more example exercises to try out would be great. Thank you for a fantastic web site!!!
Unfortunately, W3C standards only mean that the site would look “ok” under all browsers – it doesn’t necessarily render the same way you meant it to. I’ve had it happen on one of my sites – looks good on FF, but not so good on IE – and yes, its validated
Soon I will create a personal blog. This is ok – can serve an example for beginners.
Kral,
It’s not a plugin. They’re coded into the sidebar manually.
Easy to read is important. Remember when for some reason, everyone was using 8pt verdana on their websites? I remember getting my first 20″ monitor and realizing that so many websites’ text were so hard to read. Use a nice font and make it big enough to read at any resolution.
What Makes Good Blog Design? | Vandelay Design Blogperfect and great article thank you
What makes a good blog design? For me, a lot of it comes down to simplicity. Fewer ads, easy navigation, fast loading, easy to read – many of the things you mention are the result of simplicity. And the more complex a site is, and the more you’re trying to do with it, the harder it is to maintain simplicity. But in my view it’s often the simplest designs that are the most memorably and really put the emphasis on content.
What makes a good blog design? For me, a lot of it comes down to simplicity. Fewer ads, easy navigation, fast loading, easy to read – many of the things you mention are the result of simplicity. And the more complex a site is,
Really great tips that every blog owner should recognize.
And how often to update the blog? Natural that the information must be unique.
Thanks for these tips. I agree, that effective design will draw the attention of visitors to important things.
But in my view it’s often the simplest designs that are the most memorably and really put the emphasis on content.
Ok, that’s an idea – I add a couple of them manually on my popular posts page too, funny I didn’t think of adding it directly to the sidebar!
I didn’t know I’d have company when I added them manually! I guess for some reason, some of the better posts don’t get as much attention!
kardrik
Thanks for these tips. I agree, that effective design will draw the attention of visitors to important things.Cool and super…
Soon I will create a personal blog. This is ok – can serve an example for beginners.
I agree, that effective design will draw the attention of visitors to important things.Cool and super…
design will draw the attention of visitors to important things.Cool and super
Easy to read is important. Remember when for some reason, everyone was using 8pt verdana on their websites? I remember getting my first 20″ monitor and realizing that so many websites’ text were so hard to read. Use a nice font and make it big enough to read at any resolution.
I think the typography makes the blog design for me. With good typography, you have your content in the center of attention. With bad typography, nobody will look at your content.
I think the typography makes the blog design for me
Great post. I am going through a new re-design now and trying to find the perfect Wordpress theme to customize. Great points to keep in mind.
desing will draw the attention of visitors to important things.Cool and super
I think the typography makes the blog design for me lol.. You cannot speak english, Thanks for sharing.
Checking for cross-browser functionality is easily missed – nice post
I am grateful to you for this great content.
Ok, that’s an idea – I add a couple of them manually on my popular posts page too, funny I didn’t think of adding it directly to the sidebar!
I didn’t know I’d have company when I added them manually! I guess for some reason, some of the better posts don’t get as much attention!
Checking for cross-browser functionality is easily missed – nice post
I try to reduce the pictures in my blog, but I hope it still looks nice..
I still have problem with the time of loading..
I try to reduce the pictures in my blog, but I hope it still looks nice.. Thanks for sharing this..
4. Content Start High on the Page.
and how it’s with the “read more” link?
really great post thanks
I am busy doing a redesign for my own blog at the moment.
Thats a nice compilation of good tips for a modern blog. If all would follow them…
Nice post!i love it!very detailed..web designs are not so important in your blog. The important thing is you should focus in your content because the first thing to when your making a blog, web design is useless if your content is not interesting
I remember getting my first 20″ monitor and realizing that so many websites’ text were so hard to read. Use a nice font and make it big enough to read at any resolution. Thanks.
really great post thank you
Great post. I am going through a new re-design now and trying to find the perfect Wordpress theme to customize. Great points to keep in mind.
Congrulations for this nice web design..Usefull. I didn’t know I’d have company when I added them manually! I guess for some reason, some of the better posts don’t get as much attention!
Titles on the side bar luks good now due to the changes made.
they look far far better.
I think the typography makes the blog design for me lol.. You cannot speak english, Thanks for sharing.
Please add this as well.
- Soft colors
- Easy to use
- Instant messaging somehow twitter function.
Thanks, for this information and news it was very useful to me
I think the typography makes the blog design for me lol.. You cannot speak english, Thanks for sharing.
Trackbacks