5 More Web Design Usability Techniques For Forms
Forms can be quite annoying to users. We have all had to fill out “The Form From Hell” at one point or another. Often they are created with no regard to usability whatsoever. The form is sometimes a direct reflection of the organization of a backend database, and human needs are not taken into acount.
There is a great article on sitepoint today titled Checklist for Usability Forms. Based on our own experience with forms, here are a few items that probably seem like no-brainers, but I would also like to see the web’s programmers take into account:
1. Never erase user-entered data
Sometimes a form will have a required field that we humans miss at the first go. “Oh, my title was required?!” I enter “King of the world”, but then discover my credit card details need to be entered again. Who knows what will be missing if I mess that up? If the form is on a secure server, even credit card information can be kept between page requests.
2. If the form requires JavaScript, let the user know
Although users are surfing with JavaScript turned on most of the time, there is nothing worse than finding a form you just filled in requires JavaScript to actually be submitted. Sometimes I’m testing pages with JavaScript turned off, and I’d appreciate the warning when it’s needed. After I fill out a form and see the submit going nowhere, I usually check my JavaScript settings. Then I refresh the page, and all of my precious data entry is gone! My tired and worn fingers just look up at me and sigh as we start filling in fields again.
3. Autofill wherever possible
When a user has to type in their billing address, web designers should also offer a box to copy all information to the “shipping address” field, or it should automatically be filled in. Intelligent web form design should mean users are never required to enter the same information twice. Unless lives are at stake, our web forms can usually make the correct guess.
4. Make it easy for users to find their country in a list
When 99.9% of site visitors are from the United States, it is not impolite to list the United States at the top of the list, and even have it preselected. Yes, I said it – preselected. Rarely is it appropriate to have Afghanistan as the first option(or the option that has already been selected). I cannot tell you how many sites still think I’m located in the “United States minor islands” due to my lack of apparent skill with a mouse.
In most cases, we web developers can even sense the visitor’s country of origin by looking at their IP Address. Why not preselect the country of origin accordingly?
5. Set the tab order of form fields when necessary
Most forms do not require this step, but be sure to tab through the form in various browsers. In most cases, you won’t find anything strange. But that one percent is what testing is for, isn’t it?
Please feel free to comment with additional tips. I didn’t see a way to add tips to the original article, but we can certainly add them here. We’ve all encountered the poorly designed web form. Tell us about it – we won’t think you’re crazy. Let it out: You’re among friends.
7 untimely ways for a SEO to die
In ancient Rome, the ghosts of the ancestors were appeased during Lemuria on May 9. Not many people know that, and even fewer care. But in the spirit of Lemuria, we offer seven untimely ways a SEO can die(It’s a dangerous world out there, and also I’m low on blog posting ideas):
- Bitten by search engine crawlers.
- Trampled by googlebots(This is actually the best way to go, if you have to).
- Trip over a HTML tag someone forgot to close. (This was funnier last night when I thought of it – go figure)
- You get (google)whacked while visiting a bad link neighborhood.
- You’re doing the googledance, slip on a banana peel and hit your head. Certainly I’m not the only one who knows the googledance? Please submit your videos if you know it: googledance@hyperdogmedia.com.
- You receive a suspicious package in the mail, and it turns out to be a googlebomb.
- Setting linkbait traps and you get an arm caught.
Please submit any other ideas you might have via email: lemuria@hyperdogmedia.com. So strike up that pun machine, it’s Friday!
Update: Debra just suggested you could “overdose on link juice” – if only!
9 Common Web Design Mistakes Prevent Google From Indexing Your Site
Web Designers frequently destroy their clients’ chances of ranking well in Google, without even knowing it! Here are three common mistakes that can ruin a client’s chances of ranking well in Google, Yahoo or MSN – simply by preventing the site from being indexed!
Search engines follow regular text links, but web designers like to use these unfriendly search engine navigation methods:
1. JavaScript Menus
Search Engines do not follow links reliably in JavaScript, if at all.
2. Imagemaps
Search Engines cannot see the image, and so cannot classify the relevance or topic of the link. Lesser search engine robots do not even attempt to follow imagemap links.
3. Image Links / Rollover links
These links frequently contain JavaScript, but also are difficuly for search engines to classify.
4. JavaScript popups
Search Engines do not follow JavaScript reliably, and do not seem to like popups at all!
5. “Jump menus”
These pulldown menus are usually submitting a form. If the form target is sent GET requests, there is a chance that the links will be followed in some manner, but again – this isn’t reliable navigation for Search Engines.
6. NOSCRIPT embedded links
We were told that content in NOSCRIPT tags is for those visitors that have JavaScript off. But if you were told this means search engines, you were told wrong! This HTML tags has been abused by spammers early on, and search engines do not reliably follow navigation within these tags.
7. Frames – they’re rarely done in a search friendly manner
More on the “right way” in a later post. Frames are challenging for search engines, and we have recently seen Google penalizing framee-based sites, perhaps due to the usability challenges they can present.
8. Java
Java cannot be executed by search engines. Many early rollover effects relied on Java, but the navigation cannot be read by search engine robots.
9. Flash
Flash navigation cannot be followed by search engines. Splash pages can become a deadend for search engines, and alternatives to Flash navigation should always be given.
So what can you do to be sure that search engines will crawl your site? We’ll have answers in a future post, but a frequent supplement to websites that use the above techniques – meant almost entirely for search engines – is a set of footer links for seach engines to follow.
3 things NOT to do: The importance of titles in SEO
Sometimes webdesigners get low blood sugar, or suffer minor head injuries. The effect? Bad HTML title tags.
Title tags are an important piece of real estate on your page. In properly structured HTML, it’s the first chance for you to tell human prospects and search engine visitors what your page is about. Depending on the search engine, page titles are someytimes shown prominently is results – your page is likely to be passed up if it doesn’t look relevant to the potential visitor’s search. Think about your page title as an advertisement for your website!
Since I’m feeling snarky today, here are three things NOT to do when creating your title tags:
1. “Welcome to our website”
It sounds like a friendly greeting for your human visitors, but it completely ignores the wonderful gift that a title tag can be. A title tag is a chance to tell both human and search engine visitors just how helpful your content is. Use this chance to target keywords that BRING and CONVERT traffic.
2. “Unititled Page”
If your web designer is using Dreamweaver, hope that they are properly caffeinated when they are working on your page. Otherwise, they may forget to change your HTML title tag from the default. Don’t expect quality traffic when you are one of the almost ONE MILLION pages that have “Untitled Page” as their title.
3. “Welcome to Adobe GoLive”
You can probably guess where this default page title came from. Check out the ONE MILLION crappy page titles. Oh, that’s neat: version 6 is out. I think we can see what they DIDN’T improve.
What SHOULD you do in your title tags? Keywords, focused sets of keywords. More on that in a later – and less snarky – posting.
What are Google’s supplemental results and what’s the problem?
Google defines supplemental results as follows:
“A supplemental result is just like a regular web result, except that it’s pulled from our supplemental index. We’re able to place fewer restraints on sites that we crawl for this supplemental index than we do on sites that are crawled for our main index. For example, the number of parameters in a URL might exclude a site from being crawled for inclusion in our main index; however, it could still be crawled and added to our supplemental index.
If you’re a webmaster, please note that the index in which a site is included is completely automated; there’s no way to select or change the index in which a site appears. Please also be assured that the index in which a site is included doesn’t affect its PageRank.”
If your web pages are listed in the supplemental results then it is likely that your web pages could not be parsed correctly by Google’s standard crawler.
The problem with Google’s supplemental results are that they are only supplemental. If your web pages are listed in the supplemental results then they won’t be returned very often for regular search queries.
How to find out if your web pages are in the supplemental results
An easy way to find out how many of your pages are listed in Google’s supplemental results is to search for the following on Google.com:
site:www.domain.com ***
Search for that phrase and then proceed to the last result pages to find the supplemental results. Of course, you have to replace www.domain.com with your own domain name.
How to get out of Google’s supplemental results
Most web sites have pages in Google’s supplemental results. It means that Google had difficulty to index these pages or that Google had other problems with these pages.
1. Make sure that your web pages don’t contain any spam elements and that you don’t use any spam techniques to promote your web site. Using spam techniques to promote your web site is often the reason why a web site doesn’t get good rankings. Better focus on ethical search engine optimization methods.
2. Make it easy for search engines to index your web pages. If possible don’t use web page URLs that contain question marks or the & symbol. Make sure that the HTML code of your web pages offers what search engines need. Use IBP’s Top 10 Optimizer to prepare your web pages.
3. Make these pages easy to find for Google’s web crawler. The more links point to your web pages, the more likely it is that search engine crawlers fill find your web pages. Use ARELIS to get good inbound links to your site.
Most web sites have pages in Google’s supplemental results. The easier you make it Google to index your web pages the more pages of your site will be listed in Google’s normal results.
Reducing page load times
With the ever increasing impatience of internet visitors, it is important that pages load as fast as possible. Here are some quick tips we implement when developing websites to keep the page size to a minimum:
1. CSS and Javascript should be in external files. This way, they are cached after the first page is visited.
2. For large images that cannot be optimized any further, load a placeholder and update it with the full version after the page has loaded.
3. Get faster hosting.
4. Use CSS instead of tables for layout.
5. Be a minimalist. Do you really need a sound on the home page? Are animations really needed to convey your message?
Performing Keyword Research
[tag]Keyword research[/tag] should be the beginning of every web page placed on the web. Instead of dumping the same old text from the brochure you created in 1987, rewrite your content from scratch with an eye toward your [tag]best keywords[/tag] and keyphrases! Here are steps to help you in your search for your very own [tag]keyword niches[/tag]:
1. Define your target market(s)
Every [tag]target market[/tag] is going to have their own way of thinking, but you should also be sure to have a unique area of your site for each target market. You might want a section for investors, a page for community members, and another section for prospects.
2. What would they search for on the internet?
Think like your audience. What would they search for? Would they mispell a keyword? Would their terms be more sophisticated than the terms you use to describe yourselff around the office? Maybe they would be less sophisticated.
a. Brainstorm keyword phases
Now look at those phrases and try to think about any possible variations. Are there more descriptive variations needed to really pinpoint the right searchers? Maybe you need to be less specific to increase the potential [tag]traffic[/tag] to your page.
Remember:
Less words in the phrase will help broaden your possible audience.
More words in the phrase will help target the best.
Would you get better prospects with a targeted phrase?
b. Look keyword phases competitors are targeting on their website
What are your competitors targeting? Look at competitors you know about, but also look at who is competing for spots 1-10 in Google. What are they targeting? What niche might they be leaving out?
c. Look at keyword phases competitors are targeting using their [tag]link partners[/tag]
(We have an automated tool we use for this – email us at sales@hyperdogmedia.com for more information!)
3. Existing [tag]keyword phases[/tag] you are being found for
What better way to figure out which keywords are already working in some way?
a. Web hosting visitor log files
If you don’t have decent stats, install [tag]Google Analytics[/tag] ASAP. On most hosts, the free package [tag]awstats[/tag] is available. Also free are webalizer and analog. Any of these will tell you what keywords your site is being found under.
b. [tag]Analytics[/tag] and/or [tag]Paid campaigns[/tag]
Look at existing analytics and paid campaigns. The [tag]keywords[/tag] from your paid campaign can yield very valuable information. Keywords that result in [tag]clicks[/tag] and [tag]convert[/tag] into actual sales are like gold. These “[tag]converting keywords[/tag]” are some of the best you can target.
4. Expand the list
a. Geographic
Especially if you are [tag]targeting local business[/tag], think about where you are. Are you in a certain metropolitan area? What cities are nearby? What smaller communities? Be sure to include local nicknames like “bay area”, “front range”, etc. What county and state are you in? Include any other pertinent information – are you on a major street or thoroughfare?
b. Thesaurus / Ontology
Use a thesaurus to increase possiblities for your list. Do not judge keywords just yet – keep an open mind. You’d be surprised what searchers type in!
The ontology or category in which your person-place-or-thing keywords exist can lead you to new possibilities. For example, a book has to do with publishing, printing, authors, etc. What “has to do with” your [tag]keyword phrases[/tag]?
c. Incorrect spelling:typos, phonetic
Bad spelling and phonetic misunderstandings can also lead you in the direction of new keywords. In a recent conversation, an acquaintance told me he can see that his best prospects always spell a certain keyword incorrectly: It is for a disease that the propects have. Doctors never buy the product directly, but always know how to spell it!
d. Aggregate lists(like AOL’s leaked search data)
Giant [tag]lists of keywords[/tag] can give insight into how visitors query a search engine. AOL released acontroversial amount of searches by their visitors. Third party sites like http://www.aolsearchdatabase.com/ allow you to look through the data. While it isn’t complete, it can yield valuable information about search behavior, and maybe about your keywords!
e. [tag]Google[/tag] Suggest / [tag]Overture[/tag]
[tag]Yahoo[/tag] tells you what keywords visitors searched for a month or two ago. Visit their site at:
Google offers some search numbers and keywords with their suggest tool, too:
http://labs.google.com/suggest
f. Survey of automated tools
(We have several automated tools and services we use for keyword research. Contact us at sales@hyperdogmedia.com for more information.)
g. Repeat the process
Did you get several new keywords? Now be sure to add on your geographic and other variations. Did your list just get MUCH bigger? Good!
5. Find the least [tag]competitive terms[/tag]
Of course, it is always best to go after the least competitive keywords. To figure out which keywords have the best ratio of searches to competition, figure out the [tag]KEI[/tag]. We have automated tools that figure this out, but try the manual method for a few of the keywords you think might be real gems:
a. KEI (Keyword Effectiveness Index)
KEI = (# of monthly searches) / (# of exact results in Google)
Gather (# of monthly searches) from the overture tool above
(http://inventory.overture.com)
Gather (# of exact results in Google) by searching for the your “keyword phrase” in the titles of possible competitors:
allintitle:”keyword1 keyword2 keyword3″
b. Examine [tag]PPC bids[/tag]
Looking at bids – especially in overture, but also with Google’s AdWords estimator tool – can tell you which keywords are the most competitive. So easy to see, and look – no math required!
This article contains many of the tips we give for [tag]keyword research[/tag]. Have other tips? Leave a comment! We’d love to add your tip to the list!
Make sure your site is accessible when Googlebot visits
For all of the attention paid to “On-Page Relevance” and “[tag]Link Popularity[/tag]“, SEO begins with accessiblity. Are your websites [tag]search engine friendly[/tag]? Follow our checklist below to measure:
A. Search Engine Point of View
Surf your site from a search engine’s point of view. Download and Install Firefox and the Fangs Extension. By experiencing the web as a non-sighted user, you are also experiencing the web as a search engine would. Can you navigate your site easily?
Experienced [tag]SEO[/tag]s already have the tools and knowledge to examine a site for the items below, but beginners may find our [tag]free[/tag] tool at the SEO Diagnostic website quite helpful.
1. [tag]HTTP codes[/tag]
When any web page is accessed, the server hosting the page responds with a code. Most visitors are familiar with [tag]error 404[/tag], returned when a page is missing, but many users are not aware of the full range of HTTP codes that can be returned. Are your pages returning a code 200, indicating “OK”? Don’t know where to start? Test your site at http://www.seodiagnostic.com.
2. Page size
The size of your HTML page – including all images, stylesheets, and external scripts – should never exceed 90k. A recent study shows only 63% of Americans are online – an even smaller number have a broadband connection. If your target market includes consumers, or impatient business users, it is imperative to keep the size of your pages(including images, scripts and stylesheets) under control.
3. Frames
Frames have usability and accesibility challenges that are rarely overcome. If your site’s HTML code uses frames, you should have an experienced SEO see if they can make it navigable inside a NOFRAMES tag. You may also require a site redesign.
4. Flash
[tag] Flash[/tag] navigation cannot be followed easily by search engines. While flash is becoming more friendly, it still poses challenges to search engine indexing. Where flash is used on a site, make sure that html text links also exist.
5. [tag]JavaScript[/tag] navigation
[tag] JavaScript menus[/tag] and rollover images make for stunning visual elements, but be sure to include navigation for your visitors that are not capable of executing JavaScript! While a NOSCRIPT tag may be indexed by some search engines, not all are created equal.
6. Dynamic URLs
Google’s webmaster guidelines advise against dynamic URLs. Humans don’t like ‘em, and search engine spiders don’t either! Use [tag]Apache[/tag]‘s [tag]modrewrite[/tag] – hire an expert if you need to – but get rid of those dynamic URLs!
7. Robot [tag]Metatags[/tag] /[tag]robots.txt[/tag]
While it may not seem that robots.txt is always necessary, consider adding a very basic robots.txt file that welcomes all spiders to index the site. Consider the relatively “open arms” policy our site has, reflected in our robots.txt:
# All robots will spider the domain User-agent: * Disallow: User-Agent: googlebot Disallow: # Disallow directory /cgi-bin/ User-agent: * Disallow: /cgi-bin/
8. Google [tag]Sitemap.xml[/tag]
Google’s new sitemap features allow your site to specify page locations and how often to “check back”. For large sites, this can be a dream come true. For smaller sites, it can be an opportunity to see your site as [tag]Google[/tag] sees it. Once your Google sitemap is active, Google will disclose any problems it had with your website. Get started in the Google Webmaster Area.
9. [tag]Yahoo Site Explorer[/tag]
Yahoo Site Explorer is another great tool to see your site as a search engine does. No sitemap creation necessary!
10. Pages Indexed
The number of indexed pages is a telling measurement about your search engine accessibility. To view the number of pages any of the major engines have indexed on your site, do a search for your domain with the “site:” prefix. For example, for seomoz.com you could search for “site:seomoz.com” (no quotes) in msn, yahoo or google. You will see each of the engines has a different number of index pages!
11. [tag]Best Practices[/tag]
HTML sitemap
Include a HTML sitemap to help your search engine(and other) visitors get to any page fast. A HTML sitemap is simply a html page with links throughout your site. Keep the amount of links under 100, as [tag]Google’s Webmaster Guidelines[/tag] recommend. Structure the links in a categorized outline, well organized for human and search engine visitors.
CSS and JavaScript relocated to external files
CSS files can be cached, reducing your bandwidth bill and providing less code for the engines to wade through before they encounter content. For human visitors, we often think about what is “above the fold”. For search engines, try to get as much juicy content “above the fold” as possible, too.
HTML Validation
While search engines can navigate some of the worst HTML code, why make it any harder than it needs to be? Try to keep to valid HTML as much as possible.
[tag]Search engine[/tag] accessibility is so very important. First the search engines come, then the human visitors come. It does not matter how pretty your site is, if important visitors like the [tag]Googlebot[/tag] cannot get through it. Take a good look at your site accessibility to determine improvements you might be able to make.
And, of course, many of these [tag]accessibilty metrics[/tag] can be measured with our new tool SEO Diagnostic. If you aren’t sure where to start, start there!
3 Common, Surprising Ways to Get Banned by Google
1. Hidden text in the name of accessibility
Many web designers are using a CSS technique that hides text – allegedly for accessibility. The technique uses a background-image to replace text. It is a common CSS technique touted as a way to maintain accessibility while still displaying a graphic instead of the text header. Unfortunately, it fails in many screen readers (see above article), and it is considered by the search engines to be hidden text!
2. Unintentionally spamming keywords
Many sites use words in their keywords, title and description that are not ever used on the page. Most webmasters insert keywords into these tags that aren’t used anywhere on the page. The problem occurs when keywords are brainstormed separately from content development. Good SEO involves doing the two techniques together.
Don’t expect Google to just trust that you are relevant for these keywords. How relevant could you be for your keywords if you never use them, anyway?!
3. Excessive Links
Webmasters have become obsessed with their Google Pagerank, and are trading links at an ever furious pace. Having too many outbound links on a single page makes your site look more like a “link farm” than a legitimate website. You should try not to place too many outbound links on a single page.
If you do need to link to 100 or more sites, place the links on separate pages. Instead of focusing on an unhealthy amount of links, create quality content and allow the links to flow in NATURALLY. That is what Google wants to see anyway.
For Google’s webmaster guidelines, visit http://www.google.com/webmasters/guidelines.html
What to do if you are banned? Google’s Matt Cutts has the answer: After you have fixed your site, file a reincluson request.
How are you handling 404 pages?
Yahoo has incorporated a new feature in it’s slurp bot to find how your website is handling missing pages. Yahoo occasionally may be requesting random gibberish URLs on your server – usually with slurpconfirm404 in them – to see how missing pages are being handled on your server. Understanding how Search Engine robots are crawling and responding to your site is vital in communicating the accessibility and relevancy of your content.
What is a 404 error?
A 404 error is a low level code that is supposed to be sent by a webserver when the page that has been requested is not found on the server. It communicates to the web browser (or search engine robot) that the content couldn’t be found. Even a missing graphic should return a 404 error. Don’t worry, your site correctly returns a 404 error unless you (or your “web guy”) has intentionally manipulated it to do otherwise.
What should be returned when an item is missing?
It makes sense to stick with predictable behaviors when dealing with both users and search engines alike. Some sites may have gotten away from sending 404 errors because that is ALL they were sending. It isn’t very user-friendly to send a page that simply says “404 error”, but with a little tweaking a sitemap and branded page can be sent to your user. This simple step will help you keep more visitors, and communicate to search engines when they have requested missing content.
See more about Yahoo and slurpconfirm404.















