The minute a client or future client asks for a check on their site I load it up in Firefox and run a few tests over it. During a meeting a client asked me what I do and so I showed him. Besides the confusion for him as I had all these little addons in my browser compared to his plain Internet Explorer, he still couldn't grasp what it told me. Of course understanding how spiders and search engines perceive these pages helps too.
So what do I do? Well a 5 minute check requires the use of the web developer toolbar which is a firefox extension. This is a great tool that let's you gain information about a site without having to hunt through the code. Open up any web site in firefox and try the following:
1. Disable CSS
If you go to the CSS menu -> Disable Styles -> All Styles. Alternatively press Ctrl + Shift + S. This will turn off all of the CSS styling. It's not fully known if spiders pay attention to inline styles however they will most likely ignore external stylesheets.
What to look for
Hidden Text – be it intentional or not this will often show up any hidden text on the page.
List Usage – lists should be used for listing information. Often used for navigation, afterall it is a list of links, however lists can be abused at times as they are thought to be given slightly more relevance than plain text.
2. Disable Images
Images -> Disable Images -> All Images. This is an important issue for both SEO and Accessibility. Spiders cannot read images so it's often interesting to see how a site looks without them.
What to look for
Missing alt attributes – this is what the spiders will read. This is also what screenreaders read for partially sighted visitors.
Keyword stuffing – similar to hidden text, the art of placing all your keywords/phrases into the alt attributes on the page – very unhelpful to anyone relying on that text to tell them about the image, that's hardly fair is it?
3. Outline headers
Outline -> Headings. This will put boxes around all heading tags on the page. If you've got Show Element Names when Outlining ticked it will also tell you which type of heading it is. H1, H2, H3 etc.
What to look for
Header Styling – People are beginning to realise that header tags are given more relevance than plain body text and of course headers can be styled using CSS. However some shady developers tend to style their headers to make them look like plain text to the average visitor.
Number of headings – An extension of the above, headings should be used but not overused, however some people tend to believe that if every heading on the page is a H1 then it will fare better in the search engines. A good rule of thumb is to use H1 once, H2 twice, H3 three times. Note that's for an average business page of around 250-350 words.
4. Disable JavaScript
Disable -> JavaScript. This will switch off any javascript or DHTML code. Spiders do not read JavaScript so cannot follow links generated by JavaScript.
What to look for
Inactive links, various text disappearing, certain areas not working.
These are the quick checks. Take any page and try them out. You'll soon start to spot hidden text, keyword stuffing in alt attributes, inactive menus and overuse of headers. A client of mine has a competitor who ranks highly for a particular phrase. When you visit their site there are around 50 words in the top alt attribute. The H1 header has a paragraph in it styled as normal size text, and on one page is a very faint paragraph of key phrases. It's simple and quick to see when you know how!








