经典网站架构SEO手册Word文档下载推荐.docx
- 文档编号:19535401
- 上传时间:2023-01-07
- 格式:DOCX
- 页数:32
- 大小:1.41MB
经典网站架构SEO手册Word文档下载推荐.docx
《经典网站架构SEO手册Word文档下载推荐.docx》由会员分享,可在线阅读,更多相关《经典网站架构SEO手册Word文档下载推荐.docx(32页珍藏版)》请在冰豆网上搜索。
何谓点击长尾?
13
第二:
何谓内容为王?
第三:
何谓底层页面?
现在我们再来看一下今天的标题:
“点击长尾,内容为王的网站其底层页面的架构”14
经过多三大门户单页对比发现的相同点14
1:
在顶部采用23px高度的单行导航。
15
2:
导航下方的面包屑15
3:
在页面的右上角提供简易搜索框15
4:
左边为正文大标题、正文、相关新闻、评论、打印类的功能按钮。
16
5:
右边为推荐区,包括功能推荐、内容推荐、热门推荐、以及情色八卦。
以上是新闻资讯类门户网站,他们的内容单页对比,这里作个小节:
四、用户个人空间及其管理后台的架构--用户的自留地17
第一:
用户空间前台页面架构的基本元素17
用户个人空间管理后台的架构19
五、网站导航的设计--让用户浏览网站像在逛家乐福19
网站的导航设计20
1、
用户感觉不到网站大小的解决办法20
2、
用户在网站中感觉不到方向怎么办?
21
3、
用户在网站上感觉不到位置的解决办法21
家乐福的导航设计23
在这之前,思域想和大家回顾一下超市中有那些元素被用做导航。
27
六、大型网站从SEO角度考虑的网站架构相关27
第一、建立架构良好的网站地图28
建立网站地图的重要性28
如果创建一个网站地图?
28
创建网站地图要注意什么?
29
第二、根据网站的自身特点来对网站的频道或者页面地址结构进行优化29
网站地址的物理结构29
网站链接的逻辑结构31
第三、积极的更新网站的内容33
一、网站架构之主页设计-用户体验良好的网站其主页需要具备的十二个使命
思域最近在给编辑部培训的时候发现一个问题,就是他们在设计专题或者页面的时候自我意识太强,缺少页面设计的基本思维,想怎么设计就怎么设计,有些只是看到别人的页面是这样,他也就闷头模仿,还给思域传递了一句名言:
“模仿是雷管,创新是炸药”。
话虽如此,可是既然要成为一名专业的编辑或者页面设计师就必须懂得页面设计有哪些准则,如何站在公司的角度考虑公司的利益,如何站在用户的角度给用户良好的体验,如何站在行业的角度延续行业长期培育起来的用户习惯。
下面思域想重点说说,在主页设计的时候我们应该赋予主页的十二个任务:
体现站点的标识和使命
上次看到一组数据,说当今全球网站数量已经上亿了,平均每天看1万个网站,那么一个人要花30年才能看完这些网站,可是30年中又会有无数的网站诞生,也许又要花60年才能再看完,总之这辈子思域是看不完了。
说明网站竞争相当激烈,同一个类型的网站同时有上万家在竞争是不足为奇的,所以在竞争中一个网站的主页就显得格外重要。
主页要不能放过任何一个可能访问或者正在访问甚至访问过的用户,大家都削尖了脑袋想办法如何处理这三个问题。
那么对于任何一个访问你网站的用户你就要了解他第一次打开你网站他关心什么。
经过思域长时间的调查和试验,用户第一次打开一个网站大部分是这四个问题:
A这是什么网站?
B网站上有什么?
C我能在这里做什么?
D为什么我应该选择这里,而不是其他地方?
下面我们以阿里巴巴为例看看他是如何表达这四个问题的。
阿里巴巴在国内是电子商务类网站用户体验公认做得最好的,这个思域不想论证,就看他的网站LOGO,橙色加黑色,网站整体CI就是这个色,标识下方的“全球领先的网上贸易市场”
第一个问题:
阿里巴巴是做什么的?
看完这个LOGO如果您还不知道,那么接着您的视线从LOGO位置水平向右移,看到导航,还不知道是做什么的?
天!
好吧,请托动滚动条,浏览一下网页。
第二个问题:
我能在这里做什么?
从阿里巴巴首页右上角的导航条,很明显的告诉用户,用户在这里可以“采购”和“销售”这是主打服务,其他的看用户的需求。
第三个问题:
网站上有些什么?
如果前两个问题你在阿里巴巴上已经没有疑问了,那么这个问题阿里巴巴已经在主页上很好的回答你了。
第四个问题:
为什么我应该在这里?
“全球领先的网上贸易市场”这句话的效果不要小看哦!
好了,通过阿里巴巴的例子,已经告诉各位看官主页的第一个任务――体现站点的标识和使命。
主页要告诉用户我这是什么网站,我是做什么的,为什么你应该来我的网址。
网站导航和站点层次
网站要给出网站提供的服务的概貌,既要包括内容――“我能在这里找到什么?
”。
也要包括功能――“我能做什么?
还有这些服务是如何组织的。
这项工作通常由持久导航来处理。
其实一个网站的导航是非常重要的,他是网站的通道,通道如何设计才能让用户最方便快捷的到他想去的页面,如何设计才能把网站最好的内容体现在用户面前,导航设计有哪些讲究,避免出现哪些错误,这些问题思域后面的文章都会一一解答。
搜索
对于信息量大的网站搜索是很必要的,否则即使你其他元素处理得再好,用户在你网站上体验的感觉就像波音747的靠背椅全部换成了小板凳!
导读
就像杂志封面一样,主页要用一些“里面有精彩内容”的暗示来吸引我,“内容推荐”部分应该突出最新、最好、最热门等的内容片断,例如头条或者热销和热文等等。
“功能推荐”部分邀请用户去访问网站更多的栏目或者使用一些个性化功能或邮件简报等。
内容更新
如果网站的成功取决于用户是否经常来访,那么主页应该有一些经常更新的内容。
即使是不需要固定访问者的网站也需要有一些活跃的迹象,哪怕只是一个到最新的新闻链接,告诉用户这里并不是一潭死水。
登陆注册
如果网站使用会员制,主页应该为新用户注册和老用户登陆提供链接或者直接登陆框,免得用户四处寻找,至于是提供链接还是直接的登陆框,需要设计师来衡量,是黏性较强还是较弱,是老用户多还是新用户多,页面位置该不该腾出一个地方出来放置登陆框,用户的习惯会是怎样的,关于登陆框的问题,思域以后说。
快捷方式
最常访问的内容片断,如软件升级等,值得在主页上放置链接,免得用户四处寻找。
现在很多网站的快捷方式是网站一厢情愿的,不是用户经常访问哪些内容网站就把这部分内容以快捷方式的形式体现在首页,而是网站方面最近新推出了什么业务,网站有什么新的动向,把这些内容作为快捷方式,思域认为最好是根据网站特点来考虑,看看是为用户多考虑合适还是为自己多考虑合适。
友情链接
需要在主页上预留空间,用来放置广告、交叉推广、合作品牌的友情链接等等,这里思域不多说了,有很多人问思域,一个新的网站如何与别人交换链接?
如何交换到质量较好的链接?
交换链接的质量好坏如何评定?
一篇文章咱说不完。
思域会专门来说这个问题。
让用户看到他正在寻找的东西
主页应该让用户想要的任何东西显而易见,如果这些内容在站内某个角落的话。
当然,不是把网站的所有东西都罗列出来,弄得一个主页十几屏,用脑子嘛!
告诉用户还有他没有寻找到的
主页应该让用户看到一些很精彩的、用户也许会感兴趣的内容,就算用户并没有寻找他们。
告诉用户从哪里开始
用户第一次到一个网站还无从下手,感觉就像和女生睡觉,都把她衣服脱光了,她还呆若木鸡,面无表情。
网站首页应该如何安排才能完成这个任务,其实方法有很多,这里不多说,思域后面会详细的说。
(写道这里思域好像累计了好几篇文章啦,找个时间向各位看官慢慢解答)
建立可信度和信任感
对于一些访问者来说,主页将是你的网站给他们留下好印象的唯一机会。
好了,主页的十二个任务,思域草草的罗列了一下,具体如何运用还需要大家根据自身的特点,站在网站自身的角度,站在用户的角度,站在行业的角度,十二个任务是纵向的,三个角度是横向的,各位看官用心的取舍,细细的考究吧!
下面还是用阿里巴巴的页面作为例子来结束此文!
二、频道首页的架构--把最棒的内容最大面积的呈献给用户
前几期已经讲到了首页内容的展示底层页面的内容展示
今晚我们就讨论一下频道页面如何展示内容
就围绕三个问题来说
第一是内容的展示,不是功能、渠道、互动的展示也不是关系的展示
第二如何把精彩的内容展示在用户面前
第三怎样做才能把内容最大面积的展示在用户面前
很多人问思域:
“为什么在内容的展示上下那么大的功夫,内容似乎不能产生盈利模式。
”这就是症结的所在,大家的观念里面,内容只是让人看的听的,光看看听听而已,怎么可能产生价值呢,不过是内容多、内容好,大家会多看看,而带来网站的流量而增长广告的收益而已。
所以,在光靠广告已经不能带来决定性的投资收益的互联网时代,大家考虑更多的是技术和具体的应用。
但是,技术和应用的成熟,如果上面没有内容,或者不是因为内容而产生,那只是实验室的技术和应用而已,所有的互动模式,也只是在和空气和一个虚幻的ID互动而已。
内容不来吸引眼球,不来区分大家的喜好,不来区分人群,那么我们在互联网上到底在干什么呢?
思域仍然坚持内容非常重要。
内容不仅决定了网站的类型,比如是体育论坛还是技术博客,并且决定了网站的独特性。
独特的内容能让一个网站的价值提高,而抄袭内容会让这一价值下降。
谁会想着买一个Youtube视频下载的代码站点呢?
网上已经有数千个站点提供相同内容了。
那么既然内容如此重要,我们如何把最精彩的内容最大面积的展示在用户面前呢?
有人说显示器就那么大,页面就那么大内容如何最大面积展示?
其实显示器虽然是那么大,但是如果一个网站的逻辑清晰他展示的内容是可以有区别的,不要忘记,数字世界和现实世界无论是空间还是时间上都是有差别的。
大家是不是觉得新浪网站内容很多?
同时也感觉眼花内容根本看不过来?
我们先来看web2.0门户再来看新浪这样的第一代门户
一)、Web2.0门户频道首页架构篇
大家打开六间房这个网站
拿他做例子看一下他的频道页面是如何展示内容的
就类似新浪的新闻频道
所有节目都在这个频道里面
这个频道一打开,看起来内容不多,第一屏才显示10个。
其实不然,这个页面对于视频分享类型的网站处理得还不错,内容展示也很到位
大家看下面这个图
注意他的导航分布
频道导航,横着展示;
有最新发布最常播放等六个频道
分类导航,竖着展示;
16个分类每屏显示20个节目
6*16*20=1920个节目
六间房这个页面其实展示了1920个节目,加上翻页,完全可以显示上万个内容。
那么,用户是不是真的会从这上万个节目里面挑呢?
不是的。
作为第一次来这个网站的用户大多是扫一眼,也许不会点击频道或者分类,可是作为对这个网站稍微熟悉的用户是会对自己想看的内容分类的,这时候网站就要揣摩用户的心理。
而六间房,好就好在,他把主动权交给了用户。
横处显示所有频道,竖的显示所有分类,用户要看什么内容用户自己作主,很明显,两条直角边是垂直的,而且用户在网页上有位置感
图里面的每个灰色的小点就是用户所在的位置用户不容易迷失,而且点与点之间的切换很方便
那么三角形的两条边不变你如何组装让他们的面积最大呢?
上面那个图红色边为A蓝色边为B
他们之间当然是成为直角的时候组成的三角形面积最大了
所以这个垂直看大家如何理解了
大家再来看看
他的形式和六间房类似,左边也有分类,可是点左边的分类大家就会发现不同了。
那么对于哪些网站适合用六间房这种模式呢?
对于分类清晰,内容更新量不是很大,用户以娱乐体验为主的社区类网站比较适合六间房这种方式
而donews采用了这种模式,反而误导了用户
“内容为直角展示模型图”有十五个灰点,要看哪个灰点的内容这个是你的选择
频道页面不是网站首页,他们的任务也不一样
不知道大家是否还记得首页的十二个任务
而频道页面最重要的一个任务就是最大面积的将内容展示在用户面前,而且要展现得合理,不要让用户反感
如果你想看看,一周以来六间房上有哪些热门的节目你会如何操作呢?
六间房安排了
最新节目
|
最常播放
最多评论
最多收藏
最高评分
历史推荐这六个分类,不是瞎弄的,因为行业告诉他用户比较关注这六项
而新浪其实你是不知道他上面哪些会是热门的消息作为新闻站能上首页的也许就是热门关注了也是最新的了
二)、第一代门户频道首页架构篇
有人说六间房和新浪不是一个类型的网站
非常正确
今天要说的就是这两类不同的网站他们内容都展示得很到位那么他们分别都是采用什么展示方式
大家打开新浪的新闻频道
今天我们说频道
首页和底层页面的内容展示前几期说过了
来看一下新浪的这个频道他是如何安排内容的,一样有频道导航和分类导航,顶部那个就是频道导航了
下面小一些的红圈就是分类导航了
排行滚动图片国内国际社会军事宽频法治评论健康环保天气体育娱乐科技财经专题文字版手机版
这是这个频道的分类
大家看看是不是散落在页面上的?
而且散落得有规律,得一直往下拉页面
六间房采用了,不停的点击鼠标的方式,而新浪采用了不停的拉滚动条的方式
六间房采用了内容在一个直角三角形里面展示的方式
新浪呢?
来看一个图
新浪的每个频道是一个面
这个面上有规则的散落着他的分类
而面与面之间用网站导航串起来
三)、Web2.0和第一代频道架构模型优势缺点对比
web1.0门户频道内容展示与web.0网站频道内容展示模型对比
三、网站架构之点击长尾,内容为王的网站其底层页面的架构
在说这个话题之前,思域想先说明三个问题。
点击长尾就是在网站点击量的长尾理论,如上图,通俗的说,就是这个蓝色的尾巴部分当他立起来的时候,其实你会发现,他比红色的还要高,或者说,蓝色尾巴的面积,会比红色部分要大。
一个网站也许只有一个首页,但是却可能有百万的内容单页,而就算首页一天会被1万人访问,平均10个单页才有1一个人访问,那么单页加起来一共有10万人访问。
这就是长尾理论的基本原理:
只要存储和流通的渠道足够大,需求不旺或销量不佳的产品所共同占据的市场份额可以和那些少数热销产品所占据的市场份额相匹敌甚至更大。
即众多小市场汇聚成可与主流大市场相匹敌的市场能量。
所谓内容为王,就是指其成败关键看传播的内容是否能够抓住读者、影响读者。
那么很显然,新浪、网易、人民网等这些以资讯为主的网站就是典型,另外一些所谓的web2.0的网站,个人成为内容发布的中心,比如博客、播客、维客等等,如果没有内容还有什么看头?
除这两类网站以外,还不得不说B2C和下载类网站,例如当当、卓越与天空下载站、华军软件园,产品与软件就是他们的内容。
对于XX、谷歌每个搜索结果显示页就是它的底层页面,这样的页面虽然页面框架类似,但是根据你搜索的关键字不同,也许会出现几亿个这样的页面。
对于新浪这样的资讯门户,它的底层页面除了搜索结果显示页之外更重要的是它的内容单页,因为用户来到新浪是以点击链接看资讯为主,而不是搜索为主,那么新浪建站那么多年,会沉淀多少内容?
也许是千万级的吧?
也许对于底层页面的诠释还有更科学的,不过思域今天这里说的底层页面就是搜索结果展示页和内容单页。
“点击长尾,内容为王的网站其底层页面的架构”
今天我们要说的是新闻资讯类网站的内容单页架构。
下面列举三个大家比较熟悉的资讯门户网站,新浪、网易、搜狐。
思域做为了方便大家对比,做了一张图。
各位看官点击大图应该不难发现,这三个网站内容单页,在去了广告之后其页面结构几乎一摸一样,是互相抄袭还是他们各自经过几年的摸索,都发现了内容单页应该设计成这样才最有利?
这不是巧合,这样的架构一定有它的道理。
根据上图的对比我们看看其中有哪些道理。
经过多三大门户单页对比发现的相同点
在页面顶部采用一行高度大概为23px的导航条。
导航条下方均为"
面包屑"
在页面的右上角提供简易搜索框
页面采用左右比例7:
3
可以说几大门户在内容单页上是花了很多心思,虽然看起来形式简单,可是其中的效果只有他们才真正体会。
根据这5个相同点,思域与各位看官一一分解。
虽然,这个导航看起来不起眼,因为这是内容单页,突出的应该是正文,严格来说,作为门户网站的任何一个页面都不能缺少导航,包括首页、频道首页、栏目首页、更多列表、专题页面、内容单页他们的导航形式又各有不同,内容单页的导航要力求简洁,将网站的主打频道罗列出来,首页是入口,其导航首要意义就是引导用户到达每个频道,让用户找到需要的内容,内容单页面即是入口也是出口,有数据显示,89%的用户是通过搜索引擎进入一个网站的,而绝大部分是通过搜索关键字进入某网站的内容单页,首页是整个网站的大门,出了这个门就离开网站了,所以导航要做得尽量丰富。
而内容单页作为网站的最底层,是一定要留出口的,其顶部的单行导航是出口,面包屑也是出口。
导航下方的面包屑
在童话故事“汉泽尔和格雷特尔”中,当汉泽尔和格雷特尔穿过森林时,他们在沿途走过的地方都撒下了面包屑,让这些面包屑来帮助他们找到回家的路。
虽然这只是一个孩子们的童话故事,但它却蕴涵了多种含义。
实际上,网站设计者亦可从中受到启发:
在结构上纵深的网站应该采用这种“面包屑型”导航结构,以足迹的方式呈现用户走过的路径,或者说以层层渐进方式呈现该网页在整个网站架构中所处的位置,从而为用户提供清晰分明的网站导览。
“面包屑型”架构让用户对他们所访问的此页与彼页在层次结构上的关系一目了然。
这种网站结构的其中一个最明显的特性体现莫过于返回导览功能。
网站导航就是超市里面的指路牌,网站的搜索框就是超时里面的询问处。
你在逛超时的时候是不是希望有疑惑的时候随手就可以抓个询问员过来?
但是对于超时来说安排越多的询问员其成本就越高,可是对于网站来说,只是占用了小指头那么大的地方,不浪费你多少成本,还能使你的用户访问更多你网站的内容,因为在用户的浏览模式中,任何一条新闻都是具有相关性的,他浏览了这个新闻,想了解一下这个新闻的背景就会想到“询问”一下了。
这个是根据用户最佳的浏览模式来设计的,大部分浏览者会把注意力放在页面的左边。
大概是因为我们中国人从小就从左向右看一句话的原因吧。
标题和正文是作为新闻内容单页所不能缺少的,可是“相关新闻”却有很多网站忽略了,作为这三大门户的“相关新闻”基本上是按照内容关键字来做相关的,系统自动生成也不难,但是效果却非常的好。
之所以分众传媒现在那么成功,一个是因为他抓住了广告受众群体在等待中的时间,让大众在等待中欣赏广告,另一个重要的原因就是做到了有的放矢,对不同层次的用户发布不同内容的广告,把广告受众群体与广告内容挂钩,广告深入人心。
形成良好的效果。
通过本文开头部分所说的点击长尾来看,内容当夜的总访问量也许会大大超过首页升值首页与其他页面访问量之和,而如果你的网站之采用一套内容单页模板,也就是说每个单页只有正文和相关新闻的内容不同,其他地方都是相同的。
那么对于新浪网这样一个数以千万计的单页内容,每天数以亿计的浏览量,(当然,也许新浪不止一套单页模板),那么除了正文与相关新闻之外的每个文字每天都会千万次的展示在浏览着面前,所以新浪的内容单页“画中画”广告报价毫不逊色于首页的广告。
那么在如此重要的地方,就把你的精彩内容、主推的服务、最近热门的消息推荐给用户吧,当然,无论如何都缺少不了那些可以立刻抓住人眼球的内容,比如情色与八卦。
第一永远突出主题内容,比如新闻的正文,其他内容不要喧宾夺主
第二简洁大方,尽量不要搞那么多弹出、漂浮、全屏的广告了。
第三要保持内容相关度,尽量做到内容的立体
第四把热门的内容推荐在用户面前
第五通过简单的导航告诉用户,你网站大概是做什么的,还有其他什么内容
四、用户个人空间及其管理后台的架构--用户的自留地
今天这个话题不好说,主要包括两个内容.
第一是用户空间前台页面的架构
第二是用户空间管理后台的架构
而现在用户空间种类很多,比如博客、播可、维客、个人相册、招聘网站的个人简介、征婚交友的个人魅力空间等等,这些都是个人空间,而且每种空间的架构各不相同.
既然如此我们不可能泛泛的把每个都说一遍,也不好逐个细纠.那就从用户的需求出发,也罗列一下个人空间前台页面以及后台管理的一些基本元素吧!
用户空间前台页面架构的基本元素.
要了解一个页面的基本元素,应该角色入手,页面做出来是给人看的、听的、用的.一个用户体验良好的页面,就应该是没有一点多于的内容和功能,就像一个精神抖擞的业务员,身上没有一块烂肉.
对于空间的前台页面有两个基本角色我们需要考虑――浏览者和空间的主人
浏览者有四个动作:
看、听、交流、抓取
空间的主人就两个目的:
展示、交流
那么我作为空间的主人,要展示什么我作主.文字、图片、动画、音频、视频.展示可以看到和听到的,展示主人社会关系,另外也展示主人的个性,”你看,我是世界上独一无二的.”这些也真是浏览者看和听的内容.
关于交流无非就是四种:
留言、评论、发邮件、即时聊天.
对于浏览者的抓取,就是收藏、订阅、转载、引用、下载用户的内容,比如文字、图片、音频、视频.
好了,我们整理一下:
个人空间可展示的内容包括:
文字、图片、动画、音频、视频、个人简介、好友、圈子
个人空间可提供的功能包括:
留言、评论、发邮件、即时聊天、收藏、订阅、转载、引用、下载
以上是个人空间可能展示的全部内容和功能。
并不是所有空间都要具备以上这些内容和功能,思域要说的是根据自己网站和用户群体的不同,有针对性的挑选出一些组装成一个合乎用户需求的空间。
个人只是整个网络的一分子,个人空间就是网络上一个属于自己的地方或者说一亩三分地。
我们用EmreSokullu的这幅图来说明一下个人在网络社会中所扮演的角色。
这幅画所代表的就是个人,大众化网络文化的劳动者,这个巨大的用户创造的社会化网络中的参与者。
加入上图左边那个人的轮廓就是你,下面是对图中的线圈做的描述:
蓝色虚线:
是你每时每刻被他人所看到的外在的那一面。
红色云装物:
是你的思维,想法,记忆和其他你生命
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 经典 网站 架构 SEO 手册