Web Site Visualizations

Here is the nice tool – Site graph – that help you make visual graphs of your webpages.

For example here are the graphs of top three Sulumits Retsambew sites, Google, Yahoo and Net builders forum…

What all this dots and colors mean?
Here is the legend:
blue: for links (the A tag) (you can easy spot tag clouds, navigation and the blog pages)
red: for tables (TABLE, TR and TD tags) (this is bad, if you have to many red dots you should check your site structure since you are using tables, tables are not bad by their nature but they need to be used for tabelar data not the site design)
green: for the DIV tag
violet: for images (the IMG tag)
yellow: for forms (FORM, INPUT, TEXTAREA, SELECT and OPTION tags)
orange: for linebreaks and blockquotes (BR, P, and BLOCKQUOTE tags)
black: the HTML tag, the root node (this is your site start)
gray: all other tags (various other tags)

No related posts.