做为seo的人事都知道,一个良好的网站设计不管对于seo还是用户体验也好,都是必要的。那么我就简单阐述下什么样的设计符合seo又符合用户体验呢?
1、 网站结构:
清晰的网站结构不仅有利于搜索引擎的抓取,也给浏览者带来很多的方便。大多数从事SEO工作的人认为好的网站结构应该成树形结构(图1),这样的网站结构不容易让搜索引擎的蜘蛛在你的网站里面迷路,以至于抓取不完全,遗漏网站的内容。另一方面,在对网站页面设计时要保持页面结构的统一,突然的一个页面改变会打乱访客的思维,阻碍浏览者对网站内容的吸收。同时还会增加搜索引擎优化的工作量,也影响对优化结果的评估。
2、 网站目录:
网站的目录越多,搜索引擎搜索的也就越全面。如果有太多的页面,就需要把它们组织起来,以方便蜘蛛的爬行。这里所说的目录越多越好并不是随便建立一些无所谓的垃圾目录。随着网站的不断壮大,站点的内容也会越来越丰富,这样一来就需要把目录划分的细致一点。目录的层次最好不要超过4层,层次太深的话,搜索引擎在进行抓取的时候很容易遗漏一些页面。
3、 导航设计:
网站导航主要功能在于可以引导用户方便地访问网站内容。同时对搜索引擎也产生诸多提示作用。好的网站导航要做到便于用户的理解和使用,让用户对网站形成正确的空间感和方向感,不管来到网站的哪一页,都很清楚自己所在的位置,都能找到自己想要的东西。概括的说,要制作一个好的网站导航需要注意一下几点:
a、 主导航醒目清晰:主导航一般多采用一级目录,通过它们用户和蜘蛛都可以层层深入访问到网站所有重要内容。因此主栏目必须放在网站首页第一屏的醒目位置。
b、 辅助导航:辅助导航又被称作面包屑路径或层级菜单,体现为内页的“当前位置”提示(例如“当前位置 > 首页 > 护肤> 美白>正文”例如:http://www.baiduc.net这个站就做的不错)。辅助导航的作用是无论用户身处站内何处,均不会迷路,尤其当网站的栏目层次较多的时候,正确的辅助导航的设置尤为重要。它从另一个层面反映了网站的结构层次,是对全局导航的有效补充。辅助导航出现的位置应在全局导航之下、正文内容之上的过渡空间,层级关系体现正确,用户通过当前页面可以依次返回上一页、直至首页,不出现缺链、错链的情况。
c、 网站所有导航均都要采用纯文本链接,不要用图片、Flash或是JAVA代码。
4、 页面布局:
网站的界面布局与网站内容架构息息相关。网站界面布局应遵循用户浏览习惯和网站的信息规划,将内容合理有序的呈现在用户面前,使重要信息置于页面重要板块得以重点体现。根据SEO专业人士的研究人们大多不由自主地以“F”字母形状的模式来阅读网页。所以在对网页设计时也要遵循大写字母“F”的形状来实施。同时网站界面设计还应考虑浏览器兼容性,即要适合大多数用户的浏览环境,使他们都能正常的浏览。
a、 首页设计:目前,国内品牌企业的首页设计过于重视“形象展示”而忽略“信息传递”职能,导致大量企业网站首页一律是全屏 flash(例如:http://www.baiduc.net),对用户快速获取信息造成阻碍。因此,网站的首页设计要在传递品牌形象的同时,让首次访问的用户在第一时间明白网站的内容、服务和功能,同时,通过首页,能够快速直达所要找寻的目标页面,因此首页设计需要具备一些基础元素:企业logo、信息搜索框、全局导航条、产品分类目录、动态新闻、推荐信息、网站地图等基本要素。
b、 列表页设计:常见的列表页面包括新闻等文字链接类型的列表和产品页面等图文混排型的列表。站内搜索结果页面也属于列表页面的一种。列表页面的特点是:用户在列表页面的浏览目的已经相当明确,集中于某一主题下的可选信息丰富,是通向内容页面的最后一道桥梁;用户在此页扫描式浏览,希望尽快找到链接目标进入内容页面。因此列表页面应尽量减少干扰信息,突出内容的链接标题。
c、 详细内容页设计:详细内容页面应属于网站最深层次的页面,如单条新闻的详细内容或是单个产品的详细内容。一般都有较多的文字。形式上主要分为文字排版和图文混排。在详细内容页面上,用户获取信息的目的已经相当明确,此时不宜在页面左边或正前方视线最集中的地方出现干扰性内容,而应将干扰性内容置右侧或页面底部位置。同时,详细内容页面由于是网站的终极页面,大量用户在这里关闭窗口退出网站,因此有必要根据本页内容主题提供与本文相关的其他内容链接,如“相关文章”,“热点文章”,“本站推荐”等等,尽量挽留用户。
5、 网站地图:
网站地图(SiteMap)的作用是将网站内深层次的链接关系以一个扁平的页面呈现出来,让用户对网站的内容与结构全局快速了解。就如大卖场指示图一样让我们对各个卖场的区域划分具体位置有个初步的了解。结构合理的网站地图,不但能让浏览者对整个网站的结构内容有个初步印象,同时也是对搜索引擎友好的表现。良好的网站地图设计常常以网站拓扑结构来体现复杂的目录关系,具有动态、直观、扁平、简单的特点。多采用文本链接,不用或少用图片,以加快页面加载速度。网站地图也要突出重点,尽量给出主干性内容及链接。一页内不宜放太多链接,最多链接数不要超过100个。
此文是本人原创首发地址A5。欢迎大家转载。另外本人新做的小站欢迎大家拍砖http://www.baiduc.net