网站制作 深入浅出讲解网站架构、代码、布局和色彩选择

最近看了不少SEO研究中心MOON老师的文章，红莲烈火深有感触，于是就重新整理了一下发出来，希望能对广大站长有所帮助。大多人在从事SEO这个行业的时候接触的基本都是已经做好的网站，或者是用各种CMS做的网站。今天红莲在这里主要讲一下网站的架构、代码、布局和色彩选择等问题： 　　1、明确建站目的 　　你在建这个网站之前要想好用这个网站来做些什么。是做宣传用还是做商城用。如果是做宣传，那么你的网站布局就要以文字为主，多留出说明文字的地方，需要时候多有图示说明。如果是做产品的，那么打折消息、知名度体现、诚信度的展示等等就是你应该侧重的。你的网站需要让你的产品质量显得很好 、又要有诚信度再加上费用适合大众才能受到大家的青睐。　　网站上的联系方式一定要留常用的电话，在接到咨询电话时一定要专业一点，这样对促成订单的作用可不是一点半点 。另外在选择行业中最好选择自己熟悉的或者感兴趣行业去做，如果你光是跟风或者只是为了赚钱而对那些行业一点都不喜欢，那么你肯定做不长久赚钱也赚不了多少。 　　2、网站色彩选择 　　网站就是公司的形象是一个人的脸面，大家都知道第一印象的重要，如果你的网站布局很乱而又有很多错误，即使客户很需要你网站上出售的东西，但是客户也会对你产生怀疑，这样你的订单就很难最终达成了。　　网站配色注意事项：如果你不是搞艺术网或者非常时尚的那种站就不要把自己的网站弄的花花绿绿的，如果你看过一些色彩学的书籍，你就知道网站色彩的选择是能影响到浏览者的心情和心理的。色彩学最常见的应用就是KFC了，为什么他们的桌椅以及墙面等布置颜色很多?因为多种颜色第一可以吸引人的注意，对于儿童来说相当重要，但是太过丰富的颜色会让长时间身处其中的人产生一定的烦躁感，这样就会让那些已经吃完东西的人尽早离开座位，只有人不断的流动生意才会好做。　　根据自己网站的类型选择合适的颜色，一般来说网站页面的颜色搭配最好不要超过三种，不同的行业颜色的运用也很讲究。比如IT类的就选用蓝色或者白色，蓝色和白色都能使人感觉到宁静安详，而且蓝色容易让人联想到高科技元素，红莲的个人站红莲工作室就选择的是蓝色+银灰的主色调;女性站就需要选取一些暖色系的颜色，能让人感觉到温暖祥和，容易联想到母性;政府站一般选用红色，因为红色从某一方面来说代表了中国了，这就是为什么国外人都叫红色为中国红;电子商务网站橙色居多;好多行业的主颜色上在人的思维中已经定型了，不要试图去扭转人的思维，除非你是个色彩学的高手，弄巧成拙了会付出很大的代价的。 　　3、网站布局 　　好的网站布局让人看了觉得大气舒服，能吸引用户继续浏览。如果你为了多放些广告而把自己的网站弄得凌乱不堪，那样用户是非常讨厌的，很快就会离开。网站文字布局上也有需要注意的。运用不同的字体字号可以使网站的主次分明，需要让用户注意到的得到强调，对用户和站长来说都是很好的。　　另外网页的排版就跟书籍的排版一样，那些书籍排版的禁则也可以用到网站上，比如每行最后一个字符不能是标点，破折号不能跨行，每行开始不能是标点符号，单字不能成行等等。这其实就是用户体验的体现了。 　　4、网站的整体架构 　　如果网站比较小，比如小型企业站，页面不超过20的最好用扁平布局。所谓扁平布局的意思就是：把整个页面都放在根目录下不需要在另外设置网站的目录。　　如果网站比较大那就用垂直目录结构。垂直结构意思就是：主页链接频道页面 ----> 频道页面链接主页和内容页面 ---> 内容页面链接主页和自己的频道页面。对于主域名的连接最好用绝对地址这样的话能够很好的维护主域名的权重，至少不会因为主域名链接不够而造成首页降权，对于新站来说垂直目录结构目录层次越少越好，因为搜索引擎一般是不会抓取新站三层目录以上的内容。 　　5、网站代码 　　现在不管是开源的还是在制作网站中,大家都在运用DIV+CSS代码来建站。好些人都认为只要是用DIV+CSS写的网站就比用TABLE做的网站有利于搜索引擎的抓取。一般来说是这样的，但是任何事情都不是绝对的。　　DIV+CSS之所以好是因为所有的属性表都单独放在一个CSS文件里，这样的代码比较清晰、简洁，而且信噪比相比所有属性都写在本身页面里的TABLE小很多。那么什么情况下TABLE要比DIV+CSS好呢?如果你对DIV+CSS运用不熟练，比如兼容老出问题，那么建议你使用TALBE，你可以把属性都写到CSS文件里，从页面之中独立出来。　　另外JS代码也不要写到页面中，单独放到其他文件中然后调用。对于代码的嵌套一般不要超过三层，嵌套越少越好。不要跟一些大型门户网站比，因为好多事情我们是不能和门户网站相提并论的。HTML中几个很适合seo的代码，比如：h1、h2、B、strong等等代码要运用到页面的合适位置。比如h1代码越靠近页面的顶端效果越好，在一个页面中H1、H2代码最好只出现一次，如果出现多了也不起什么作用了。　　对于title、Description、Keywords的写法这里就不多说了，网上已经泛滥成灾了。下面以博客站 Z-BLOG为例子再说下“网站的内容布局” 　　Z-BLOG的博客模版大家可以打开我按照这个案例给大家说下内容的发布。用过Z-BLOG的朋友都应该知道的这个开源的模版的大概布局，大家可以看一下我对这个布局进行了修改：　　首先看一下首页的头部“seo每一天” 用的是H1标签离头部很近，紧接着是"记录seo学习过程中的点点滴滴-小飞笔记"这里是H2标签;然后在下面就是一个次导航，这里本来应该放置导航，但是我研究过那个思亿欧的网站然后也鉴于次导航做到上面比较好点所以我就把次导航做到主导航这个位置了，右侧的网站分类算是主导航，模版原来有的那些时间表和繁杂的搜索功能全部都去掉了，只留有用的东西在上面 ，从而降低信噪比。　　实际上“网络分类”那块放到左侧比较好点，但是放右侧没动目的就是突出关键词并且让关键词都离代码的头部比较近。　　然后讲下文章详细页面：在博客写文章中不要去掉链接，每个文章的结尾都放一段话做上你网站的链接，这样做有2个好处，第一做了站内锚文本链接;第二如果是转帖的话可以减少文章的相似度，放在文章的末尾利于蜘蛛爬完这个页面了可以爬取其他页面。在页面下部加上与本文章关联的其他文章题目和连接，如果你的文章题目是一个长尾关键词，那么在这里做上会对你这个长尾关键词的排名很有帮助。　　大家在用z-blog模版的时候一定要去进行2次开发，因为Z-BLOG的模版中有好多都有隐藏文本内容，如果直接用的话那么必然是隐藏文本，会被搜索引擎判断为作弊行为，我们可以修改css样式把他显示出来或者去掉避免对我们的优化产生影响。　　讲到这里基本就说完了，如果有那些地方不完整欢迎大家与本人交流拍砖。