in Usability by Jeffrey_Smith

A couple days ago Jeffrey Smith of SEO Design Solutions asked me to look at a client’s eCommerce site to help solve an interesting problem. The site offered an popular educational program in 9 different cities across the US. The site delivered leads when people entered their email address for more information on training opportunities in one of those 9 cities.

seo-usability

Interestingly, two out of the nine cities received only one-sixth to one-fourth the response rate of the other seven cities.  Why? That was the question.

A Usability Evaluation of SERP Results

Like Sherlock Holmes honing in on the mystery, Jeffrey’s staffer pointed out that a prospective site visitor could either type in <the service> or type in <the service + a city>. Therefore, the search engine results page (SERP) for some of the cities had the client home page show up below the landing page specific to a given city. That is, for most cities, regardless of whether the city was entered in the search or not, the home page would appear above the city-specific landing page. However, for a couple cities, the home page would appear below the GEO targeted / city-specific page.

In all cases, both entries tended to appear in the top five or six listings, well within easy reading.

So, how should we analyze the problem of low conversion rates for the two cities?

First, Jeffrey’s staffer analyzed whether the two low conversion cities had SERP links consistently above the home page links. Turns out that indeed, when searchers added the city name to their search, only the two cities with low conversions had search engine results where the city-specific page appeared above the home page result.

Therefore, the low conversions resulted from the city-specific page failing to give a persuasive message and present the call-to-action in a convincing manner. These are usability problems, not SEO problems. Also, it would be impractical to “tune” the city-specific pages so they’d show up below the home page listings. We would need usability solutions to make the city-specific pages work as a conversion page.

Usability Comparison of Two Site Entry Pages

Wondering how conversions were done for most of the site-visitors, I looked at the home page and saw that a large “Request Information” box in the top right corner. It had nine fields asking for the usual name, address, email and desired training location (of nine cities available). Visitors looking to the left of the page saw a large inviting photographic image with a compelling benefit in text.

Meanwhile, the site web log shows if a site visitor completes the Request Information process, they have probably signed up from the home page. This is an interesting clue. Plus, the home page entertained the eyes.

Meanwhile, visiting the city-specific landing page was another experience. The page had a Request Information button on the left margin. It was modest with a pale pastel color, and not a large Request Information box at the top right like the home page.

Designing Web Usability

Here’s where usability meets SEO. SEO delivers the customer. But usability delivers the experience. For instance, what user experience does position give the site visitor? Which position captures attention better: a pale object to the left of the main content (and below the fold), or a more contrasting object to the right of the main content (and above the fold)?

Eye scan usability research shows that site visitors tend to jump to central page-content first. Add this to the traditional usability finding that users process text in a left-right, top-down pattern. Together, these facts suggest that objects to the right of the main focus will grab attention faster-especially if it is darker than the pale pastel object on the left column that also happens to fall below the fold.

Web Usability Testing Shows Reading Challenges

Furthermore, usability testers find people skip a lot of things when reading a page. Many times items on the left get interpreted as “navigation”. And if a site visitor does not want to navigate, they ignore items on left-especially if they’re below the fold.

Therefore, our first recommendation included placing a replica of the Request Information object to the right of the main content on the city-specific page. Also, it must appear above the fold.

A replica of the Request Information object serves two functions. Visitors who had already seen the home page would again see the same object on the city-specific page, and thus recognize it rapidly. This means they could effortlessly its presence and focus on whatever else was on the page. They could return to that object if they wanted more information.

Meanwhile, visitors who came to this landing page as their first experience of the site would see the large object as a clear invitation to Request Information-just as happened to the large percentage of “conversion” visitors on the home page.

Landing Pages Serve Both SEO and Usability Goals

For the record, we must acknowledge that the city-specific page serves a different function than the home page. The city-specific page must deliver the goods about the training services in the context of that city. Therefore, important content must appear high on the page to meet the site visitor’s expectations. This insures the page serves SEO goals of catering to city-specific searches.

Therefore, to support both SEO and usability goals, I recommended placing the Request Information towards the bottom right on the page, insuring that the title (Request Information) plus the top couple fields be clearly visible above the fold. This position acknowledged the site visitor’s need for textual and pictorial support about the specific city. But the lower-right position clearly supported the usability mission of providing a call-to-action for more information.  Being on the right side made the Request Information a logical actionable follow-up after the site visitor had read data on the training amenities unique to that city.

More Help from Usability Standards and Methods

There were a few other points that could help the city-specific page gain more conversions if it happened to be the first page seen by a site visitor. Here’s a list that illustrate the usability definition of web design standards…

1)      Make the text more scannable. Usability research and usability testing clearly show that site visitors want to minimize reading when information foraging. Support for scanning comes from bullet lists and numbered lists. The page had some bullets (good) but also large paragraphs (hard to read).

2)     Include more headers. Research shows that headers help people remember site content better. It also helps them scan for topics of special interest. Do you find the headers on this blog useful? They also support your SEO goals by elevating the importance of the phrases for search engine metrics.

3)     Use larger font. When I paste text from this site into my Word document, it comes up as 8.5 point font. I know that font point size shows up differently according to your monitor size and screen resolution. So point size is not the “final word”. However, the font caused me to work harder than other sites I saw on my same laptop. Other sites came out as 10 points or 11 points. Note the research finds that 20% of any group fails to have 20/20 corrected vision. So your audience has vision problems even before they see your site.

4)     User dark font. On our reviewed site, the font was grey. Usability research shows that the foreground font should have a 90% difference in brightness compared with the background. Grey font just doesn’t do it. Check out this online contrast checker. You enter the RGB or Hex values of your web color and get a contrast read-out: http://www.snook.ca/technical/colour_contrast/colour.html

5)     Understand how users interpret your words. This issue reflects the usability practice of understanding the “mental model” of the site’s audience.

Remember the “Request Information” button I said was in a pale pastel and also below the fold? The button appears inside a box (with the same pastel color) on the left side. Although the top portion of the box appears above the fold, site visitors failed to use the button, even though the button said “Request Info”. Why?

First, we see that the header for that box says “Contact Us”. Ask yourself, how does “Contact Us” give the same compelling call-to-action as “Request Info”? While I can’t speak for all site-visitors, common web usage convention suggests that “Contact Us” lacks the compelling power of “Request Information”. The later phrase actively invites action. The former reminds us of all other web sites where “Contact Us” serves as a catch-all for product problems, web-master messages, as well as complaints about service. Certainly, in that context, Contact Us fails to communicate “Request Information”.

I’ve just begun to scratch the surface of how usability science contributes to support SEO goals. All eCommerce sites require conversions. SEO provides the opportunity. Usability methods deliver the customer. Both disciplines serve the customer.

Dr, John Sorflaten, John Sorflaten, PhD, CUA, Certified Professional Ergonomist (CPE)This guest post was written by Dr. John Sorflaten, PhD, CUA, Certified Professional Ergonomist (CPE) who in addition to a degree in Cognitive Psychology, has over 25 years of experience as a certified usability specialist.

SEO Design Solutions has the distinct pleasure of working Dr. Sorflaten to provide a unique suite of SEO and usability consulting services provided through on page website analysis and review. This convergence of SEO and usability provides clients with in-depth solutions to funnel visitors to the appropriate conversion objective, reduce user anxiety and enhance the user experience. 

Read More Related Posts
Are Quality Raters from Google the End of SEO as We Know it?
Are Quality Raters from Google the End of SEO as We Know it? The idea that a manual review of a website or it’s SEO from a subjective human quality ...
READ MORE
How does (internal or external) link discovery affect SEO?
Have you ever wondered how link discovery time affects your pages SERP (search engine result page) position and SEO? In a previous post named SEO and the Cycles of Optimization, ...
READ MORE
SEO Tips for SEO Best Practices
One of the most undervalued aspects of SEO is the amount of time it takes to develop a website properly. People often wonder why SEO pricing is so exorbitant, it ...
READ MORE
What is Superior SEO Web Design?
What's the use of having a website, if no one can find it? SEO web design is more than just a buzzword; it means that your website is optimized by ...
READ MORE
What SEO can Do For Your Business
If you understand the psychology of supply and demand, search engine positioning and more importantly what consumers want, you can devour entire markets as a result of superior SEO and ...
READ MORE
What to Do When Keywords Plateau in the SERPs
Have you ever wondered why certain keywords rise faster than others? or what to do when Keywords plateau in the search engine result pages? After performing SEO on thousands of websites ...
READ MORE
SEO for Large Sites Part One
As your website grows, your grasp and understanding of SEO should also. The tendency for search engines is, the more content you have, the more keywords and topicality can overlap ...
READ MORE
Don't Take Chances with Keywords
Diversifying your keyword portfolio is imperative for any SEO campaign. How many successful business models are vested in one client or only target one type of potential client for their ...
READ MORE
Google Caffeine is Live!
When the talk of Google Caffeine hit the street a few months back in August of 2009, SEO's panicked thinking they had to retool their optimization methods to encompass the ...
READ MORE
SEO Tips for Link Structure
When it comes to SEO and search engines, cache is king. One of the most simple metrics of measuring the wealth and authority of a web property is how many ...
READ MORE
Google Quality Raters: SEO’s End or New Beginning?
How Link Discovery Time Affects SEO
SEO Best Practices: Getting Started
What is Superior SEO Web Design?
Search Engine Positioning: Consumers, Supply and Demand
What to Do When Keywords Plateau in the
SEO for Large Websites Part I
SEO Keywords: Use Diversity to Avoid Dependency
Will Caffeinated Results from Google Stir Up Search
SEO Tips for Link Structure

About Jeffrey_Smith

In 2006, Jeffrey Smith founded SEO Design Solutions (An SEO Provider who now develops SEO Software for WordPress).

Jeffrey has actively been involved in internet marketing since 1995 and brings a wealth of collective experiences and marketing strategies to increase rankings, revenue and reach.

4 thoughts on “Usability Solutions to SEO Challenges
  1. I like how you are one step ahead of what is going to happen. You have the gift.

Comments are closed.