Usability and your Website – Make Sure Your Website is Easy to Follow

In recent weeks, I’ve begun exploring the concepts of usability and how they relate to the web. While we constantly evaluate sites for clients for ease of use among other things, I hadn’t spent much time discussing the concept of usability on our blog.

In short, a site with good usability is able to answer four important questions in a matter of seconds without the user having to think. Three seconds is a good rule of thumb. Those questions are:

  • Where am I?
  • What can I do here?
  • What do they have here?
  • Why should I be here and not somewhere else?

Websites who do not answer these questions immediately do not experience their potential. If someone has to think very hard about how to navigate or even have to expend mental energy trying to figure out what you’re about, they’re most likely going to leave and never return.

Good web usability also makes it easy for a person to find out where they are in a site. Say for instance a visitor is on a product page deep within your site but wants to start over at the beginning. Good usability allows them to do that in one click without having to put much thought into it.

Speaking of the homepage – it’s very different than the rest of the pages on your site – different in that it must address each type of prospective customer that visits your site in a short space.

For homepages, the following guidelines are a good place to start. Remember, guidelines are more like suggestions so these are not meant to be all inclusive. Some may not work for the type of business you’re in or you may find yourself needing to add something else.

Regardless of that, below are some of main elements your site’s homepage needs to have in order to answer the four questions above for any type of user.

Site Identity and Mission – Include a unique tagline and value proposition in the top left area of your page. A person who reads this should be able to figure out what you do just by reading these few words.

Site Hierarchy – Make your site’s hierarchy is clearly visible and navigable. Top or side navigation helps users find out what you offer and channels them to the place they’re looking for.

Search – Some people just like to search rather than click links to get from place to place on a website. Like a search engine, a site search box allows you to type in a keyword phrase and find all documents within the site that include those words.

Teasers, promos, etc. – Encourage users to interact with your site and spread the news to their friends. Teasers, promos and discounts draw readers’ interest and provide them with a tangible benefit to choosing you over someone else.

Timely Content – Farther down the homepage, you should also include snippets of relevant and timely content. Doing so builds your credibility as a trusted source as well as gives users not too familiar with what you offer the opportunity to learn more.

Include Shortcuts – Shortcuts can be used to provide users easy access to popular pages. Perhaps someone already knows what they’re looking for. Give them the opportunity to get it in just one easy click.

Of course, there are many other usability conventions you have to be aware of for all of your pages. Clear, clickable links is one example that comes to mind. Links must be clearly identifiable or else a visitor will search around for a link and then leave your site.

Over the next few weeks, we’ll be adding more information about usability and how you can design a website that’s easy to navigate, figure out and requires little to no thinking. We’ll also provide some names and resources for you to learn more.

Until next time!

8 Ways you can safely sell Links on your Website

If you’ve had a blog for awhile, you may be getting inquiries from potential advertisers and others about paid links. It’s one benefit of building a blog for the long term – others will pay you for advertising links.

As you can imagine, this can become quite lucrative over time.

In many respects though, Google frowns upon this practice and penalizes sites it sees as unnaturally manipulating search results. What they do (as well as Bing) is use link-based analysis to determine the quality of a site and its relevance to the keyword in question. Google believes buying and selling links circumvents this process and makes results less relevant and helpful to its searchers.

However, if you read Google’s Webmaster Guidelines, you will find that not all paid links violate their rules. In fact, if links are bought/sold for advertising purposes and not to pass on PageRank and manipulate search results, then it’s totally okay.

If you’re getting inquiries about advertising links, there are 8 ways you can safely sell links on your site without being penalized Google.

1. Add a rel=”nofollow” attribute to the link

Adding this code into the link adds the link to your site but prevents your site from passing any “link juice” to the other site – basically it ensures the other site only receives traffic from the link and not a PageRank boost. This suggestion comes directly from Google so you can be 100% sure that it’s okay.

2. Only link to intermediate pages that include a robots.txt file

Robots.txt blocks search engine spiders from crawling a page. Most websites want their pages to be crawled. Therefore, you can redirect links to an intermediate page that includes this characteristic. Using an intermediate page strips the link of any PageRank benefits and ensures the link is for traffic only…this is another one of Google’s recommendations.

3. Avoid “link farm” schemes

Link farms are websites whose only purpose is to pass PageRank and link to other sites. While you probably would not use one, you need to be careful that your site doesn’t appear as one. Understandably, Google does not like link farm sites at all. In order to avoid looking like you’re a link farm site, embed links within relevant content and avoid having them all in one place.

4. Negotiate link sales for the long term

Consistent rotation of links is another red flag for the search engines as they make your site look like a link farm. Therefore, to fly under the radar, you should select paid links carefully and keep them consistent for as long as possible.

5. Don’t advertise that you’re selling links

This is advice that usually isn’t heeded online. If you advertise you’re selling links, you will get a lot of requests from spammers and banned sites. While the money may be tempting, be patient and wait for quality advertisers to come to you. This will give you better link partners and reduce your frustration.

6. Use HTML links only

Some link buyers may be using JavaScript or some other code in order to update or change the text and URL of the link at a future time. Avoid this by sticking with HTML based links.

7. Only link to relevant sites with quality content

Relevancy between links and keywords is the first thing search engines look for. Therefore, you should be sure that links you’re using point to quality content. Doing so helps search engines achieve their #1 goal, which is delivering the most relevant content to their users. In turn, they’ll reward you for it.

8. Be selective on who you partner with for links

Carefully evaluate sites before linking to them and ask yourself if you want your visitors going there. Do a site:yoursite.com search in Google on the company and see if they’ve had any penalties in the past that may hurt you if you partner with them.

One good rule of thumb when dealing with paid links – only deal with sites you would link to without payment. Doing so ensures you only sell links that are of use to your visitors. Selling links shouldn’t be your main source of income but they can provide a nice bonus.

Remember, Google frowns on selling links for PageRank and other purposes. However, you can do it safely by following the 8 steps mentioned above.

Eyetracking Studies Reveal Users Read Webpages in an F-Shaped Pattern

Don’t be shocked by this – most users will only read a fraction of what you write on a webpage.

Now I’m by no means implying that web copy is useless. But considering the fact that readers typically scan a page for important points, you have to setup your content in a way that reflects this reality.

An experiment by usability expert Jakob Nielsen evaluated over 230 users and how they read a webpage. He found readers’ behavior was fairly consistent across different types of websites, exhibiting the following three general characteristics:

1. First is a horizontal movement that usually occurs across the upper parts of the content area, which forms the top part of      the F-shape.

2. Next, users go down the page on the left side a little bit then read horizontally again for a bit, forming the middle part of the F-shape.

3. Finally, users will scan the copy’s left side slowly to the bottom of the page. Depending on the user and the content, this is either a slow and systematic scan that appears as a solid streak on the heatmap or a fast scan, which is evidenced by a spottier heatmap. Either way, this forms the stem of the F-shape.

Of course, this is just a generalization as users may take a third scan across the page (making an E-shape with the eyetracking heatmap) or only read across once at the top (making an inverted L-shape with the eyetracking heatmap).

And as the eyetracking heatmap shows below, users interact with pages differently depending on what’s included on each. But as you can see, each of these roughly follows the F-shaped pattern.

The middle image for instance, an e-commerce site, includes products and prices, which is why the second horizontal part of the F-shape is lower down on the screen.

On the third image, a search engine results page, the second horizontal line is a bit longer than the top since the second headline is longer. While the second headline seemed more interesting and was longer than the first headline, users typically don’t read secondary headlines as much.

What does all of this mean for your content?

As we’ve said before, users won’t read your copy word by word. Most will scan the page to pick out important points and see if the site answers their questions and addresses their concerns.

Therefore, you need to include the most important information in the first 2 paragraphs. In all likelihood, users will read the first paragraph more closely than the second.

Also, start sub-headings, paragraphs and bullet points with “information-carrying” words. Since users typically scan the left side of the page (as shown by the eyetracking studies), you will want to be sure you include high-impact words at the beginning to draw their interest.

4 Components of the Marketing Funnel and how they relate to Social Media Channels

Anyone with a cursory knowledge of marketing is aware of the AIDA funnel – Awareness, Interest, Desire and Action.

Even in the age of SEO and social media tools like Facebook, this marketing funnel is still extremely relevant although some slight modifications are required. Each section of the AIDA funnel represents an important component of your marketing process. They help you set expectations and even determine metrics to measure your goals against.

Continue reading for a breakdown of this marketing funnel along with some additions in the new age of social media.

Awareness, Interest, Desire, Action

Awareness, Interest, Desire, Action

Awareness

Awareness is the bread and butter of any social media channel – whether it is Facebook, LinkedIn, Twitter or any of the minor networks. Rather than being your point of sale, they’re more like your communications and outreach tools…think of them as the spokes of a wheel that lead back to the hub. The hub in this case is your blog, landing page(s), shopping cart and other places designed to convert visitors into customers.

Conversation frequency, increased mentions and sentiment are a few of the metrics to consider with awareness. Remember, you have to let people know you’re out there and that you can solve a problem they have.

Interest

Once you have their attention, you have to pique their interest. You can do this by offering something special like buy one, get one free, free shipping or some other offer. Provide compelling reasons as to why you’re better than the competition and how you can solve the visitor’s problem. If you’re talking about a specific product or service, link to a specific landing page rather than a homepage.

Click-thru rates (CTR), retweets/Facebook status updates and conversations about your products are a few of the metrics to consider.

Desire

Social media can also help build desire for your products and services. However, your corresponding site needs to be easy to use in order to carry that desire all the way to the end. If your site is hard to understand or navigate, then you’re likely going to kill any desire your visitors may have. Move your customer from interest to desire by having a clean, navigable site with lots of information.

Bounce rate, time on site, pages viewed and incoming links are some of the metrics you can use to determine the effectiveness of your efforts.

Action

At this point, your site is the primary tool. You’ve built the desire so all that’s needed from here is for you to close the deal…social media isn’t going to have much influence here. Therefore, like desire, you’re going to have to be sure you have a usable site that’s easily navigable.

Metrics like conversion rate and ROI will give you a full picture of how well your efforts are working…and the ones your boss will be most interested in.

Two More Levels to the Marketing Funnel – Loyalty and Advocacy

Loyalty and advocacy are two components that should be added to the AIDA funnel to better reflect the realities of social media and marketing online. Maintain loyalty by thanking customers through Facebook and Twitter and let them know you’re always available to answer questions or address concerns.

Advocacy is another important component of social media marketing, and the most desired. Customers who are happy with your products/services will let their friends know. But to make this happen, you need to make it easy for them to share your brand. “Like” and “Retweet” buttons in convenient locations are a great way to help this along.

The AIDA funnel certainly isn’t perfect and not all of the steps are required. You don’t need to live and die by this funnel…people can skip a level or go through multiple levels at once.

But it’s important to factor the AIDA funnel into your online marketing strategy. It should help you focus and prioritize your efforts for success.

Ways You Can Still Use Frames and Have High Rankings

One of the tenets of good site architecture is avoiding frames. While they may look nice, they’ve only spelled trouble in the past from an SEO perspective. If you have a bunch of great content wrapped up in frames, nobody would be able to find it since search engine spiders could not crawl frames.

That is of course you’re very knowledgeable and know how you can both have frames and an easy-crawlable site.

To clarify, a frame is actually an HTML element that pulls content from another URL and directs it to a URL of your choice…in a non-technical sense, frames essentially copy everything on a page to mirror it on another page. There are some good reasons why you would want to use frames…just be careful on how you use them to ensure your site indeed gets crawled by the search engine spiders.

Use specific tags in your HTML code to ensure framed content gets indexed

It’s not that Google and Bing don’t index content within a <frameset> tag but what usually occurs is the search engines will index framed and non-framed content separately and catalogue them as two separate pages.

Viewing frames as images is a good way to look at them. If you absolutely must use frames, you should provide a keyword-rich description of the image in case it doesn’t load. The <noframe> tag explains to users and search engines what the framed content is if it fails to load.

<noframes>Put your keyword-rich frame describing content here.</noframes>

Two important things to consider when using <noframes>: (1) place them as high up on the page as possible so it’s easily readable by search engine spiders and users whose browsers don’t support frames and (2) be sure the <noframe> tag is outside the <frames> or <iframes> tag. If it isn’t, that content may not get picked up by the search engine spiders.

Another “frames” tag for that’s gaining a lot of popularity is the <iframe> tag. It’s used to embed dynamic information and a wide variety of widgets on a site…Facebook’s “Like” button/widget is one common use for an <iframe> tag.

Many who use <iframe> though don’t realize that it doesn’t generate a link back to their site – which is one of the main reasons to use the tag in the first place.

Fortunately, there is a way to get that link by setting up the code as indexable content with the <iframe> tag. Setting up the code in the following way will get the content and any links indexed.

<iframe src=”http://www.facebook.com/plugins/like.php”
scrolling=”no” frameborder=”0″ style=”border:none; overflow:hidden;
width:150px; height:50px;” allowTransparency=”true”>

Content, and links will get indexed here by most engines as it is visible text on the page. Anything that is pulled in using the iframe tag, will not get indexed with the page. So if you want your iframe powered widgets to generate a link back to your site, make sure and include that code in this area.

</iframe>

Generally speaking, we avoid frames on sites we work with if at all possible since it’s very difficult to ensure the content is indexed by the search engines and readable by our users. <Iframe> tags on the other hand can be a good method of building links when they’re used properly.