先列个大纲：
架构：前台架构采用DIV+CSS进行页面布局，后台ASP脚本语言(虽然有很多人说很古老了，但是确实很容易上手的语言)。
域名: 可能想到标准学校，W3已经家喻户晓了吧，后面还加一个SCHOOL学校。从整体看很符合全站性质。
首页：标题-“w3chool 在线教程” 、 描述-“全球最大的中文 Web 技术教程。”，有加版权以及和作者用处不大，为什么这么说请看什么是网站元标签，下面合肥SEO专为这次分析抓图、并标记数字，以图文并茂进行分析! 上首页图
一、头部BANNER信息
简略代码：< h1>< a href=”/index.html” title=”w3school 在线教程”>w3school 在线教程< /a>< /h1> ， 这里使用图片隐藏方法使用权重大标签H1，标签权重顺序是怎么样的?请看SEO中HTML标签的权重比例进行补习下。
二、导航菜单
和头部BANNER一样，从HTML代码里看没有一点瑕疵!赞
三、左部菜单
这里就布置了全站大量的长尾词的主词， 结构关键词配置相当合理，符合F型。如有不明白可看：关键词布置与标签权重。
四、全站主题内容区域，中心思想
简略代码：
< div id=”w3″>
< h2>领先的 Web 技术教程 – 全部免费< /h2>
< p>在w3school，你可以找到你所需要的所有的网站建设教程。< /p> < p>
。
不难看出域名和DIV中的ID有相关，这也是这位设计师有意之所做!我们看到了权重标签H2，与头部H1形成梯子型。
五、学习区域
这里说明下，四和五无论是CODE、结构、域名和主题真是承上启下啊!CODE真是很漂亮~(真是细心啊)，
简略代码：
< div class=”idea”>
< img src=”/i/site_photoref.jpg” alt=”完整的网站技术参考手册”/>
< h3>完整的网站技术参考手册< /h3>
< p>我们的参考手册涵盖了网站技术的方方面面。< /p>
其中包括W3C的标准技术：HTML、XHTML、CSS、XML 。以及其他的技术，诸如JavaScript、PHP、ASP、SQL等等。
< /div>。
使用了H3标签、这里图片优化很到位，加alt属性并在图片周围加入相关词。在赞! ，下面的是新手区域和网站新闻、术语表。
六、搜索学习资料-文档手册-案例-在线测试-验证(想的太周到了)
无论从一个开发者或者用户者角度这里真是值得我们学习!搜索意味着什么?不懂、不会、不清楚、略知一二?想想全站的中心思想我们该为搜索者提供什么呢?权威的手册、经典的案例、并通过这些信息进行在线测试，最后在得已验证!这块区域真是值得大家回味的地方!!
简略代码：搜索使用了一个隐藏值
< input type=”hidden” name=”sitesearch” value=”www.w3school.com.cn” /> 。在看看下面的
< h2>参考手册
< li>< a href=”/tags/index.asp” title=”HTML 4.01/XHTML 1.0 参考手册”>HTML 4.01< /a>。
使用H2，使用TITLE加强对标题描述。
小结：到此首页分析完毕，合肥SEO完全可以感觉到作者无论SEO功力以及开发功力都很一流!真正做到了用户体验，值得我们大家学习，这分析的才是开始，内部结构会更完美!下面我们开始分析栏目、子页。
栏目与最终页面大纲：
在之前我们分析完了首页，接下来开始分析它的频道和子页。一起看分析的实例图：
一、域名结构
采用关键字进行分层，提升页面权重!如果不清楚的朋友请查看，提高权重之-SEO 网站结构。
二、左部导航区域
列出所有SQL教程、包括语法、函数，这些词都是用户所关心的!并各大搜索引擎中排名都很高。
简略代码：
< h2>SQL 基础< /h2>
< li> < a href=”/sql/sql_orderby.asp” title=”SQL ORDER BY 语句”>SQL Order By< /a>
< li>< a href=”/sql/sql_insert.asp” title=”SQL INSERT INTO 语句”>SQL insert< /li>
< li>< a href=”/sql/sql_update.asp” title=”SQL UPDATE 语句”>SQL update
< li>< a href=”/sql/sql_delete.asp” title=”SQL DELETE 语句”>SQL delete< /a>< /li>
我们可以看到和首页一样使用H2标签，但重点在域名链接上，看看它的学习内容。如：Sql update ，title属性为Sql update 语句，链接为/sql/sql_update.asp 。一条链接的密度是很高的!而且这些长尾词也是最容易被检索的。 “_”下划线代表什么?相当于空格，如何写好请看 网页title优化!我们来看看这个词在百度和谷歌的排行情况：
谷歌的sql update 长尾词排名：
在看看百度指数
我们可以看到这个长尾词每天百度的搜索量260左右，基本上W3SCHOOL很多词都在百度首页、搜索量也很大。是不是很羡慕啊!不多说了大家用大脑去想想吧!
三、学习内容区域
频道栏目简述，并操作傻瓜化引领你一步一步去学习SQL，对新手来说是不是一个学习计划呢?用户体验做的很好，站在用户的角度去考虑问题。“SQL 教程”使用H1标签。
四、测试区域
“SQL 测验”使用< h2>标签。合理分配权重标签。
五、搜索区域
这里与四区域相同。
最终页面的分析
最终页面和上面优化差不多，这里只列出不同之处，看图：
1、我们先看看网站标题为：SQL UPDATE 语句 ， 栏目又出现一次SQL UPDATE 语句 ， “红色巨型”又加重一次权重使用H1标签。相当于我们的文章标题。
2、Update 语句,充分利用分词。这里使用H2标签加强对页面权重的提高。
3、语句使用H3标签，从1-3 真是很完美!下面就大同小异了。
不足之处
上面都是去分析站，在这里合肥SEO也来说说关于网站的不足之处。2个方面：优化、功能。
优化：其实分析这个网站个人认为已经无懈可击了，可能每个人对SEO的理解不同。说2点不足之处
1、从HTML代码来看很漂亮，一目了然!要想做到这一点还真不是一天两天能做到的事情。但是个人认为代码中有太多字节被浪费，分析网站时候合肥SEO看到很多无用的空格和回车。
2、JS代码尽量使用JS进行加载，可以通过网站减肥方法去操作，我想蜘蛛更希望最快最早的发现有用的信息。
功能：网站流程“学习资料-文档手册-案例-在线测试-验证”这一些列的功能从大的布局来说很完美，但是细节还是有些欠缺，例如在测试环节，如果可以参考些问答系统之类的方式和考试方式、记录每个学员的学习情况那就更完美了。网站太缺乏互动了!当然我绝对相信网站设计者在做站之前一定是考虑过的。
总结：分析这个站说实话是很值得的，从中能想到很多!有很多可以值得我们去反思、有很多东西值得我们去参考!把一个小站做成大站很不容易!在此向W3SCHOOL设计师致敬。
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
