Good Website Inspector

making the web better

Rules

Rule: Avoid table based layouts

Avoid usage of layout tables. Layout tables are inflexible and less controllable than CSS based html.

The usage of nested tables are general used as layout tables and they indicates a minor knowledge of modern web technologies.

Rule: Avoid deprecated HTML tags

Avoid usage of following tags because they are deprecated, obsolete or were replaced by better semantic ones.

These tags weren't often used in the last few years because the focus of web development are strongly moved to semantic html tags and higher content to tag ratio.

Bad HTML tags are:

font, frame, frameset, noframes, blink, marquee, nobr, applet, basefont, center, dir, isindex, listing, plaintext, s, tt, u, i, b, strike, xmp

Rule: Avoid deep <div> nesting

A deep and often used nested container layout indicates a bad coding style.

Rounded corners or some similar tasks often creates such html code. For most last generation web browsers there are CSS equivalents. Try to use as low as possible HTML elements to increase your content to tag ratio and to lower the page load time which results in an better ranking within search engines.

div, section elemente should not nested deeper than 6 layers.

Rule: Avoid static event handlers

Static and in html tags written event handlers should be avoided and indicates a minor knowledge in modern web technologies.

Event handler should be set dynamicaly by javascripts because you have more control in timing and maintenance of global used elements.

Another advantage is the reduced byte size an a better caching possibility of the html document.

Bad event handler attributes are:

oncopy, oncut, onpaste, onbeforeunload, onblur, onchange, onclick, oncontextmenu, ondblclick, onfocus, onkeydown, onkeypress, onkeyup, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup, onresize, onscroll

Rule: Avoid low content to HTML tag ratio

A good content to construct ratio is between 6 % and 40 % of the content in modern web pages.

A very low ratio or a very height ratio with a small total byte size indicates a bad coding style. The more content the better possibility for a higher ranking within search engines.

Rule: Avoid Adobe® Flash® usage

Try to avoid Adobe® Flash® elements on the page.

There are several issues with Adobe® Flash®: It is not supported on the most mobile devices, have a bad SEO impact and have big performance issues on Apple® computers (Adobe® Flash® crashs very often).

Rule: Avoid bad navigation structures

A good navigation structur is an essential part of a good ranking in search engines. A bad navigation structure also indicates a minor knowledge of modern web technologies.

void usage of onclick event handler on non navigation related tags

Avoid usage of event handlers directly written in HTML tags. In modern web development, event handlers will be assigned dynamicly with javascript into the DOM (Document Object Model). In HTML written event handlers indicate an older development style and are bad for SEO in comination with uri manipulating functions such as window.location.href.

Avoid usage of location.href javascript statements within event handlers

Avoid usage of location.href javascript statements within event handlers directly written in HTML tags. The usage indicates an older development style and a position in search engine result pages.

Avoid usage of navigation table constructs

Avoid usage of navigation table constructs because they have a bad impact on SEO and they shows a minor knowledge of modern web technologies.

Tables based navigations are obsolete with introduction of CSS and the widly support in browsers since the year 2001.

Der Good Website Inspector wurde von Hubert Burda Media entwickelt.
Autor: Stefan Seifarth, Media Innovation Lab GmbH, Hubert Burda Media, Impressum & Datenschutz