網(wǎng)頁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/

　　使用的工具和開發(fā)包：

　　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.

　　上面的內容也是我看來的。

　　根據(jù)搜索引擎的分析html代碼的原理

　　1.網(wǎng)站的正文部分一般是在比較深的嵌套中；

　　2.網(wǎng)站的正文部分的html標簽比較隨機無規(guī)律；

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

　　轉化成我們實際SEO的操作就是網(wǎng)頁結構代碼方面的優(yōu)化：

　　1.正文部分的嵌套雖然最好淺一些，但是相對于整個網(wǎng)頁來說，應該是最深的；

　　2.正文部分的盡可能的使用更多的標記來讓搜索引擎快速確認（這邊和用戶體驗有關，排版良好的頁面，也易于閱讀，同時肯定包含大量的排版符號）；

　　3.把噪音去放進一個子樹中，也有助于搜索引擎判斷，消噪只要消除某1~2個子樹就能確認

　　使用本工具的意義：對于不太懂代碼的朋友和代碼比較復雜的網(wǎng)站，用這個工具可以快速明了的分析你網(wǎng)站的代碼是否結構清晰。抓住上面3點原理，來優(yōu)化自己的網(wǎng)頁代碼。

服務器租用/服務器托管中國五強！虛擬主機域名注冊頂級提供商！15年品質保障！--億恩科技[ENKJ.COM]