Omni Marketing Interactive - Designing for People who Search Home    
  Site map  
  Contact us  
   
Services Clients About Omni FAQs Design tips Links and resources Request a quote
   
     Home > Design and UX tips > Information architecture tips > Keywords, Text Links & Navigation Design   
   
Tips overview
Search engine optimization
Website usability
Information architecture
UX website design
Omni photo - top
Photo - tips
Omni photo - bottom

Keywords, Text Links & Navigation Design

What is the best approach to utilizing keywords in site navigation? Balance is the key to successful keyword placement in a search-engine friendly website.

UX and UI design image

It is common knowledge for many search engine optimizers to put keywords in text links, because, quite simply, search engine representatives have made this recommendation for many years. However, many search engine optimization (SEO) professionals go overboard and put too many keywords in site navigation, making site navigation too difficult to use or scan.

And, on the flip side, many professionals outside of the search industry remove important keywords from navigation, frustrating SEO professionals.

What inspired this article today was Julie Joyce’s Should We Stop Focusing On Keyword Driven Anchors article on Search Engine Land. In her article, she stated:

There’s much more to the general link health of a site than loads of properly keyword-ized text links, and, in fact, we’re occasionally seeing that having too few non-keyword based links can actually be a detriment.

We understand that her article was referring to external links — links from objective, third party websites to your website. As we read her article, werealized that much of the article was also applicable to a website's internal links as well. (FYI, internal links = site navigation.)

So what is the best approach to using keywords in site navigation?

In This Article

Types of site navigation

There are many types of website navigation:

Types of website navigation from the book Information Architecture for the World Wide Web

Adapted from Information Architecture for the Web and Beyond by Peter Morville, Louis Rosenfeld, and Jorge Arango. Used with permission.

  • Utilities navigation usually appears in the upper right corner of a page. Users/searchers expect to see links to home, login or my account, shopping cart, contact us.
  • Primary navigation can appear in the left column or at the top of a web page. Primary navigation represents all of the top-level major groups of information on a website.
  • Secondary navigation can also appear in the left column or at the top of a web page. Secondary navigation offers access to related information within a specific primary category.
  • Location-based breadcrumb links communicate to users/searchers the page they are viewing within a hierarchy.
  • Footer navigation is typically global navigation. Footer links can act as redundant, supplemental links so users/searchers do not have to scroll back to the top of a web page to navigate a site. Or they can offer a different way of grouping content.
  • Inline text links are typically links inside of the main content area. When curated, these links are usually a type of contextual navigation. These links often provide the greatest context or information scent from web page to web page.

Should SEOs put keywords in every single navigational element? Not necessarily. When it comes to global navigation elements, such as utilities, primary navigation and footers, you have to consider allocation of screen real estate.

For example, let’s look at Search Engine Land’s primary navigation bar—it contains 9-12 links. The primary navigation bar contains keywords. What would happen if the word “search” appeared in every navigation label, in an effort to make the site would rank better? Would the primary navigation bar be easy to read and easy to scan?

Of course not. Balance is key.

Balancing website usability & findability

Whenever I teach people how to create a usable, search-engine friendly navigation scheme, I use the following words:

  • Click/touch signifiers
  • Scannable
  • Distinguishable
  • Predictable
  • Consistent
  • Clarity

As I wrote in Clickability/Tappability & Search Engine Friendly Web Design, all clickable items on a web page should look clickable, and all unclickable items on a web page should not look clickable to both search engines and users/searchers. The point of putting a link on a page is to encourage users to click on it. So make sure all navigational elements LOOK clickable and ARE clickable.

Navigational elements should be easily scanned, and this is an area where many SEO professionals can mess up a website. Distinguishable and unique labels also make site navigation easy to scan. In their efforts to easily add keywords to a page, many SEO professionals decide to put them in footers. But look what happens when labels are confusing, below:

Confusing real estate footer format - image
Confusing travel footer format - image

What is the difference between “atlanta homes for sale” and “atlanta real estate”? What is the difference between “Kailua vacation rentals” and “Kailua luxury rentals”? Sure, the labels are distinguishable. But which one should a user/searcher click on? Can a user rent a Kailua apartment for a vacation? Can a user find a home to buy in a real estate section? And what is the realdifference? Do both sets of pages deliver near duplicate content ;or truly unique content?

Personally, I have found that users/searchers do not bounce back and forth between pages to understand confusing labels. Instead, they abandon the site.

Where to put keyword links

I often find that inline text links and location-based breadcrumb links are two of the best places to utilize keywords. Embedded text links, such as text links in an article, provide powerful context. In fact, in one of User Interface Engineering’s virtual seminars entitled Designing for Content-Rich Web Sites, usability expert Jared Spool found that the best links contain 7-12 words.

If you are unable to put keywords in anchor text, you can put keywords next to anchor text. For example, many SEO professionals understand that “learn more” is not a very good text link. More about what? A better text link might say, “More about our graphic design services.”

However, it isn’t always possible to use such a lengthy text link. Another effective way of communicating important keywords might be to have a heading that states “graphic design services” and the “learn more” link directly underneath it.

Also, location-based breadcrumb links can be more descriptive. Suppose your primary navigation label is “Services” because that is the best word to describe a section of a website in a navigation bar with limited screen real estate. In the breadcrumb link, it might say:

Home > Graphic Design Services

The heading can say “graphic design services.” The introductory paragraph can use that keyword phrase as well. Keyword placement has never been a one-size-fits-all process.

I certainly understand that having too few non-keyword based links can actually be a detriment to a website. But SEO professionals should be resourceful. I do not believe it is necessary to sacrifice usability for search engine visibility.

References

  • Hinton, A. (2014). Understanding Context: Environment, Language, and Information Architecture. O'Reilly Media, Inc.
  • Kalbach, J. (2007). Designing Web Navigation. O'Reilly Media, Inc.
  • Nielsen, J. (1989). Coordinating User Interfaces for Consistency. ACM Sigchi Bulletin 20(3), 63-65.
  • Nielsen, J., & Budiu, R. (2013). Mobile Usability. MITP-Verlags GmbH & Co. KG.
  • Nielsen, J., & Loranger, H. (2006). Prioritizing Web Usability. Pearson Education.
  • Rosenfeld, L., Morville, P., and Arango, J. (2015). Information Architecture: For the Web and Beyond, 4th edition. O'Reilly Media, Inc.
  • Search Patterns library
  • Thurow, S., & Musica, N. (2009). When Search Meets Web Usability. New Riders. http://www.searchmeetsusability.com
  • Weinschenk, S. and Barker, D. (2000) Designing Effective Speech Interfaces. Wiley.

This article originally appeared in Search Engine Land. It has been updated since its original publication.

Related articles

If you liked this website design and user experience (UX) tip, here are more links to other user-centered design tips and articles from Omni Marketing Interactive:

You can also read our articles from other online publications.



IA

Information Architecture Services

Usability

Website Usability Services

UX design

Web
Design
Services


If you have any questions about Omni Marketing Interactive's search engine optimization (SEO), website usability, information architecture (IA), or web design services, please call us at 847-426-4256.

top