Back in the old days, almost every website had a sitemap where they listed out all the pages. The purpose of the sitemap is to help visitors and search engine spiders to find information on the site. Now, a lot of modern websites have dropped the sitemap page, instead they place the sitemap in the footer area. I’m going to review 20 websites (from big corporation to small portfolio sites) who organized their footer cleverly to enhance usability.

Benefits of Placing a Sitemap in the Footer

  • Engage user click and visit duration:
    As you may know, online readers don’t read everything on the page, they scroll and scan. Footer is probably the last place they look at before exiting. Placing a sitemap in the footer may attract readers’ attention and increase page clicks and views.
  • Make sure your visitors are not missing out:
    Sometimes your visitors might be too lazy to click on the sitemap link or miss it all together, having a sitemap in the footer can ensure your visitors are aware of every page.
  • Use your footer to promote links:
    You don’t really have to use the footer to list out everything, you can use it as an alternative location to promote important pages.
  • Save readers’ time:
    Having a sitemap in the footer allows users to quickly jump from page to page.
  • You save the visitors a click:
    By placing the sitemap in the footer rather than a separate page, you save the visitors a click.
  • Enhance layout design:
    Don’t know what to put in the footer? Perhaps a sitemap can fill up the page and make your site look bigger.

Digg

Digg keeps their header nice and clean by placing only the content categories. The header is focused on the users while the footer is focused on the company.

digg

Mozilla – Firefox

Thanks to the footer sitemap, with just a glance, I know exactly what pages are available on the Mozilla website.

mozilla

Apple

What if you have a huge website (in terms of content), putting a full sitemap in the footer may be insane? You can learn from the clever Apple.com, split the sitemap into sections. For example, go to the Mac section, you will only see the Mac sitemap.

apple

GoodBarry

Although GoodBarry doesn’t list out every page in the footer, but it does act as a sitemap where they list the pages with the most significant content.

goodbarry

White House

In the recent redesign of the White House website, browsing the site has been made easier by using the dropdown menus and sitemap in the footer.

whitehouse

Miro

Miro separates the sitemap with a text bar “Looking for something?”.

miro

Six Apart

You may also use the sitemap to connect to your network sites. Six Apart is a good example. In the footer, under the Six Apart Blog column, there are links to their sister sites: Typepad, Movable, and Vox.

sixapart

Clearspring

In Clearspring, they split their Services section into two columns: Launchpad and WidgetMedia.

clearspring

SquareSpace

SquareSpace’s sitemap tells you which pages you’ve visited already. Notice the visited pages have a tiny check mark instead of the regular triangle icon?

sqarespace

SugarSync

SugarSync displays only the main level of the site in the footer, the full sitemap lists all pages.

sugarsync

FreeAgent Central

Again, FreeAgent Central has a simplified sitemap in the footer with a link to the full sitemap.

freeagentcentral

FiveRuns

FiveRuns creatively organizes their sitemap to put the main focus on their products.

fiveruns

Red Nose Day

I particularly like the "red nose" figures in the footer because they make the sitemap stand out.

rednoseday

Tigers

Having too much empty space in the footer? Fill it with a sitemap. You don’t need to have a lot of pages to make a sitemap (Tigers is an example).

tigers

Get Satisfaction

Get Satisfaction saves their header space by placing the main navigation (which is also their sitemap) in the footer.

getsatisfaction

Flashloaded

Flashloaded sells Flash components, thus their footer sitemap only lists out the products.

flashloaded

Jamie Oliver

Jamie Oliver displays a simpified sitemap in the footer and also provides a link to the full sitemap.

jamieoliver

Redbrick Health

Nice and clean 5-column sitemap.

redbrickhealth

FortySeven Media

I’ve been showing a lot of big corporation sites. What if you have a smaller site? FortySeven Media is a good example of what you do with a portfolio site. They use the footer to display the latest entries of their blog and portfolio work.

fortysevenmedia

Jason Santa Maria

This one is my favorite. Not only does it look elegant, but it also attracts readers’ attention by laying out the recent activities of the blog in a beautiful way.

jasonsantamaria

Tips For Designing Footer Sitemap

  1. Categorize – organize your links in categories.

  2. Use Headings – use headings or titles for each category.

  3. Be Consistent – the order of the links should be consistent.

sitemap tips

246 Comments

Cyprian
Mar 23, 2009 at 3:48 am

Greay post. Thanks Man!

Web Design Tasmania
Mar 23, 2009 at 3:51 am

Great Article and I think it is a good idea for the larger type of site.
But the more I think about it every website could make very good use of this because you do indeed create a better user experience. I might try it on my own site as well with my main sections and my twitter feed.

Chris
Mar 23, 2009 at 3:51 am

More great food for thought, cheers!

Realizzazione Siti Web Bologna
Mar 23, 2009 at 4:03 am

Super useful article! Thanks

Patrick
Mar 23, 2009 at 4:14 am

One thing I have noticed is that some websites have huge footers with sitemaps that seem totally unnecessary, because there just isn’t enough content on the website to justify having one. If your website is small enough to be totally accessible from the top links then what is the point in having one?

David Hellmann
Mar 23, 2009 at 4:55 am

Nice Pages. Sitemap in the Footer is a good idea and very useful.

Lieven
Mar 23, 2009 at 4:57 am

I agree with Patrick; There is only need for a sitemap when the site is complicated. A normal portfolio-site should work without it, otherwise the basic structure of your site is messed up.

A regular “work, blog, contact” should do the trick for those. Everybody knows this system, so why fill your page with extra info?

When you’re experimenting with structure,… well, that’s an other cup of tea…

Web Design
Nov 3, 2011 at 2:01 am

I agree, if the structure of the site is complicated then we do need a sitemap, otherwise for a simple brochure site if we dont have it also, it will work!

Amelia Vargo
Mar 23, 2009 at 5:20 am

A footer sitemap is an excellent idea. Do you think this would be good for SEO too?

Yappappeo
Mar 23, 2009 at 5:26 am

Great post. Grazie

DKumar M.
Mar 23, 2009 at 5:56 am

Nice Article!!

Curt
Mar 23, 2009 at 6:09 am

Good post! I’m happy to read your site!
2 Amelia Vargo: for SEO would be good an XML sitemap ;)

Roderick
Mar 23, 2009 at 6:34 am

Nice Article, thanks.

Note: I like the skinning job you did for the Thickbox jQuery plugin, may be a good idea for a future tutorial? Cheers

Craig
Mar 23, 2009 at 7:26 am

Some great examples here, it’s interesting to see some sites where the “footer” is just as big as the site!

Erick Patrick
Mar 23, 2009 at 7:54 am

It´s amazing what we can get from this articles… My skills rose up a lot after reading many of these ones…

And this article was well put here, many sites had been negating the footer strength, this is a simple and elegante way to rise show it up.

Greeting, from Brazil ;D

Bryan
Mar 23, 2009 at 7:57 am

Thanks! I’ve been pushing to update the footer in this manor on a client’s website, and this article gives great examples and support.

New Standard
Mar 23, 2009 at 8:08 am

Great post! Oh, the poor neglected footer!

Luke
Mar 23, 2009 at 8:50 am

Great post, another good example is Waitrose, a supermarket in the UK…

http://www.waitrose.com/

Zach
Mar 23, 2009 at 8:52 am

This is a great article. It’s a shame how much both the site map and the footer fall to the wayside on the design of a lot of sites.

tim
Mar 23, 2009 at 9:02 am

Great post, i’ve been thinking a lot recently about footer design for my next project. I will certainly take this into consideration.

Paul Seys
Mar 23, 2009 at 9:07 am

Another good example, if a little basic is the Redweb. The site structure is narrative and as you read through the site the footer ticks of the sections as you go.

Rebecca Murtagh
Mar 23, 2009 at 9:51 am

Bravo! Great post with show and tell.
Very refreshing to see designer that champions usability…and don’t forget to include XML site map for Google and to leverage sitemap and footers to support SEO!

Jorge Amaya
Mar 23, 2009 at 10:54 am

very interesting!

kaiz3n
Mar 23, 2009 at 11:05 am

I noticed this was the ‘in’ thing to do and I think it is very user friendly. =)

Daan
Mar 23, 2009 at 12:17 pm

There’s also Skype, they have a great footer too.
But thanks for thid collection. You did a good job on this :)

Banago
Mar 23, 2009 at 12:22 pm

This is really another great article and another place to look for footer inspiration. Thanks very much for sharing it with us.

Juanita
Mar 23, 2009 at 12:28 pm

I forgot about using them that way on front end. I have been, lately, using them only for the search engine trolls I mean robots :-)

Kayla
Mar 23, 2009 at 12:34 pm

I always saw these but never really took into consideration their full benefit. I may try this. Great post, once again.

tom h
Mar 23, 2009 at 12:55 pm

Personally, I’ve always questioned why we have a footer. If it’s just being used as a navigation safety net, as it is in most of these examples, then the navigation isn’t working hard enough.
Contact details: ok, but these should primarily appear in close proximity to the content that prompts the CTA.
Legal: does the appearance of legal info in a footer carry any enforceable legal weight, over its appearance on a dedicated page?

What we’re effectively doing here is adding yet another block of navigation to be processed by screen-readers and compete for attention during the all important, yet brief scan-time that websites enjoy when visitors first arrive.

would love to hear your thoughts…
-tom

The Frosty @ WPCult
Mar 23, 2009 at 2:24 pm

That’s how I’ve got mine laid out!

Ozgur Dincer
Mar 23, 2009 at 6:55 pm

design, Design Trends and inspiration, thats what you mean :) thanks

Sklep Zoologiczny
Mar 23, 2009 at 7:27 pm

Yup, another great post.

NJ SEO
Mar 23, 2009 at 9:16 pm

A few years back the footer was frequently used for keyword stuffing. During the evolution of Search, at one time Google and Yahoo actually favored sites that used on-page keyword stuffing and under the hood stuffing in the meta keywords tag. Now that Google has a real good handle on the stuff masters, it opened up the possibility for using the footer for intelligent design. I’ve heard the phrase “Phat Footer” or “Phat Foot” used for the latest incarnation where the footer is used for navigation and sort of a “below the fold” block. I really like a beautifully designed footer – it can look great AND it gives SEO people a chance to send the pagerank earned on the homepage directly to interior core pages that you want to pump up for more rankings. Interior links pass juice just like exterior links.

Web Design
Mar 23, 2009 at 10:18 pm

I noticed this was the popular thing to do and I think it is extremely user friendly.

Renzo
Mar 23, 2009 at 11:15 pm

This is an excellent round up. This sites are definitely an inspiration to me.

thnx a lot!

Coffee - Mexican Web Design
Mar 24, 2009 at 12:50 am

You’re a genius… A sitemap in the footer is a better and more usefull way to catch the users atention.

Marco
Mar 24, 2009 at 4:17 am

You missed out on the footer of Tsavo Media which I really like, see here:
http://www.manolith.com/

websites designer london
Mar 24, 2009 at 6:39 am

hmmm, but i think in the same time it should be on the top part of the page too, a lot of people just look at the top part only, they does not know even that sometimes they have to scrool down. it sound funny but it is a fact.

Dwayne Paisley-Marshall
Mar 24, 2009 at 6:43 am

Awesome Post!

Jobs
Mar 24, 2009 at 7:00 am

You have done a nice analysis of web sites. Yes, that’s very true. It’s better not to have a separate page for sitemap because usually a visitor has got 0.1 chance out of a 100 possibilities of visiting the sitemap. Thus, better utilize the footer space. I guess that’s what it is meant for.

Michael Parenteau
Mar 24, 2009 at 9:03 am

Great Post!!! I really love the functional footer stuff out there now. I have also seen some really nice footer stuff with jquery sliding hidden divs for the sitemap to be revealed on click… just to make it so there is less Text… if that suits the site design anyway.

Josh
Mar 24, 2009 at 9:59 am

YourChurch.com does this too–combined with a drop-down alphabetical listing of ministries at the top of every page–to create what is possibly the most usable church website I’ve seen.

Jared
Mar 24, 2009 at 10:30 am

I think it’s a good idea to do it like that. This is a great post.

Tim Wright
Mar 24, 2009 at 11:14 am

I love the footer site map for last sites, doesn’t really seem to work for the smaller site though

ilz
Mar 24, 2009 at 11:39 am

Nice post, perfect timing.. I was just thinking of using a footer style sitemap on my personal site re-design.. Thanks!

Chris Robinson
Mar 24, 2009 at 11:47 am

really nice post, and a great collection of some nice footers…dugg!

Jesel Morga
Mar 25, 2009 at 2:08 am

New trend for web design, thanks for this post

Franke
Mar 25, 2009 at 3:33 am

A dutch store with an extreme sitemap: http://www.hema.nl/

Rizal
Mar 25, 2009 at 4:55 am

yeah, that’s really useful. save the click.
but why you dont use it at this site ?

arslion
Mar 25, 2009 at 7:52 am

beautiful collection and great ideas..

Lui
Mar 25, 2009 at 7:54 am

yeah! its getting change now…

Suchmaschinendreher
Mar 25, 2009 at 9:35 am

It’s a good idea! Thanks!

The Reveller
Mar 25, 2009 at 10:10 am

http://www.birminghampost.net has a smart looking sitemap footer but also has a separate sitemap page too.

Wish uni
Mar 25, 2009 at 12:17 pm

I love The White House’s footer the most.
I saw it 2-3 days ago and I came to think more about footer then WDW post this.
How amazing.

Jonny T
Mar 25, 2009 at 2:16 pm

Good post I had noticed this on site and hadn’t really put much thought into in I could see it even enhancing your ranking in SEO. Will definitely consider using site map as footer on future designs, and redesigns.

Montana Flynn
Mar 25, 2009 at 5:17 pm

http://box.mepholio.com/ has a great footer inspiration section! I really need some work so if anyone needs some SEO/Marketing/Design help let me know.

Randy
Mar 26, 2009 at 8:19 am

I’m curious, Nick (author), you don’t use a footer sitemap… how would you in this wildly fun layout YOU use, do this? All of the examples are very clean site, not really expressive though, show us your example of how you would implement this concept.

Jeff
Mar 26, 2009 at 3:02 pm

Another advantage of placing the sitemap in the footer: Improved site-wide accessibility! (You actually hint at this in the benefit labeled “Save readers’ time,” but what I’m pointing out is specific to people who use assistive technologies)

As screen readers like JAWS and Window Eyes scan page content, the last thing they “see” is the footer. Placing the sitemap there positions the person using a screen reader to choose whatever is next, to navigate from that point rather than returning to a typical navigation menu near the top of the page. For the same reason, I’ve placed navigation menus in the right column of three-column layouts (with main content in the center of the page, the right column falls next in the usual order, and the footer is last).

Carly
Mar 26, 2009 at 5:45 pm

Lets not overlook the added SEO benefits – site wide interlinking.

We tend to use dynamic sitemaps in our footers, use one list to link the most relevant pages in that section, then the other 2/3 columns to link the rest of the sections.

Calvin Tennant
Mar 27, 2009 at 9:43 am

http://www.google.com/support/webmasters/bin/answer.py?answer=40318&hl=en

Google sitemaps?

WelshElvis
Mar 27, 2009 at 10:49 am

Virgin Media in the UK have just redesigned their homepage and gone this route – http://www.virginmedia.com/ – a huge footer with lots of links.

Floris Baan
Mar 27, 2009 at 10:53 am

http://www.brightcove.com/ has a nice footer as well. I also start using this “technique” more and more…

Jill Skamp
Mar 27, 2009 at 2:19 pm

Great examples… check out PurpleFog.com: http://www.purplefog.com

Justin Dorfman
Mar 27, 2009 at 4:47 pm

Great Tutorial!
I <3 WDW

The Website Designer
Mar 28, 2009 at 2:24 pm

As a web designer I can see the benefits of using an entire sitemap in the footer from a usability point of view, However this should not detract designers from creating a clear and easy to use navigation for theiir website.

Rick
Mar 28, 2009 at 5:13 pm

Good one! This is probably one of the most useful tips that I’ve read today.

DJ
Mar 29, 2009 at 7:49 am

Love your blogs! This is very useful info, and will be changing the ways I design my footers. Thanks for the great content.

James Mann
Mar 30, 2009 at 3:35 am

I really like the white house web site, and i like the fact that Obama isnt afraid to venture and use the digital world to reach the public.
Nice design and user friendly.

steve
Mar 30, 2009 at 6:31 am

Another great post

Kris
Mar 30, 2009 at 9:23 am

Definitely planning on incorporating this idea into one or more of my websites soon! Great advice, thank you!! :)
~Kris

Thijs Visser
Mar 30, 2009 at 2:45 pm

Yeah, just follow the crowd…
Come on people, find out for yourself how to best design a sitemap page.

I kind of dislike these top 100 sites that all use the same design, just because the there are 99 other websites that use this technique.

This makes you think less about design principles and why footers like these work. Just because they work doesn’t mean you should use them.

It’s ok to invent another wheel.

CZ
Mar 30, 2009 at 6:49 pm

Great list, great SEO idea.

Another good one is my web host provider Logicweb

http://www.logicweb.com

Ben
Mar 31, 2009 at 12:54 am

We’ve tried to take a more evidence based approach to designing the footer, and here’s what we’ve found:
1) footer links seem to typically outperform the same link in the top nav
2) a “fat footer” isn’t that great for SEO
3) in some sites, a thin footer will outperform a fat footer

You can see more on post here: footer design results

@Thijs – totally agree – consider why you should add a sitemap in there rather than just follow the smashing magazine etc “top 100” list

I think Jason Santa Maria’s example is a good one- extending the content and making it useful, rather than trying to stick everything plus the kitchen sink down there.

Creamy CSS
Mar 31, 2009 at 1:45 am

yes, it should be easy to navigate and user friendly,.. not for seo puropses.

Robin
Mar 31, 2009 at 2:04 pm

Let’s take this to a different level. Anyone have a site that uses a footer such as the one’s described that would be willing to show the google analytics click-throughs? Would be nice to some rough percentages of usage. Personally, I can’t remember 1 single moment in all my web surfing where I clicked on a footer link.

Thanks.

Heather Kyle
Mar 31, 2009 at 3:56 pm

I really like the idea of having a more comprehensive sitemap in the page footer. I think this is a technique that is definately catching on all around the Web. As a designer, I would have to say that the page could get a little clunky when listing a large number of links. I do, however, like the idea of only listing the pages with the most significant content. Currently, when designing websites, our company lists only the main navigation in the footer. It might be helpful to include some additional links for the purpose of user convenience. It’s definately a topic that’s worth bringing up at the next staff meeting. Thanks for the insight.

Ben
Mar 31, 2009 at 4:29 pm

@Robin – I’ve outlined uplift that we found here:
large footer design testing results

Keep in mind that we found significant improvements to this approach (as in, like for like clicks typically increased), but there were also several significant negatives. One was a negative SEO impact. The other was that our users achieved goals *much* better with a thin footer.

Our key learning was that it really suits some sites, and is quite detrimental on others.

IDEMiUM
Apr 1, 2009 at 6:46 am

Thank you for this inspiration.
The post of Uxboot is also really interesting.
http://www.uxbooth.com/blog/6-things-to-include-for-a-user-friendly-footer/

Pradeep CD
Apr 1, 2009 at 8:26 am

nice list…

thanks for the idea…

Dan O
Apr 1, 2009 at 9:49 am

Great article! I had done some r&d on sitemaps a little while back. I found that HP had a really awesome set-up but I havent been to their site recently.

Atlanta Web Design
Apr 1, 2009 at 11:37 pm

Great SEO idea, but not always fitting for every design.. perhaps if you hide the data like the comment guidelines and have it expand on click.. problem is search engines ignore anything that’s hidden I believe.

sadhu
Apr 2, 2009 at 4:28 am

thanks for sharing ^^

Nathan
Apr 2, 2009 at 5:55 am

As a designer, I would have to say that the page could get a little clunky when listing a large number of links.

I recommend you to consider some things before building any e-commerce website for your purpose —>

-There should be a consistent theme and design running
throughout your site ie same header image and/or logo, slogan,
navigation, copyright and colors.

Check here >>> Website Design Company

Static
Apr 2, 2009 at 1:46 pm

Thanks for the article. pretty useful and inspiring!

Web Design
Apr 3, 2009 at 12:43 pm

Good suggestions. The expanded footer is great for usability and SEO. I like the fact that from any given page I can jump deep within another section of the site yet by putting it in the footer it doesn’t clutter the page I’m currently viewing.

Fred McCoy
Apr 3, 2009 at 3:16 pm

Not sure why you included Digg, Firefox, and Apple, but the rest are great examples for your post. Thanks a lot for the share.

Atiq
Apr 4, 2009 at 5:10 pm

nice I love the collection.

Johnson Koh
Apr 5, 2009 at 7:07 pm

Fantastic post. Thanks for sharing!

MeiLin Miranda
Apr 6, 2009 at 9:33 pm

This is AMAZINGLY helpful, as are all the design resources here. I’ve been out of the game for a while, and it shows in my designs. Thank you for this site.

web agentur bonn
Apr 7, 2009 at 4:39 am

awesome collection.. thanks

Sam Catan
Apr 7, 2009 at 10:17 am

wow thanks for putting such a great effort to make these wonderful tips

AlfredN
Apr 7, 2009 at 10:32 am

Nice one, quite the inspiring post.

Trevor Collins
Apr 7, 2009 at 11:29 am

Hi,

Thanks for the information. I am in the middle of overhauling my web site so this info is greatly appreciated. Indeed I will be speaking to my web designer tomorrow about it.

Howie
Apr 7, 2009 at 2:27 pm

Its amazing how many people will still navigate a site using the site map. Some top examples of site maps here, nice stuff!

Bekka
Apr 7, 2009 at 4:59 pm

Wow! I’m about to redesign the footer on the company website, this has been really helpful. Now I just have to think of a way to organize all of the footer mess.

Shannon
Apr 7, 2009 at 5:13 pm

The footer is all too often overlooked in terms of web design. Thanks for bringing attention to a neglected area!

Marijan Šuflaj
Apr 8, 2009 at 2:35 am

Thanks for this post. You gave me some good resources, because I’m planing to design my own template so this is good inspiration.

Thanks once again :)

Miss Blossom
Apr 8, 2009 at 5:40 am

I’d never realised that this was a site map – I’d often see it and thought “what a good idea” but never really thought much more about it…

I’m definitely going to think about incrporating this into my client’s sites from now on.

Thank you!

Casper
Apr 8, 2009 at 10:16 am

A footer is also very helpful for retail websites like the dutch website of hema.nl. The footer can be used to put all the categories and sub-categories in list view. This is also very SEO.

http://www.hema won twice the Dutch Online webshop Award

(check the tagcloud at the homepage too!)

Brad
Apr 9, 2009 at 1:21 pm

Great Post. Some nice inspiration as well.

Amjad Iqbal
Apr 9, 2009 at 3:37 pm

it’s a good idea. thanks

Edd Turtle
Apr 10, 2009 at 8:34 am

Wooo, I like it. I’d noticed it before on Chris Coyier’s website, css-tricks which I really like.

BenSky
Apr 12, 2009 at 5:30 am

Great article, sourced quite a few designs there too! I’ve used this method in a couple of recent designs i have done, and in some cases it does work very nicely not only from a navigation point of view but from a content filler also if the pages of a website are a bit sparce on content.
Is the traditional nav bar under threat from the footer mini-sitemap??

Nick
Apr 12, 2009 at 6:13 am

Whats the impact on seo of creating such a sitemap at the foot of the page that is hidden but expands on mouseover?

don
Apr 13, 2009 at 8:37 am

Cool way, i will make it just like that on my next website

Guillaume
Apr 14, 2009 at 8:14 am

Thank you for these rewiews. Not always simple to design a great footer.

Criss Redman
Apr 15, 2009 at 2:09 am

Great article, some nice inspiration as you can see already applied on redweb website. Good for seo too.

HostPipe Web Design
Apr 16, 2009 at 9:29 am

A really informative articles with some great examples of sitemapped pages. Definitely going to consider using this format on some of my own sites.

ys20.cn
Apr 16, 2009 at 12:37 pm

very good!

design
Apr 19, 2009 at 2:32 am

thank you sharing

francis
Apr 23, 2009 at 2:46 am

nice to read

ReTwurl Short URL
Apr 26, 2009 at 9:51 am

I do like the layout on some of these site maps. I think I will rearrange mine. Thanks for the list you provided.

Carl - Web Site Design Instructor
Apr 28, 2009 at 1:25 am

I really enjoyed this post and infact I have used some of the sites as inspiration for a new site we are working on.

I do have a question tho……..how do you find all these sites for examples?

Steve
May 3, 2009 at 5:14 pm

Our church has a great sitemap in their footer as well: Church on 99. I think footers in sitemaps helps make a site a lot easier to navigate, especially when the primary navigation doesn’t have dropdown menus.

Sam
May 4, 2009 at 9:00 pm

It’s interesting to see sitemaps making a comeback. We have noticed some people testing their sitemap’s effectiveness recently. Mind you, it’s important to know there is a big difference between a site map and an information architecture.

Venkat
May 5, 2009 at 9:41 pm

Great list to get inspiration.
I like the breadcrumb navigation use in apple site’s footer.
I like the “maximize the hover use” ;) of mozilla site’s footer. But it seems consistency is missing. Though most of the out going links (only) have arrow (on hover), some are missing.
GoodBarry attempts to get subscription finally @ footer. Good Idea!, perhaps they can add a site search too. I know they have one right at the top, but visitors may give it a last try @ footer.
Clearspring has nice footer design and clever use of top of page link. :)

João Henrique -Designer from Brazil
May 6, 2009 at 10:55 am

Very nice!

sompylasar
May 6, 2009 at 12:01 pm

CodeIgniter site has its documentation sitemap on the top; it is hidden by default and gets out by a click on the button called ‘Table Of Contents’.
http://codeigniter.com/user_guide/

Thyago
May 6, 2009 at 6:03 pm

Also, microsoft’s site have a site map on the footer.

Papirne case
May 8, 2009 at 6:47 am

Very, very nice, thank you

niftygoodly
May 20, 2009 at 5:21 am

If you are looking for psd templates check out http://www.venuswebdesign.com

Ian Alexander Wood
May 23, 2009 at 11:39 am

I’m definitely an advocate of the mahoosive footer. It’s just nice to have all that meta sitting waiting at the bottom of each page.

burak - delizade
Jun 12, 2009 at 6:10 am

I generally examine footers as long as headers. very important part.

Holly
Jun 16, 2009 at 5:59 am

Great post – really made me think!

Edgar Leijs
Jun 16, 2009 at 9:08 am

Thank you. This is exactly what I’m going to do with a project at work. Especially for long stretching pages these kind of ‘sitemap’ footers become very useful!

cennet
Aug 8, 2009 at 5:34 am

Thanks What’s the problem here? Google could bury the meager profit number from even the biggest media conglomerates.

cennetevi
Aug 8, 2009 at 5:55 am

these are awesome!
thanks for putting in the effort to get this list together

cennet
Aug 8, 2009 at 5:56 am

Thanks Thanks What’s the problem here? Google could bury the meager profit number from even the biggest media conglomerates.

cennetevi
Aug 8, 2009 at 6:06 am

these are awesome!
thanks for putting in the effort to get this list together http://www.cennet.gen.tr

cennetevi
Aug 8, 2009 at 6:26 am

Thank =)=)=) you http://www.cennet.gen.tr webdesignerwall Thanks

A Web Designer
Aug 10, 2009 at 8:05 pm

I like the large footer myself, however i am trying to get a large footer to work with a large CSS background photo. The photo can not be infinitely long so I have a small problem. Oh well, I’ll figure it out.

eCommerce Design
Aug 28, 2009 at 11:06 am

Great examples and some nice site designs.

cool fashion
Sep 4, 2009 at 4:22 am

Nice effect. Learned.

lewie
Sep 5, 2009 at 10:23 am

really cool examples
ls3-solutions.com

bagsin
Sep 10, 2009 at 8:06 pm

Cool effect

Larry
Sep 17, 2009 at 5:09 am

Good ! a really upmarket output indeed. Thanks :)

Harry
Sep 17, 2009 at 5:57 am

As the saying goes,learn as you work and work as you learn.Websites are getting more and more easy and snazzier to use and go through.

Don
Sep 17, 2009 at 7:25 am

What really attracts a new visitor to a site is the appearance,layout and the “feel”.As important as maintaining your physical business location.Effective layout means you are a no nonsense person and like to place things where they are most accessible from.

Garry
Sep 17, 2009 at 8:05 am

Practicality and originality,if these two yardsticks are met then the site is worth looking into.Imperative to comment that the header footer is like the head and toes of any site.If you have them you have “your” site otherwise it is just “another” site.I liked this one.

medyum
Sep 17, 2009 at 2:44 pm

good nightsds

Peter H
Sep 18, 2009 at 12:58 am

Excellent examples… very clean and intuitive approach.

artnok
Sep 24, 2009 at 1:16 am

The fact is that this new sitemap relay, hugely participates to re-design the bottom of websites, becoming essential part of general design on the page…

jpondry
Oct 4, 2009 at 8:18 am

On the verge of revamping my entire site. This is very good information and thought provoking. Thank you for taking the time to assemble them for people like us.

Jo
Oct 5, 2009 at 8:38 pm

I’m in the process of doing this too, but I’m wondering about the SEO implications for large websites. I’ve heard that Google crawls only the first 25 or so links on a page, so if the page already has a lot of links (internal and/or external), I wonder if the footer sitemap idea might backfire a bit. Do you have any information about the SEO side of this? Thanks, and by the way I really love your site design!!

Body2Shape
Oct 16, 2009 at 2:35 pm

Wow I really like the examples shown, some great effects here, Thanks!

justintime
Oct 19, 2009 at 6:55 pm

how would thought that larger vertical lists will sneak into footers. But it is def. easy way to fill the whitespace.

No_limits13
Oct 22, 2009 at 6:14 pm

The gold outflow means that France must eventually contract its inflated paper francs in order to prevent a loss of all of its gold. ,

bakedthemes
Oct 29, 2009 at 3:38 am

Great compilation, gave me a bunch of ideas for my new themes.

Mike
Oct 31, 2009 at 5:17 am

The fact is that this new sitemap relay, hugely participates to re-design the bottom of websites

Gary
Nov 8, 2009 at 12:51 pm

Hey guys check out the sitemap of this site. I think its pretty awesome as well. Worth a pick. ^^

Souika
Nov 10, 2009 at 4:41 am

I think this website is a good example : http://www.avenir-sante.com/ of modern footer navigation.

Check
Dec 4, 2009 at 2:40 am

Hey check out the sitemap of this site. I think its pretty awesome as well.

JMC Website Design Blackpool
Dec 14, 2009 at 12:57 pm

I’ve seen a LOT of portfolio websites use this technique. Maybe a little too often sometimes, to the point that portfolios look the same…

vincentdresses
Jan 6, 2010 at 1:51 am

喜欢你们的设计与技术,常来看看

Attitude Design | Graphic Design Portfolio
Feb 1, 2010 at 9:55 am

Thanks for this post – some great site map layouts shown here.

best flash stock
Feb 13, 2010 at 12:36 pm

Nice tips, it all makes sense, and every day more and more sites implement site map in footer. But i have some doubts about too many links in home page, because that is not seo friendly, and sitemaps often have too many links, not sure google likes that.

Vince
Feb 22, 2010 at 6:57 pm

Great roundup of footer content! I will definitely be using this in my next page design

Charleane Alves
Mar 31, 2010 at 1:09 pm

Oi adicione pois gostei do modelo.

Web Design
Apr 28, 2010 at 9:08 pm

thank you for this post!!!!!!!!!!!!!

Extreme Acai
May 12, 2010 at 8:20 am

Ok, that sound amazing i am going to try it on my site

Get Rid Cellulite
May 18, 2010 at 7:28 am

great thanks a lot i am going to try this on my site i hope it will work

I.T MONTREAL
May 20, 2010 at 10:41 am

These are definitely great examples of site maps in the footer!
It can definitely offer some benefits as mentioned by engaging the user and duration that they visit your site, it makes it easily and accessible to view the site map, the footer can be used to promote links and obviously it can enhance the design of your website. When designing your site; you always have to think of the visitors who are viewing your site and what they can benefit from your site; whether its fast loading time; easy access and clarity of content or just scanning through an attractive/appealing web design concept.. I am actually part of a web programming company that specializes n a variety of things including website design take a look at our website above! :)

data recovery mac
May 25, 2010 at 11:20 am

I was in search of the best practice to make the sitemap for my website this post really helped me a lot but what I was thinking that the site maps made to solve two purpose one for the user ease and the other that the crawlers visit the site but in this footer version of the site map I think only the user point of view will be served not the crawler. As it can;t be that mush details that we use to make while it was on the dedicated page, but still I need to move on with the latest trend , Please guide me if I am wrong

Paul
May 28, 2010 at 7:23 am

Nice round up – I’m not sure I totaly agree with the bullet-points in the post intro though… If users are engaging through your footer, then I kinda feel you’ve not done a good enough job further up the page.

I definitely see the benefit of sitemap footers if you have long pages however, where your users might become ‘stranded’ from the main site navigation (assuming this is at the top of the site). Also, I’ve always assumed that it’s great for SEO.

Test
Jun 7, 2010 at 12:18 pm

culo

LCD Sharp TV
Jun 8, 2010 at 2:12 pm

great thanks a lot for sharing :)

LCD Sharp TV
Jun 8, 2010 at 2:14 pm

that was useful thanks

small business website design
Jun 8, 2010 at 2:17 pm

thanks for this valuable post

Plumber NYC
Jun 8, 2010 at 2:18 pm

interesting post thanks

martin
Jun 17, 2010 at 6:09 am

thank you so much! it’s extremely useful for my current project!! and saves a lot of time :)

Ted Thompson
Jun 21, 2010 at 9:02 pm

Some great ideas for site map design.

Penang Web Design
Aug 2, 2010 at 1:22 am

some great ideal to design the footer…thanks…

Austin
May 29, 2013 at 9:28 am

Every weekend i used to visit this website, for the
reason that i wish for enjoyment, for the reason that this this web page conations actually fastidious funny stuff too.

San Diego Mobile Notary
Aug 3, 2010 at 9:13 pm

I use sitemaps in the footer of my WordPress-themed sites. This does create its own dynamic page that will get crawled by search engines well. Those that want to look at a sitemap would view it too, but i question whether this is needed for any site other than the most over complicated sites.

Thanks for the article though.

San Diego Mobile Notary

logo
Sep 10, 2010 at 4:23 pm

thanks for post.

Silviya Howe
Sep 26, 2010 at 12:25 pm

Very nice, thank you very much

Packaging Design Consultants
Sep 29, 2010 at 4:45 am

Good Post !!! that Answers why most websites are utilizing the footer space.
Keep Up the Good Work!!!!

benson
Oct 7, 2010 at 9:59 pm

I was reading something else about this on another blog. Interesting. Your position on it is diametrically contradicted to what I read earlier. I am still contemplating over the opposite points of view, but I’m tipped heavily toward yours. And no matter, that’s what is so great about modernized democracy and the marketplace of thoughts on-line.

Design for Money
Oct 19, 2010 at 7:18 am

Very Informative!. Kudos to you and your designs

Techniques
Oct 19, 2010 at 7:19 am

Hmmm. Interesting and valuable post.

Jo
Nov 6, 2010 at 9:28 am

Congratulation for your site. Very well written too !
would you plan to make a post on a graphical sitemap ?

mermer silim
Nov 18, 2010 at 5:05 pm

tnk you

Darryl Edwards
Nov 22, 2010 at 11:37 am

Thank you so much for this post, it is just what I needed to give my website footer a much needed boost and overhaul!

uk
Nov 23, 2010 at 4:20 pm

Some great ideas. Thanks for this post!

Mr.willsons
Dec 1, 2010 at 12:20 am

Thank you for sharing , you r website is very g ood

willsons
Dec 1, 2010 at 12:20 am

AND GOOD ,thank you

Melvins
Dec 3, 2010 at 12:37 am

Very creative post. Thanks for sharing.

Los Angeles Web Design

willsons
Dec 5, 2010 at 1:14 am

When you do article marketing, your intention is to increase the number of visitors to your website. It is not our abilities that show what we truly are, it is our choices. I have look for such a article for a long time

jozhtosn
Dec 8, 2010 at 1:16 am

It relies heavily on touch because the pages I have a user acting on, are usually a collection of child records. uggs outlet Caching is a big help in this respect.Thanks

ugertlet
Dec 8, 2010 at 8:40 pm

fgdd lik fe m udah 4 tahun. #hoax

willson
Dec 8, 2010 at 8:40 pm

Thanks for sharing. I get satisfaction from this site. preserve it up. uggs outlet

Mark Hubbard
Dec 22, 2010 at 2:01 pm

These are so incredibly well thought out, I’m having such a hard time redesigning ours right now… I want to use all the ideas of inspiration, but that would mean I’d have the worlds longest footer!

Henry Peise
Dec 24, 2010 at 2:25 am

No wonder, with white iphone 4 in your hand will make you be the focus of the crowd! You won’t miss it!

tode
Dec 24, 2010 at 10:28 pm

it’s so great, thank you for sharing

Juno Mindoes
Dec 25, 2010 at 1:40 am

I just heard the gossip that since there’s some technic problems on white iphone 4, iphone 4b is going to release. It that true?

Ben
Jan 14, 2011 at 3:26 am

That’s Great! Thanks for the post!

Kirill
Jan 18, 2011 at 7:12 am

Test comment

ROAdmin
Jan 25, 2011 at 10:30 am

Thanks for sharing – I will think about using a sitemap in the footer.

tütüne son
Jan 27, 2011 at 3:21 pm

These are so incredibly well thought out, I’m having such a hard time redesigning ours right now… I want to use all the ideas of inspiration, but that would mean I’d have the worlds longest footer!

Calgary Web Design
Jan 31, 2011 at 4:21 am

Nice Templates!

formula 21
Jan 31, 2011 at 1:49 pm

it’s so great, thank you for sharing

altın çilek
Feb 2, 2011 at 5:46 am

These are so incredibly well thought out, I’m having such a hard time redesigning ours right now… I want to use all the ideas of inspiration, but that would mean I’d have the worlds longest footer

hcg damla
Feb 2, 2011 at 1:51 pm

Thanks for sharing – I will think about using a sitemap in the footer.

Offices in Singapore
Mar 17, 2011 at 2:27 am

Splendid work. Thank you so much for this post. Interesting content.

Singapore Office
Mar 17, 2011 at 2:27 am

This is not a nice article. It’s a great article!!! This will really be highly beneficial . Thank you for creating this!

zeninho
May 18, 2011 at 5:08 pm

I have website and found that article very Useful…

THANK YOU

Geek
Mar 22, 2011 at 10:32 pm

Thank you. Very good Article. This was exactly what I searched for. I love this modern footers. I think I am going to subscribe to your rss feed. Regards from Germany.

Pablo Ambram
Mar 23, 2011 at 7:04 pm

Thanks, very good article. It would be nice if you could point out some WordPress plugins to create, or themes that have this modern footer sitemap already incorporated. Thanks

Gary
Mar 30, 2011 at 11:50 pm

Nice article, very good content.

DeenRose
Apr 12, 2011 at 5:12 pm

Very Useful Article for website owners…

eSparkInfo
May 3, 2011 at 1:36 am

Best structure is defined by Mozilla. I want to develop best HTML sitemap on website. I read entire post & assume that: HTML sitemap and footer section both are too important for users.

Montreal limo
May 13, 2011 at 5:04 am

Very useful Article for footer & Site map Designer team .

panax clavis
May 16, 2011 at 5:51 am

Very Useful Article for website owners…

mary
May 18, 2011 at 5:09 pm

Great article!!!! thanks

Rutuja
Jul 6, 2011 at 4:00 am

Thanks for such a nice article!! Very useful..

hemroids
Jul 8, 2011 at 10:39 am

i think that it looks more professional to have private policy, sitemap, etc in the footer. However, how do you create this in wordpress? I am missing it on your site. This is a very usefull site.

philip hastings
Aug 27, 2011 at 5:47 pm

Pretty cool. Thanks for sharing.

Hiren Modi
Sep 14, 2011 at 4:50 am

This is such a great blog post! I was searching for “How to create best HTML sitemap?” on Google and land on this such a great blog post. This blog post have quite different subject from my requirement but, I suppose to indicate that suggestions will help me to design great footer with my eCommerce website.

BTW: I am searching for best blog post or solution which help me to design such a great HTML sitemap and improve my indexing over Google. Can any one help me in same direction?

pembe maske
Sep 14, 2011 at 5:20 am

I suppose to indicate that suggestions will help me to design great footer with my eCommerce website.

Mark
Sep 30, 2011 at 7:07 am

great well research post, thanks it was very helpful :)

Lovelylines
Oct 10, 2011 at 6:35 am

Very interesting post ! Thanks a lot ! :)

Luci Juvera
Oct 20, 2011 at 3:38 pm

Excellent post. I was checking constantly this blog and I’m impressed! Extremely useful information specially the last part :) I care for such information much. I was looking for this certain information for a very long time. Thank you and good luck.

Mazhar shahzad
Oct 28, 2011 at 3:42 am

Very Help full post i really impressed.

Danielle Callahan
Nov 17, 2011 at 8:44 pm

Great ideas here. Thanks.

emavens
Nov 28, 2011 at 5:30 am

Yes I really liked the footer design of FiveRuns , I found this page through Google search when I was searching for inspiration for Footer Designs. Thanks for posting such an informative article and website collection to Inspire web designers like me .

Kundan Singh
Dec 6, 2011 at 1:58 am

great collection of sitemaps can you post some more examples just like infographic with sitemap model one because its more attractive

Mark
Feb 1, 2012 at 7:48 am

Thanks for this post. I’m just learning about sitemaps and the actual function they can play in website optimization.

Would it have the same effect from an SEO perspective if I just placed a link in the footer to a page which has a sitemap?

Burton Web Design
Feb 17, 2012 at 7:53 pm

Really helpful post, thanks!

Gift SMS
Apr 1, 2012 at 4:46 am

Nice, very good. Will definitely choose one of those.

Johny
Apr 1, 2012 at 4:47 am

Very Very interesting post. There are some other good ones I found on
Yahoo

Cheap Flights to Dubai
Apr 18, 2012 at 7:21 am

wonderful i like this idea thanks for sharing dude.
thanks

Kevin
Apr 24, 2012 at 5:25 pm

Today I revised some of those websites, and all them changed the footer style.
What is the best footer for users and SEO in 2012 and why? I think this would be a nice read

Andre
May 4, 2012 at 5:43 pm

I come back to this site after an internet worm hole adventure. And you still post very relevant topics. I think I love you. . . . . I’ll leave now.

sarah
Jun 11, 2012 at 7:22 am

Thanks for such a nice post

26126
Jun 12, 2012 at 12:26 am

fsdfsdfsd

thiết kế web
Jul 3, 2012 at 12:39 am

Thank you for the auspicious writeup. It in fact was a amusement account it.
Look advanced to far added agreeable from you! However, how could we communicate?

OptiMatrix
Jul 18, 2012 at 8:33 am

well, this is very good post. I have personal experience of this stuff. When I started my site at that time I did not put all links at footer section after then I read somewhere and put links at footer section then simply I good good traffic. .
Thanks for posting this kind of valuable post

SPI
Jul 24, 2012 at 8:28 am

Thanks for sharing….I am just about thinking of doing that…..

Recalled Products
Jul 31, 2012 at 6:22 am

Really very nice and useful information sharing. Thanks for that.

Simpliweb
Aug 10, 2012 at 3:04 am

Nice point ! improved user navigation experience, and you are a “small fish” website, it is always good to follow the “leaders” experiences… I did apply this strategy on -some- of my web pages (when needed)… btw, thanks for this cool webdesigner oriented blog… keep up the good work !

Azlan
Aug 15, 2012 at 6:02 pm

I have followed the 3 steps as mentioned by the author:
Categorize – organize your links in categories.

Use Headings – use headings or titles for each category.

Be Consistent – the order of the links should be consistent.

Now, how do i add these into the footer? I am stuck with it.. Can anyone help..?
THanks

David Cantor
Aug 22, 2012 at 5:02 pm

I want to create a separate page for the HTML sitemap, does anyone have any good examples of those? They say it can give you a decent amount of internal SEO benefit by using the internal linking. I have also heard that you should place the sitemap in the upper left hand corner to ensure that the Google bot follows that link first, any thoughts?

rashi
Aug 31, 2012 at 5:19 am

how could i see my code ?

MathewMe
Sep 18, 2012 at 7:05 am

Great collections of footer design!! Totally love your blog that offering some fantastic ideas…. keep up the good work!!

DymoLabels
Jun 1, 2013 at 6:18 am

hi
i really like your collection
i needed it badly
thanks for sharing

Michael Mulholland
Nov 17, 2016 at 8:48 am

Really useful, Thanks :)

Post Comment or Questions

Your email address will not be published. Required fields are marked *