标题:(SEO工具)网页HTML结构树生成器 出处:北京SEO_北京SEO培训 - 【元创SEO】 时间:Fri, 22 Apr 2011 16:03:35 +0000 作者:元创 地址:http://www.yuan-chuang.cc/read.php/792.htm 内容: (SEO工具)网页HTML结构树生成器 从pronet看到了这个工具: 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. 上面的内容也是我看来的。(国平论坛)。 点击在新窗口中浏览此图片 http://www.yuan-chuang.cc/attachment.php?fid=118 根据搜索引擎的分析html代码的原理 1.网站的正文部分一般是在比较深的嵌套中; 2.网站的正文部分的html标签比较随机无规律; 3.除了正文部分,其他部分的内容越少越好; 转化成我们实际SEO的操作就是网页结构代码方面的优化: 1.正文部分的嵌套虽然最好浅一些,但是相对于整个网页来说,应该是最深的; 2.正文部分的尽可能的使用更多的标记来让搜索引擎快速确认(这边和用户体验有关,排版良好的页面,也易于阅读,同时肯定包含大量的排版符号); 3.把噪音去放进一个子树中,也有助于搜索引擎判断,消噪只要消除某1~2个子树就能确认 使用本工具的意义:对于不太懂代码的朋友和代码比较复杂的网站,用这个工具可以快速明了的分析你网站的代码是否结构清晰。抓住上面3点原理,来优化自己的网页代码。 Generated by Bo-blog 2.1.1 Release