Skip to page content or skip to Accesskey List.
Search evolt.org
evolt.org login: or register

Work

Main Page Content

Page Title Labeling

Rated 4.32 (Ratings: 12) (Add your rating)

Log in to add a comment
(9 comments so far)

Want more?

 
Picture of mantruc

Javier Velasco

Member info | Full bio

User since: December 13, 1998

Last login: April 07, 2006

Articles written: 16

The labeling of page titles is a task of the Information Architect, the same way we label information chunks, buttons and tools, but page titles are sometimes overlooked or forgotten. Page titles are fundamental in describing the content of a page.

In complex information sites, where the pages are classified into successive categories, the page titles are most useful when they approach the index trail system. This means calling the name of the site where the page (article) is hosted, the name of the particular article open, and in between, the categories. This approach can be taken in two different directions: from general to particular, or from particular to general.

An Example - Evolt.org [thesite]

Once the evolt.org 2.0 site went live, we realized it was lacking something that the old site had: descriptive page titles.

There was some trouble finding out the right way to automate this in Cold Fusion, but finally djc found the solution.

Then, we got the titles up this way:

evolt.org : IA/Usability : The Tao of Testing - (general to particular order)

But now we had another problem: they were confusing if you had more than one browser window open. Since the article's name was at the end of the title, it was hard to distinguish among several articles open in different windows.

So djc just turned around the title elements, the way they appear now.

The Tao of Testing : IA/Usability : evolt.org - (particular to general order)

This way, one can clearly identify the page just by its title.

<flash news> Now the titles have changed once more, taking note of paul's comments. The schema now is: Article : Site : Category. So this way the name of evolt gets a higher relevance index in all the four instances mentioned below.</flash news>

It's important to notice that like all IA things, this is not a rule of thumb, and you must always analyze carefully your particular case before taking a decision.

Relevance of Page Titles

The relevance of page titles lies in the way it impacts the user's experience, in these four instances:

Window Titles: as described before, the more browser windows the user opens at a time, the more relevant useful page titles become.

Search Results: in search engine results, page titles often appear as the name of the result; therefore, if one uses the general to particular order, there's no difference in the results displayed if the path is too long.

Bookmarks: the same problem, if the general to particular direction is used, the user gets lost.

History list: the page titles are also reflected in the browser's back button history list, in the same way as bookmarks.

It's also a good idea to keep these "title elements" short (as with all your labels).

Thanks much to the people from the SIGIA List for reflections on the topic.

mantruc is an oldtime evolter from Chile.

his thing is communication, what he most likes about the internet is how it allows people to communicate at many levels, and he thinks that evolt.org is the best proof of that.

he has worked in web development since 1997 as designer, developer and information architect.

his expression is photogtaphy.

Javier is currently working as an associate researcher for the Center for Web Research, part of the Department of Computer Science at Universidad de Chile.

Good article - I have only one thing to add.

Submitted by paulnattress on March 26, 2001 - 01:31.

If you have a list of bookmarks there is a tendency for browsers to truncate the page titles they use for naming the bookmarks. In your example "The Tao of Testing : IA/Usability : evolt.org " there is the possibility that the "evolt.org" part is not displayed in the list of bookmarks, thereby making it difficult to distinguish which site the bookmarked page is from.

The answer? I would suggest the following order - "The Tao of Testing : evolt.org, IA/Usability". Placing the comma between the last two items in the title suggests that "IA/Usability" is a sub-section of the evolt.org site.

I have some notes written down about page titles which I'll post on evolt in the near future. (I'll also be putting them on my new usability site when it's finished.)

login or register to post comments

Indeed

Submitted by pedrito on March 26, 2001 - 01:58.

I agree. One more comment: pagetitles are also heavily used by many searchengines for determining relevance in search results. Therefore, (even though it is a less "pure" approach), in some cases you may want to title like this: "The Tao of Testing - evolt.org, IA/Usability - usability, information architecture, testing, programming". (if these are your keywords)

login or register to post comments

Yup - full article on this coming next month

Submitted by paulnattress on March 26, 2001 - 05:38.

Yeah, the article I'm writing covers this as well.
It also mentions that there is a "maximum" length which page titles can be before they become unusable. Here's a short extract:

"45 characters is the maximum which Netscape (version 4.73) will display in its bookmarks list. Unusually, rather than chop off the end of the title, Netscape will include the beginning and end of the title and place “…” in the middle. This effectively renders any page title over 45 characters useless for Netscape users."

I would only put keywords in page titles for those pages which are used as section homepages within a site. For example, if you have a site which sells computer games you may want to include keywords in the page titles for the main pages for the different platforms (PC, Playstation, Dreamcast etc.) whilst leaving them out of the pages for individual games.
However, if the website has been structured carefully then the page titles themselves should include a fair amount of keywords. But that's a whole other kettle of fish.

In your example above for adding keywords into the page title, the title itself already covers "usability, "Information Architecture" (in the form of "IA") and "testing". Evolt, because you guys know your stuff, have named their sub-sections thoughtfully. (Although I wonder if IA/Usability is classed as one word or if search engines would recognise the slash as a break between the words.)

It goes without saying that you should never name your homepage as "homepage" - A search for “homepage” on lycos.com brings up 17 million results. A search for “home” brings up over 125 million results. “Page” brings up 98 million results. Scary eh? (While I'm at it, searching for "welcome" on Lycos.com gives you nearly 26 million results. Lycos.com is of course, number 1 on the list...)

I should have the article and the website ready around about the middle of April. I'll post it on Evolt when it's done.

Paul Nattress

login or register to post comments

Changed the format..

Submitted by djc on March 26, 2001 - 13:55.

Sorry to wreck your article Javi :) I took the suggestions you guys threw out there and changed the format of the page titles.

That should be updated across every article.. Thanks for the suggestions.. And Paul, I look forward to seeing your article :)

login or register to post comments

Same, but different

Submitted by laundryman on May 4, 2001 - 07:23.

Great article and feedback. So much so, I've adapted it for the organization site I work on. However, I made some minor tweaks to it to make it slightly easier for our authors to enter by eliminating any use of the Shift key. The format we are using is: Descriptive Page Title [Organization Brand - Immediate section or subsection name] Examples of this might be How to order [Acme Fasteners - Ordering] International Dealers [Ajax Lug Nuts - Contact Info] Whadya think?

login or register to post comments

Let's try that again

Submitted by laundryman on May 4, 2001 - 07:25.

Sorry, I used soft breaks in the last reply. Hopefully, this is how it should look. The format we are using is: Descriptive Page Title [Organization Brand - Immediate section or subsection name] Examples of this might be How to order [Acme Fasteners - Ordering] International Dealers [Ajax Lug Nuts - Contact Info] Whadya think?

login or register to post comments

Oh yeah, HTML. Grrr.

Submitted by laundryman on May 4, 2001 - 07:30.

Descriptive Page Title [Organization Brand - Immediate section or subsection name]

Examples of this might be
How to order [Acme Fasteners - Ordering]
International Dealers [Ajax Lug Nuts - Contact Info]

login or register to post comments

Shift key

Submitted by paulnattress on May 4, 2001 - 07:43.

I wouldn't say this is eliminating the use of the shift key - you still have to press shift for those capital letters...

Every organisation will have their own take on the structure of the page titles. Their product categories, internal organisation, departmental structure etc will dictate, to a certain degree, how their web site is architectured.
We'll have to experiment with the techniques we use to show the relationship between the elements of the page title - if anyone has any views on this please share... I'm sure there's some interesting solutions out there.

login or register to post comments

Departmental silos

Submitted by MartinB on May 4, 2001 - 08:15.

Many organisations structure their external site based on their internal organisation. The trouble with this as an IA strategy is that few organisations who structure their sites like this have their organisational structure mapped to external audiences' needs.

So a computer manufacturing company might be structured like this:

  • Procurement
  • Manufacturing
  • Distribution
  • Sales
  • HR
  • IT
  • Corporate Affairs
  • Admin

Which probably doesn't help many external audiences.

A more sucessful way to structure the site (and the company in some cases) might be:

  • Large Business Customers (possibly subdivided by type (Public/Corporation/Resellers)
  • SMEs (possibly subdivided by industry)
  • Consumers
  • About [Company] (containing all the other bits)

You might replicate this structure for every market which also lets you localise the imagery, language, characterset etc

login or register to post comments

The access keys for this page are: ALT (Control on a Mac) plus:

evolt.orgEvolt.org is an all-volunteer resource for web developers made up of a discussion list, a browser archive, and member-submitted articles. This article is the property of its author, please do not redistribute or use elsewhere without checking with the author.