Skip to content

A podcast for those who design, develop and run websites.

Boagworld is the personal website of Paul (the Wurzel) Boag who lives in the heart of rural Dorset. He produces a weekly podcast along with Marcus (pop star) Lillington on all things relating to building and running websites.

Latest shows

116. Back
Returning with a new site. Jeff Croft talks about his view on web standards and we discover why the personal website is dead.
115. sxsw
On show 115: Lessons learnt at SXSW, Garett Dimon on form design and how to find usability test subjects.
114. Forum
On show 114: Should designers stick to designing? What goes into a usability test script, and we talk to Alex Mogilevsky from Microsoft about Internet Explorer 8.
113. Hiring
On show 113: Christian Heilmann on common Javascript mistakes. Marcus talks about hiring new staff and Paul shares his journey into screencasting.
112. Jina
On show 112: How to be more efficient using HTML snippets, Jina Bolton on women in web design and moving to a mac.

or view all shows

Have your say

Leave a message for the show...

Friendly web addresses

Published on: May 11, 2008 by Paul Boag

When redesigning boagworld considerable time was spent formatting the sites' web addresses. In this post I explain why so much time was taken and introduce you to the tools I used.

Website owners are beginning to realise that the address of each web page is a crucial part of its design. These friendlier website addresses provide three benefits:

  • Memorability
  • Better navigation
  • and improved search engine placement

Understanding these benefits provide a small but significant advantage over the competition.

Memorability

For Boagworld, the major consideration was ensuring my web addresses were memorable. If you have ever listened to the podcast you will know that each week I refer users to the shows notes by saying something like...

Go to boagworld.com/podcast and select show 114.

I did this because the address was too long to read and remember. A typical show would have an address of...

http://www.boagworld.com/archives/2008/03/114_forum.html

The problem was almost always the same when referring to third party sites. The URLs were just too hard to remember or guess.

Being able to guess a web address is important, and leads nicely on to our second benefit.

Better navigation

A well designed web address should enable a user to guess other related addresses. Take for example Flickr.

To see my photos you go to...

http://www.flickr.com/people/boagworld/

Once you have seen that website address, it is easy to guess the address for another users photographs. The same applies to tags. Once you have seen that photos tagged with my name have the address...

http://www.flickr.com/photos/tags/paulboag

...it is easy to guess the format for other tags.

However, the addresses on flickr do more than provide navigation. They also give context as to your location within the site. By looking at the addresses above you know not only where you are in the site but what type of information you are viewing.

In effect the web address contains valuable information about the page. This helps explain why friendly urls are good for search engine rankings.

Search engine ranking

Search engines do not always like web addresses produced by dynamically driven sites. Long query strings such as...

http://www.boagworld.com/index.php?sourceid=navclient&q=4

...would have once been rejected entirely by search engines. Today things have moved on, and most search engines will crawl them. However, they still place limits on how they crawl them and so generally they should be avoided.

Worst still, the web address above provides no keywords to help a search engine understand the meaning of the page.

However, a semantically written web address like the one for this article...

http://boagworld.com/technology/friendly_urls/

...says a lot about its content.

Hopefully now the benefits of meaningful web addresses are obvious. Let me now show you two tools I have used to improve the web addresses on the boagworld website.

Useful tools

The method for making your web addresses more friendly is largely dependant on the technology that generates your site. However if like me you are using a blogging platform, the chances are it already has the tools built in. Both movable type and wordpress allow you to set the format of your addresses and both have pretty poor defaults.

For example, movable type will default to archiving blog posts using the following format...

http://www.boagworld.com/year/month/name.html

Generally people are not interested in seeing posts from a specific period. Instead they want posts on a similar subject. I have therefore changed the format to...

http://www.boagworld.com/category/name.html

Of course, you maybe working with a technology that does not support this feature. If that is the case, check out How to succeed with URLs (A) on A List Apart. This article provides so very practical approaches which may help.

The other tool I have adopted provides a useful fallback if all else fails. It is called Shorty (B) and works like TinyURL. You install it on your server and it takes long URLs and shortens them to something memorable.

Screenshot of Shorty

For example I could take the web address of an article on sitepoint about Friendly URLs and reduce it from...

http://www.sitepoint.com/blogs/2007/11/05/friendly-urls/

to...

http://boagworld.com/links/sitepoint

This is invaluable on the podcast as it allows me to read every address. However it could also be used to shorten the URLs of key content on your site.

Hopefully I have convinced you of the value of friendly URLs and provided a couple of suggestions about how to start. However, I would love to hear your tips on creating the perfect web address. Post them in the comments below.

Comments

Comments are for the discussion of this post. If you have other questions / comments then post them to the forum or send me an email

  • Post by Grant on May 11, 2008 6:37 PM

    Great post Paul. You have some very useful information here as always and I agree that WP and MT have poor URL formats which are a must edit when starting a new blog.

    Also if anyone is going to start changing the URL format please give users information or use re-directs to the new URL.

  • Post by Mike Robinson on May 11, 2008 7:05 PM

    I've been considering changing my site's URL structure to category based rather than date based. As you said, it does make more sense since less people will look for posts by date. Great post!

  • Post by Su on May 11, 2008 9:27 PM

    For example, movable type will default to archiving blog posts using the following format...
    http://www.boagworld.com/archives/year/month/name.html

    This hasn't been true for some time now. It's not even the default in the version of MT that you are using yourself right now so it seems a bit odd of you to even bring it up. The /archives directory was dropped sometime during the 3.x series.


    Generally people are not interested in seeing posts from a specific period. Instead they want posts on a similar subject.

    This is completely subjective, and not indicative of "poor" defaults, but your own opinion and preference. Which is fine except that you're presenting it as fact. The only way the following example makes any sense would be to assume that the general populace hacks URLs before looking for basic navigation.
    Beyond that, you also gloss that it's much less likely you'll change the publish date of a post after the fact than change or rename its category, which in your suggestion may result in that item being moved to a new URL[1], having significant implications for your engine ranking section.

    [1] MT uses a category basename to avoid this(I don't know about WP), but if the new name is drastically different, forcing an edit to the basename may be called for.

  • Post by Paul Boag on May 11, 2008 10:31 PM

    @Su... You make an excellent point about the changing url in the future. However, you can work around these changes as I have done with this site (the old urls still work).

    As for the archive; again you are correct the new version of MT does not use Archives however the point still stands. The URL is impossible to remember or guess.

    As for the comment about categories being subjective... well its my opinion and I stand by it. Sorry.

    Good points though and I will try and raise them when I do this piece for the podcast. Thanks for the comments.

  • Post by website design on May 12, 2008 11:15 AM

    Great post Paul. Very useful information. Keep going in this direction!

  • Post by Ollie Parsley on May 12, 2008 1:05 PM

    Great post Paul!

    Getting these friendly URL's does also depened on access to the server. For instance I have sites hosted on a Windows box with IIS which does not handly friendly urls well unless you install a patch (Hopeless if you do not have root access to the server as the case is with most hosting companies). But Linux is great as you can use the Mod Rewrite commands in the htaccess file at the root of the website. You don't need root access to the server (apart from to modify the htaccess file). Thats what WordPress uses which is why I host my WordPress blogs on a Linux box.

    Anyway thought that might be useful for some people, I know this is meant to be more design then serverside but it does affect the site design in a way!

    Ollie
    twitter.com/olliedude2k

Leave a comment

Additional Information

Supporting boagworld

Boagworld only exists thanks to the kind support of the following people. Check them out.

Speaking and writing

Provided by FeedInformer