Tags are being used by more and more websites. They’re everywhere. Look at the top of this post, its been tagged (by me). Look to the sidebar, a tag cloud (more about these later). Chances are if you use any social networking site or web 2.0 site, you’ll have used, seen and interacted with tags.
Our new-look corporate site, extensively uses tagging, specifically in News, Events, Imaging and the eProspectus, but what’s a tag used for? A tag is metadata, a keyword or term associated with or assigned to a piece of information. So tags can be added to any page in a web document and associated with any other pages prieviously tagged with the same tag.
The tags themselves are usually single words, informally and personally chosen. If you’ve signed up for accounts with Flickr, Picasa, delicious, Magnolia or YouTube, to name but a few, you’ve probably added your own tags by now. So is tagging just a way to show similarities between your documents? Not really, tagging data on these sites provides a simple navigation through to your own content, but also hooks into other members’ data by turning tags into links, which aggregate documents similarly tagged.
Popular tags can be visually represented through tag clouds, also known as a weighted list, with the most popular tags shown larger and bolder. Again the tags are links which drill down to similar content. You could even base an rss feed on a tag to alert visitors to new content so tagged.
By adding rel=”tag” into the links, the link also becomes a microformat. Microformats are a standard way to represent things in HTML, by adding rel-tag we’re standardising the link as a tag. Making the link a microformat allows the reader to find similarly tagged content from a wider source than just the current site. Firefox users can install a fantastic add-on called Operator. Operator recognises microformats on the page and in the case of tags, offers the reader entry points to content similarly tagged on other websites. Sadly there doesn’t seem to be anything similar available for Internet Explorer, yet.
On the horizon, we have Machine tagging or Triple tagging. Machine tags use a specific syntax to define extra information about the tag, making it more meaningful for interpretation by computer programs. Triple tags comprise three parts: a namespace, a predicate and a value. For example,
ehu:news=607This kind of tagging isn’t currently used on the Edge Hill site, but it’s built-in ready to go. Anyone interested can see an implementation on Adactio, any Flickr images, tagged ( where n is representative of his blog post) will be included automatically.
By adopting tags, or creating tags so unique, ensures that all things tagged are related. For example, all news, event and images relating to this year’s Solstice Seminars could be tagged: solstice08. The tag is so unique, items tagged with it would be unlikely to be included out of context. Such unique tags can be promoted like a product, by requesting conference attendees to tag their own online content, on websites and slides etc.
Tagging Best Practices
If you’re about to embark on a journey of tagging for your own sites, it can feel a little daunting. There are, however, some best practices you can use to get started: