3 Things to Remember When Designing a Blog Footer

blog design footer

Photo by LA Wad*

Introduction

This is a guest post by Skellie from http://www.skelliewag.org. Check out her blog for articles on how to use blogs as platforms for profitable online businesses and a great reputation.

Blog footers have traditionally been neglected by designers, usually home only to the obligatory copyright line. Times are-a-changin’ though. Creative footers have become one of the hottest trends in web design, and blog footers are no exception.

It’s not hard to see why. A visitor who reaches the bottom of a web page and finds themselves without anymore content left to browse is at the point where they are most likely to wander away. Blog footers help capture and maintain the interest of the visitor who thinks they’ve seen everything. But they have to be done well. Here are three key things to remember when designing a blog footer.

1. Attention decreases from top to bottom

When a user visits a website, the first thing they see is the top area: the header, the top of the sidebar, and usually some of the content. This is the highest attention area of any design. As the user travels down the page, they need to be kept interested. The likelihood of boredom or distraction increases as the user travels downwards through the design.

They might see a blog post they want to read, or a link they want to follow. They might just decide that the blog isn’t for them. Because of this, most visitors to a blog will never make it to your footer. This means that if there is something you want every visitor to see–whether it’s your navigational menu or the icon for your RSS feed –it should go in the highest attention area of your site: the top area.

2. Your footer is not a navigation bar

Following on from section 1, you should not put ‘must use’ elements of the design in its footer unless they also appear in a high attention area. For example, if your ‘Contact’ page is only accessible through your footer–one of the most common usability errors you’ll see in modern web design–you’re drastically increasing the chances that someone who wants to contact you will lose patience trying to do so. They may never think to look in that area and simply won’t see the link. This can lead to missed opportunities and frustration for blog readers.

Putting a ‘Contact’ page link in your footer is fine, however, when you’ve linked it again in a high attention area. Having navigation at both the top and bottom of your blog will improve its usability, since putting links at the bottom of your page makes sense–once a reader has reached the bottom, they’ll probably want to explore another part of your blog.

3. Keep it interesting!

Blog footers are a great opportunity to surprise and delight those who find them. For years the website footer almost had to be boring. At most, you could expect to find copyright information and a contact link. The nether regions of a blog were to be avoided.

Now, designers are beginning to appreciate the opportunity to go against expectations. I’ve seen blog footers featuring funny quotes, interesting links, portfolio items, illustrations and top posts. These are the best kind of blog footers because they keep users entertained at a key point when they would be most likely to navigate away from a site. Don’t use a blog’s footer as a place for basic features like navigation. Instead, do something interesting and novel that will keep visitors interested!

Conclusion

As a designer, the best way to develop your skill with blog footers is to bury yourself in examples that work. Here are a few great places to start!

Related posts

Give some love back?

If you like this post, please take a moment to vote. This will help the blog to grow even further. Thanks.
  • Bookmark this to delicious
Site Templates and WordPress Themes.

135 comments

  1. I put there trust seals, banners for charity causes stats and license.

  2. Great post. I wrote something a few years ago on a similar topic:
    19 gorgeous website footers:
    http://www.seomoz.org/blog/put-your-best-foot-forward

  3. I think that I will start putting my blog networks in my footer.

    Thanks,
    Nate

  4. Good tips. Guess what, I just redesigned my site and I have contact link in footer only! Its purely depend on how designers present the things. Isn’t it?

    • aravind
    • March 24th, 2009 at 12:26 pm
  5. In my footer I duplicate navigation plus display my latest tweet and stumble. None of these are very important but they give reader opportunity to either dig deeper or wander away (but in a way related to me).

    • Rarst
    • March 24th, 2009 at 2:02 pm
  6. I know a lot of blogs use quite thick footers, take for example this one. But I see it more of a way to express yourself and increase information within that page. A lot of e-commerce website’s are now starting to push this.

    @ Matthew - Thanks for that link

    • Robert
    • March 25th, 2009 at 8:34 am
  7. Often I find my blog footers are quite bland, because by the time I get to that area of the design - I’ve already spent so much time creating the header & rest of the design layout, that I just want to get it done.

    • Schwabe
    • March 29th, 2009 at 11:13 pm
  8. Never really put much thought into footers before but this all makes sense. *grabs pencil and jots it all down* Thanks so much for the informative writing.

  9. Thanks for those links. I would like to do more with my footers besides have my e-mail addy and copyright info. It’s hard to be creative with an area where everybody is using it for the same thing. And it’s true, as you get to the bottom of the page (at least on the home page) a website gets more and more boring and it doesn’t have to be that way)

  10. I know a lot of blogs use quite thick footers, take for example this one.

  11. I too never really do much with my footers, but looking at the examples you link to it does seem an opportunity missed to neglect them.

  12. Great Tips. I do completely agree with you. Yes attention decreases from top to bottom but footer is one of the most important part of the website.

  13. Thanks for the links to the most impressive blog footers

  14. Good article. Key point: be creative w/ it.

    Note to self: redesign footer

  15. I think, footer as important as the header. This is where eye CATCHING

  16. nice article. I learn how to use footer at effectively.

  17. Best post.Thank you

    • camping
    • June 15th, 2009 at 1:58 am
  18. hi, Nice post.thank you for sharing. “Putting a ‘Contact’ page link in your footer is fine, however, when you’ve linked it again in a high attention area. Having navigation at both the top and bottom of your blog will improve its usability” i agree your points.

  19. “Blog footers help capture and maintain the interest of the visitor who thinks they’ve seen everything” this is true.

    • camping
    • June 15th, 2009 at 2:29 am
  20. best tips.

  21. Thanks Skellie, three key things in designing blog footer did helped me.

  22. The information given is really worth and this helps my page appear better.

    • beauty
    • June 15th, 2009 at 3:50 am
  23. I too agree with your tips.

  24. Great blog. keep on going,

  25. Thanks for your wonderful tips

  26. Thank you for thsi posting

    • robin
    • June 15th, 2009 at 7:18 am
  27. i will bookmark this blog now. In this blog have many information.

    • kevin
    • June 15th, 2009 at 7:22 am
  28. Great post.Thank you

  29. 有才人。

  30. this is a nice post

    • rocky
    • June 22nd, 2009 at 4:16 am
  31. this is a nic epost

    • rocky
    • June 23rd, 2009 at 3:53 am
  32. Nice tips, i just bookmarked your site.. wil come back for more such tips !

    • Shawn
    • June 26th, 2009 at 3:06 am
  33. This is a test comment

  34. The above post are very nice.

  35. Awesome article! Thanks for the post!

  36. Thanks for this post - some great advice.

  37. BTW, I think your footer design should be added to the list. :)

    • ad&d
    • July 14th, 2009 at 4:55 pm
  38. Thanks! Nice article about footer…

    • Dmitry
    • July 16th, 2009 at 7:33 am
  39. Sure thing! Make sense.

  40. Great ideas. Lists like this are a great thing t bear in mind when working on a design.

  41. I work regularly on different design and different patterns. For that i do like the wordpress plugin, and get most of help out of it. Here, I do like to write as your tips are really valuable. And so i do have forwarded your points to my friends and professional ones. And i got many thanks to do so… So just to let you know about it.

  42. Good information, that everyone who develops websites can use. Good writing once again

  43. Thanks for sharing useful tips

  44. Thanks for sharing the information about how we should present the header, footer and to keep the visitors entertained in blogs

  45. Thanks for sharing that .

    • Alwahsh
    • August 31st, 2009 at 4:17 pm
  46. Your footer isn’t a navigation bar - good tip! Some are too busy.

  47. tesekkurler

  48. And some things you expect to find in the footer, like contact details (snailmail), sitemap, terms etc. So don’t forget the basics.

    • Mike
    • September 14th, 2009 at 10:40 am
  49. It’s interesting that you should have brought it up. I’ve been doing some research and what you have mention does work, to a certain extend.

  50. Really useful link this is…..

  51. Thanks for the informative post. I will definitely take these pointers into consideration. Once gain thanks for the good tips..

  52. Thank you for this post and these tips. You gave me the envie to set up my own blog. Thank you !

  53. Great guest post by Skellie, thanks for sharing the links, they are good starting points.

  54. I always try to put in the footer “Related Topics” or such, since the reader may want more once they reach the end of the page. Whatever you can do to make the reader stay on your site is the goal.

    • Cindy K
    • September 27th, 2009 at 8:32 pm
  55. Thanks for the useful advice Skellie! I think a lot of blog designers just end up using their footer as another navigation, it’s a shame they don’t do more with it.

  56. the details make all the difference! this is one i havent thought about. Guess Im off to create a new footer!

    • R D
    • October 17th, 2009 at 9:52 pm
  57. The split is of course awkward at best. ,

    • Boy14
    • October 22nd, 2009 at 10:53 am
  58. It is concerned with the size of organisms, more particularly with the size of our own corporeal selves. ,

  59. I like This blog design nice work

    • leon
    • October 26th, 2009 at 4:21 pm
  60. i never really do much with the website footers i design for clients, but after seen this i might.. do you think it affects the serps?

    • steve
    • October 30th, 2009 at 7:27 am
  61. Great tips, i will keep them in mind when designing my next footer.
    Also, some really nice footer design in those links.
    Thanks.

  62. Really great tips! Thanks for sharing…

    By the way, keep posting! ;)

    Ovi Dogar
    AbsoluteCovers.com

  63. thanks very very much for this great information

  64. There more very good information on this site…!
    Thanks for sharing that.

    • Horoskop
    • November 6th, 2009 at 11:51 am
  65. There more very good

  66. Thanks for your gr8 information it will help me a lot

    • nil
    • November 12th, 2009 at 7:38 am
  67. excellent stuff here, thabk u, will use this advise

  68. I really like the concept of new Blog footer of Links. I really like to design my Blog or Website footer for a relevant Links. Which i consider as a user friendly concept.

  69. i always screw up footers… whats the trick?

    • cortney
    • November 20th, 2009 at 11:32 am
  70. Very informative, thanks for the good input!

  71. Thanks for the informative post. I will definitely take these pointers into consideration. Once gain thanks for the good tips..

    • oyna
    • November 23rd, 2009 at 12:55 pm
  72. Always something to be considered when designing a blog-the footer gets more attention than you may think, the people who find theier way there the majority of the time may be looking for the author or designer-so making first impressions count can fall into play here.

    Some fine examples listed here matey. Keep it up.

  73. i never really bother with the footer of website, do you really think its that important?

    some good examples to think about.. Also before you do a site do you produce a mock up for you client?

    • steven
    • November 25th, 2009 at 3:41 am
  74. Footers are becoming so useful these days, especially for all the social media bits - too often people fill it with keyword links.

    Great article though -

    Ryan

  75. nice post

    • article
    • November 28th, 2009 at 12:36 pm
  76. Great Post. I would agree footers are becoming important. A lot of people scroll through the page quickly and end up at the bottom… so that may be your only chance to visually capture someone again.

  77. Yes, you are right. footer as important as the header.
    Great tips, i will keep them in mind when designing my blog footer.
    Thanks for sharing.

  78. You are right. The footer is an important port of a website that is often neglected. Until now, I mostly wrote links to my other sites in there.

  79. Really informative post special this point “Attention decreases from top to bottom”. Thanks for sharing

  80. Nice post you have touch some much ignored points of blog designing.My question is does it really need a good footer? I just mention Google’s suggestion of posting adsense they have given least importance to footer.In general visitor does not pay much attention at footer.

  81. While I do believe there are valid points I think its important not to lose sight of the overall design also. I have seen some websites where too much emphasis has been put on the footer, making the whole page off-balance design wise.

    • Jason
    • December 14th, 2009 at 11:19 am
  82. I think that I will start putting my blog networks in my footer. Thanks

    • Giochi
    • December 14th, 2009 at 3:00 pm
  83. My opinion is tat you should keep the design of your new blog simple and clean. This way you can have more visible call-to-action titles, which are the most important thing in order to generate some sales from a visitor.

    • Kia
    • December 15th, 2009 at 4:58 pm
  84. First, you need to design an attractive header design which attracts people, second, and most important, you should creat great content and third, build a list. Those must be included in the new blog design, if you ask me…

    Cheers,

    Cartobias S.

  85. Often I find my blog footers are quite bland, because by the time I get to that area of the design - I’ve already spent so much time creating the header & rest of the design layout, that I just want to get it done.

  86. incredible, i saw something like tahat in http://www.todaybestdesigner.com, very good ;)

    • Nestor
    • December 16th, 2009 at 2:08 pm
  87. Two big thumbs up :-), thanks for the good input!

  88. Well good tips mostly people dont give consideration to footer.

  89. We always see wrong build footers (full of some legal crap, for example). I bookmarked Skellie`s blog.

  90. Great points that you have listed. I agree with most of them. When I design sites from now on i will make sure I follow some of these guide lines

  91. Very short, sweet and straight forward tips… I think its all about quality from look and content vise we maintain while creating blog..
    Very nice Article!

  92. Really Nice!

  93. Thanks For this post…

  94. Very Nice Post…

  95. Very simple and nice article!

  96. Very Sweet and short Article !

  97. Really Gr8 !

  98. Very helpful write up!

  99. Yes i agree with you. footer is as important as header. Thanks for sharing this informative post. keep it up, guy!

  100. it looks like a good source of information. i ll bookmark this page so i can access later and i will share it with my friends. thanks for sharing with us

  101. one thing i find useful is to use no follow tags on user friendly tags such as “roller banners” and then i pay presence to the same link to the same page on the footer using a target kyphrase which is less competitive e.g. “roller banner stands” - its good for seo - but search engines do now pay less preference to footer links

  102. Evident but helpful tips. Also I think there are more much than “3 things to remember”.

  103. It was nice reading the article. We many a time miss on these essentials. Thanks for sharing the same.

  104. Yes, I agree with you. footer is as important as the header and content part in blog. I will keep them in mind when designing my blog.

    Thanks for sharing.

  105. The footer is good to post some links to inner articles. YOu get the PR of the whole site to those articles, and therefore you can rank better in the SERPs.

  106. Web development services - we offer cost effective web development services in India and all over the world. Also we offer cheap web design services in India and all over the world.

    • Sandeep
    • January 21st, 2010 at 1:04 am
  107. Wow, something I never paid much attention to but after seeing those designs I certainly will!

  108. Brilliant post! You think of everything :)

  109. I need directions on how to embed an amazon store into my wordpress blog. I want to use my own header and footer and have it be part of my site instead of linking to it..

  110. thanks for sharing the information..well it is very useful.. i think i need to upgrade my blog..many thanks to you :)

  111. I will notice this!

  112. Footer is the hardest part to design.Thanks for nice tips.Really help me out.

    • henri
    • January 29th, 2010 at 10:40 am
  113. I know a lot of blogs use quite thick footers, take for example this one. But I see it more of a way to express yourself and increase information within that page. A lot of e-commerce website’s are now starting to push this.

  114. Excellent post, thanks!

  115. What you say is perfectly true, and I feel like I already knew it, but you had to write it to realize the importance of the footer.

  116. hey

    Good information

  117. I agree with all three points you mentioned and i must say they are very beneficial. Thanks for the info

  118. Just read this again, still a top notch article

    • anistock
    • February 12th, 2010 at 10:44 am
  119. This is so elaborate and detailed. Useful for almost everyone who is into blogging. Thanks for sharing.

  120. Thanks, Very important thing you said in that blog. I love to read that all important point to remember when designing.

  121. Really nice suggestion.. thanks for sharing

  122. Put it at the bottom of the page :-)

  123. we have no words to thank blogdeisgnblog

  124. footer is really an important part of website that helps in navigation and of course in seo too…

  125. My skills in designing a blog footer are limited so thanks for the help on this matter.

  126. Nice article, what would you say about having ‘related topics’ in the footer?

  127. hey really helpful… thanks…

  128. Really it’s good article i’m suggest another one

    Thanks

  129. thank for this article

  130. Great tips.
    These do also apply to general website design.

    • Jye
    • March 5th, 2010 at 6:09 am
  131. Thank…

  132. Really nice suggestion..thanks!

    • artmax
    • March 7th, 2010 at 3:45 pm
  133. Very nice article, thanks. Some really helpful info here. Good links here too.

  134. great footer tips.

  135. iPhone Apps are really getting engaged in market and many developers are focusing to developed quality iPhone Apps.

Add a comment