分享
 
 
 

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

王朝网站推广·作者佚名  2011-12-05
窄屏简体版  字體: |||超大  

最近看了不少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样式把他显示出来或者去掉避免对我们的优化产生影响。

讲到这里基本就说完了,如果有那些地方不完整欢迎大家与本人交流拍砖。作者简介:红莲烈火,个人网站www.redlotusworks.com,SEO研究中心核心成员,更多的文章内容百度一下红莲工作室,同时欢迎来歪歪6359,红莲很乐意与你探讨SEO和网站运营的问题。

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
2023年上半年GDP全球前十五强
 百态   2023-10-24
美众议院议长启动对拜登的弹劾调查
 百态   2023-09-13
上海、济南、武汉等多地出现不明坠落物
 探索   2023-09-06
印度或要将国名改为“巴拉特”
 百态   2023-09-06
男子为女友送行,买票不登机被捕
 百态   2023-08-20
手机地震预警功能怎么开?
 干货   2023-08-06
女子4年卖2套房花700多万做美容:不但没变美脸,面部还出现变形
 百态   2023-08-04
住户一楼被水淹 还冲来8头猪
 百态   2023-07-31
女子体内爬出大量瓜子状活虫
 百态   2023-07-25
地球连续35年收到神秘规律性信号,网友:不要回答!
 探索   2023-07-21
全球镓价格本周大涨27%
 探索   2023-07-09
钱都流向了那些不缺钱的人,苦都留给了能吃苦的人
 探索   2023-07-02
倩女手游刀客魅者强控制(强混乱强眩晕强睡眠)和对应控制抗性的关系
 百态   2020-08-20
美国5月9日最新疫情:美国确诊人数突破131万
 百态   2020-05-09
荷兰政府宣布将集体辞职
 干货   2020-04-30
倩女幽魂手游师徒任务情义春秋猜成语答案逍遥观:鹏程万里
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案神机营:射石饮羽
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案昆仑山:拔刀相助
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案天工阁:鬼斧神工
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案丝路古道:单枪匹马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:与虎谋皮
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:李代桃僵
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:指鹿为马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:小鸟依人
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:千金买邻
 干货   2019-11-12
 
推荐阅读
 
 
 
>>返回首頁<<
 
靜靜地坐在廢墟上,四周的荒凉一望無際,忽然覺得,淒涼也很美
© 2005- 王朝網路 版權所有