分享好友 资讯文章首页 资讯文章分类 切换频道

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

2023-03-13 16:35IP属地 广东佛山320网络整理
红莲:深入浅出讲解网站架构、代码、布局和色彩选择:

最近看了不少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和网站运营的问题。

举报
收藏 0
打赏 0
评论 0
一个普通打工仔的网站创业奇迹
从钢铁工人到做地区门户网站 小牛坐在电脑桌前,整理完所有的文件和行程安排,双手举过头顶,长长的伸了个懒腰,倍感轻松。他现在是同城商

2023-04-2549

上班族成功创业案例集合
大多数白领并不安于现状,不满足于工资收入,希望通过创业等方式增加收入,实现自己的财富梦想。成功创业,需要点子、需要项目、需要资金、需要

2023-04-2551

五一小长假连休5天!假期首日火车票今日开抢:购票日历收藏好
4月15日消息,再过两周就要迎来“五一”小长假了,根据官方安排,4月29日(星期六)至5月3日(星期三)放假调休,共5天,4月23日(星期日)、5月6日(星期六)上班。假期有计划出行的旅客注意了,今天就可以通过铁路12306网站、铁路12306App购买五一假期首日(4月29日)火车票。根据目前铁路火车票预售期计算,假期最后一日(5月3日)回程

2023-04-1544

你抢到五一的车票了吗?12306冲上微博热搜第一:部分火车票被抢光
4月14日消息,从明天开始,旅客可以通过铁路12306网站、铁路12306 APP购买五一假期首日(4月29日)火车票。为了错峰出行,不少网友选择在今天购买4月28日的火车票,但是部分火车票已经被抢购一空,12306因此冲上了微博热搜榜第一名。12306网站显示,小长假前夕,部分热门方向的火车票已经相当紧俏。以4月28日为例,北京到西安方向的热门车次已经呈现&ldqu

2023-04-1444

五一火车票明日开售:五一假期连休5天
4月14日消息,中国铁路官方微博预告,4月15日,旅客可以通过铁路12306网站、铁路12306 APP购买五一假期首日(4月29日)火车票,5月3日火车票将于4月19日开售。 今年五一假期从4月29日开始,4月29日(星期六)至5月3日(星期三)放假调休,共5天。4月23日 (星期日)、5月6日(星期六)上班。对于即将到来的五一假期,网上提供了“拼假攻略

2023-04-1443

从零开始,6步轻松学习如何建立自己的网站
学会如何建立自己的网站是一项非常有用的技能。无论是为了个人或商业目的,拥有自己的网站可以帮助您在互联网上建立品牌形象,并与更多的人联系。但是,如果您没有任何编程或设计经验,建立一个网站可能会让您感到不知所措。在

2023-04-03272

Html5移动端div固定到底部实现底部导航条的几种方式
Html5移动端div固定到底部实现底部导航条的几种方式:这篇文章主要介绍了Html5移动端div固定到底部实现底部导航条的几种方式,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧需求:需要把导航固定在底部?只能滑动内容,导航菜单固定不动的。效果如下:这篇文章主要讲解三种实现方案,包括:fixed,

2023-03-23253