Tagclouds, useful or just keyword spam?

WP Greet Box icon
Hello there! If you are new here, you might want to subscribe to the RSS feed for updates on this topic.


A tagcloud is a small summary of tags used throughout your website and can be implemented for several reasons: as an alternative navigation, to provide a quick overview of the website, article, pictures,… and an attempt to give the SEO (search engine optimization) a boost. Tagclouds were used on a huge amount of websites back in the ‘90 and early 2000, but in the last couple of years it is difficult to find some good working and nice looking examples.

It is not because I expect a huge increasement of tagcloud implementations, but before you do so you could read this article. You need to realise that tagging is not just about giving an article some random keywords.

To show you what can go wrong with tagging in general, I would like to take a great online tool as an example: Delicious. You have a collection of websites bookmarked – each with its own series of tags - and you keep adding websites to this collection.
Ever wondered which tags you gave to a similar website four days ago? Just to make sure, you’ve connected the website with a lot of specific tags and a few general ones, increasing the chance that you’ve created a common tag for the two websites. It’s is a normal reaction as you’re not always giving similar websites the same tags. Reason: at this moment you are in a slightly different state of mind watching website B than when you were visiting website A four days ago. Your tags keep piling up and before you know it you just want to delete everything and start bookmarking again, trying not to make the same mistake again.

Remember: tagging in general should be done methodically and consistent throughout your entire website, otherwise you’ll end up with a big mess. This is no different to a tag cloud, which is just a collection of tags.

So how is it that tag clouds can make us
nauseated if we stare too long at them?

Design of a tagcloud

By making variations in font size, colours and weight, you can display tags based on their importance, relevance, frequency of appearance in your website or article and how many times it was clicked. Tags which are infrequently used are considered less important and will result in a smaller font size, less weight and a lower colourcontrast.

As you can imagine, tagclouds come in different shapes and sizes but that is precisely what make these elements so difficult to read.
In fact research indicated that you don’t read a tagcloud, instead you scan for a word. The biggest words stand out more and therefore the smaller ones are completely ignored.

An example of a tagcloud

Nevertheless, it’s an interesting piece of typographical design and it takes quiet a lot of effort to make it user friendly. In my opinion, the best way to achieve this is to keep it as simple as possible (remember one of the golden rules, less is more). Delicious is using a good example of a tagcloud. Just by using one colour and variating the opacity and fontsize gives you enough differentiation between each tag and a good overview. Another great feature is the ability to sort your tags alphabetically or by size.

My tagcloud taken from delicious

Amount of tags in the tagcloud

The ultimate aim of a tagcloud is to offer a nice overview of your website or article. It is so easy to submit tags to a system – such as Wordpress – but you really need to choose your tags more carefully. Also, when using too many tags it can be considered as keyword spam. Not fun for the visitors and even less fun for the search engines.

Interpretation of tags

The use of our natural language is ambigious. We give the same word different meanings, depending on how the word is used. For instance, it’s not clear whether the tag ‘design’ represents web design, graphic design or product design. Everyone gives this word a different meaning, depending on their surroundings. Before you start labeling data with tags you should think carefully about the meaning of the word.

Some websites (including mine) offer the visitors “related articles”. The connection between articles is most of the time formed by tags. If you implement tags the wrong way, the entire concept of having links to related content is good for nothing as the articles have nothing in common except the tag itself.

Contextual tags

A solution to avoid misinterpretation of tags is to see them in their context rather than individual keywords. Linking contextual related keywords (and the articles, pages, … which they represented) could be a huge improvement in the way we navigate through connected articles because it improves the relevance between these articles.

In our previous example of ‘design’, this tag will not only be connected with ‘web design’, ‘graphic design’ and ‘product design’ but also with ‘logo’, ‘illustrations’ and even ‘XHTML and CSS’ if the article is about little tips and tricks for redesigning your website. It speaks for itself that the connection between tags need to be very clear. Any vague connection will reduce the relevance of a tag in the global tagcloud.

Typo

You need to be aware of the fact that even a small typo or misuse of upper -and lowercase can make a difference in the tagging story. Have a look at the picture below (taken from bloggingdeveloper.com): a tagcloud which contains both jquery and jQuery, each referring to different articles marked with jquery or jQuery.

Tagcloud taken from bloggingdeveloper.com


SEO (search engine optimization):

In case you didn’t know, tagclouds do help when it comes down to SEO. Searchengines thrives on “corresponding” links (website A links to website B and vice versa) and although most tagclouds contain internal links to your posts, archives or pictures, doesn’t mean they are less important than external ones.
Search engine spiders use internal links to find all the pages of your website and by using the right keywords you can increase the relevancy of the page. When you increase the page rank of your internal pages separately, it will increase your site’s overall ranking.

When and how to use:

Using tags is a must, it gives you an idea of what the article is all about and offers a great way of navigating through related content. On top of that it is useful for SEO.

But think about these few things before implementing tags as a tagcloud:

  • Make it easy to read. Meaning: not too many tags, not too many colours, keep the line height constant.
  • Use a nice balance between specific and general tags.
  • Don’t use too many of them either. How else will visitors find what they were looking for?
  • Your tags should represent the content. Misrepresentation of an article can cause a lot of irritation and people might think it is keyword spam.
  • Just to make sure that you won’t try this one: don’t use tagclouds as your main navigation.
  • Please don’t use an animated version, where all the tags are floating around. Tagclouds are sometimes hard to read, don’t make it worse by rotating the entire thing. To see it for yourself, visit the website of Roy Tanck. Although it may seem nice, it doesn’t make it any more readable.
  • Consider to order your tags differtly, for example alphabetically or by category. If your visitors gain an immediate understanding of how your tags are distributed, they can actual use your tagcloud instead of just quickly scan them.
  • Beware of typos. Before labeling, think about using uppercase or lowercase, singular or plural and check for typos.

Beware of plugins:

I’ve been looking around for some wordpress plugins which automatically generates a tagcloud to your liking. The plugin designed by Keith Solomon is a nice example of a good plugin. First of all it’s highly configurable so you can change it just the way you want it. Secondly, the overall style looks clean and is not asking too much attention.

Extra tip:

If you offer other people (for example guestbloggers) the opportunity to tag the information themselves, it will be done in an unstructured manner. Instead you can supply them with a nice amount of general tags, this way your page will not look like a sketchbook of a 6-year old.

Please share if you liked the article

DeliciousDesign BumpFacebookDesign FloatRedditRSS FeedStumbleUponTechnoratiGoogleLinkedIn

10 responses to “Tagclouds, useful or just keyword spam?”

  1. Michelle
    10:40 am on January 22nd, 2010  

    ooooo excellent post :) thanks

    Reply
  2. Paul Olyslager
    3:17 pm on January 22nd, 2010  

    @Michelle: Nice to hear you liked the post :) .

    Reply
  3. Mari
    5:14 pm on January 22nd, 2010  

    Thanks for a clear and concise explanation of tag clouds!

    Reply
  4. Hal Brown
    3:10 pm on March 1st, 2010  

    Just did a reread on this. I’m off to do a little reconfiguration of CTC. Thanks Paul.

    Reply

Trackbacks

  1. designfloat.com
  2. linkzdirect.com
  3. tripwire magazine | tripwire magazine
  4. 110+ Fresh Community Articles for Web Designers and Developers | tripwire magazine
  5. 110+ Fresh Community Articles for Web Designers and Developers | Afif Fattouh - Web Specialist
  6. E-Learning Innovations, Lori Reed, and Destination Learning « Building Creative Bridges

Leave a reply

Send this comment to my Twitter followers

recent comments

How to market your website with a confirmation email?

tanja on March 1, 2010

Trinidad Demetris on February 28, 2010

Paul Olyslager on December 1, 2009

Peter O. Rosenberg on November 30, 2009

Tagclouds, useful or just keyword spam?

Hal Brown on March 1, 2010

Mari on January 22, 2010

Paul Olyslager on January 22, 2010

Michelle on January 22, 2010

User testing and thirteen ways of selling a book

Paul Olyslager on February 23, 2010

Mari on February 16, 2010

heatmap, hot or not? Free alternatives for Crazy Egg

Paul Olyslager on February 18, 2010

Stuart on February 18, 2010

Why do passwords appear as dots in a form?

Paul Olyslager on January 11, 2010

25 inspirational blogs for content and graphics

Paul Olyslager on January 6, 2010

Paul Olyslager on November 27, 2009

gab on November 26, 2009

Design Informer on November 26, 2009

Paul Olyslager on November 26, 2009

Fading navigation on the Google homepage

favSHARE on January 6, 2010

Paul Olyslager on January 4, 2010

Nitzan on January 2, 2010

DubCat on January 2, 2010

Melroy van den Berg on December 25, 2009

How to avoid comment spam?

Paul Olyslager on November 27, 2009

Rene on November 26, 2009