网页HTML结构树生成器介绍

　　www.aharef.info/static/htmlgraph/

　　蓝：for links (the A tag)

　　红：for tables (TABLE, TR and TD tags)

　　绿：for the DIV tag

　　紫：for images (the IMG tag)

　　黄：for forms (FORM, INPUT, TEXTAREA, SELECT and OPTION tags)

　　橙：for linebreaks and blockquotes (BR, P, and BLOCKQUOTE tags)

　　黑：the HTML tag, the root node

　　灰：all other tags

　　从flickr上还可以找到更多的结构图输出截图：

　　flickr.com/photos/tags/websitesasgraphs/

　　使用的工具和开发包：

　　www.processing.org/

　　Processing is an open source programming language and environment for people who want to program images, animation, and sound. It is used by students, artists, designers, architects, researchers, and hobbyists for learning, prototyping, and production.

　　www.cs.princeton.edu/~traer/physics/

　　a particle system physics engine for processing.

　　htmlparser.sourceforge.net/

　　a super-fast real-time parser for real-world HTML.

　　上面的内容也是我看来的。

　　根据搜索引擎的分析html代码的原理

　　1.网站的正文部分一般是在比较深的嵌套中；

　　2.网站的正文部分的html标签比较随机无规律；

　　3.除了正文部分，其他部分的内容越少越好；

　　转化成我们实际SEO的操作就是网页结构代码方面的优化：

　　1.正文部分的嵌套虽然最好浅一些，但是相对于整个网页来说，应该是最深的；

　　2.正文部分的尽可能的使用更多的标记来让搜索引擎快速确认（这边和用户体验有关，排版良好的页面，也易于阅读，同时肯定包含大量的排版符号）；

　　3.把噪音去放进一个子树中，也有助于搜索引擎判断，消噪只要消除某1~2个子树就能确认

　　使用本工具的意义：对于不太懂代码的朋友和代码比较复杂的网站，用这个工具可以快速明了的分析你网站的代码是否结构清晰。抓住上面3点原理，来优化自己的网页代码。

服务器租用/服务器托管中国五强！虚拟主机域名注册顶级提供商！15年品质保障！--亿恩科技[ENKJ.COM]