網(wǎng)頁(yè)HTML結(jié)構(gòu)樹(shù)生成器介紹

　　www.aharef.info/static/htmlgraph/

　　藍(lán)：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上還可以找到更多的結(jié)構(gòu)圖輸出截圖：

　　flickr.com/photos/tags/websitesasgraphs/

　　使用的工具和開(kāi)發(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.

　　上面的內(nèi)容也是我看來(lái)的。

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

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

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

　　3.除了正文部分，其他部分的內(nèi)容越少越好；

　　轉(zhuǎn)化成我們實(shí)際SEO的操作就是網(wǎng)頁(yè)結(jié)構(gòu)代碼方面的優(yōu)化：

　　1.正文部分的嵌套雖然最好淺一些，但是相對(duì)于整個(gè)網(wǎng)頁(yè)來(lái)說(shuō)，應(yīng)該是最深的；

　　2.正文部分的盡可能的使用更多的標(biāo)記來(lái)讓搜索引擎快速確認(rèn)（這邊和用戶體驗(yàn)有關(guān)，排版良好的頁(yè)面，也易于閱讀，同時(shí)肯定包含大量的排版符號(hào)）；

　　3.把噪音去放進(jìn)一個(gè)子樹(shù)中，也有助于搜索引擎判斷，消噪只要消除某1~2個(gè)子樹(shù)就能確認(rèn)

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

服務(wù)器租用/服務(wù)器托管中國(guó)五強(qiáng)！虛擬主機(jī)域名注冊(cè)頂級(jí)提供商！15年品質(zhì)保障！--億恩科技[ENKJ.COM]