网站建设中如何设计页面导航作者:协策网络-客服部 标签:咖啡网站设计 日期:2013年07月24日 类别:网站建设 |
||||
作为网站设计中一个比较重要的部门导航,从字面的意思也可以理解什么是页面的导航,但是仔细的分析下来里面的学问就不少了,今天小编在整理这篇文章的时候还真是学到了不少的东西,也希望能够和大家分享一下,共同进步嘛! 在协策网络网站建设历年的案例中,我们会研究很多的导航栏的设计,为了设计一款独特的导航到页面中会让设计师们拼劲很多的脑力,不过我们一直也以自己所设计出来的样品感到很有成就感。所以在协策网络工作的人都是凭实力说话的,一分耕耘一分收获。
为了说下面的导航我们先来认识几个简单的专业名词,主导航、面包屑导航。
主导航就是在航行的过程中指引或导向的,主导航在网站中是最为项目的导航,何其并列的还有:左导航、右导航、辅导航、底部导航。
导航是每个页面栏目的切换,每个页面也都有导航的存在,所以在页面中导航是不可缺少的部分,但是主导航对于内容比较多的网站来说却办不到一件事,那就是不知道该文章是在哪个拓扑结构图下面的(即不知道该页面站在网站的什么地方),面包屑导航的意义在于明确告知用户目前处于网站的何种位置,方面用户通过该导航快速达到上级页面,这种导航的设计是应该在当前窗口打开的。
面包屑导航应该列出用户所处页面的所有上级网页(逻辑结构)的名称及链接,注意:这里是文字链接,如果你的频道名称、分类名称、子分类名称设计的足够好的话,你会发现内页是通过以关键词为锚文本的链接指向上级页面,再假如有成千上万个内容页的话,是不是会有成千上万个页面以关键词为锚文本指向分类页或频道页呢! 内容页中的面包屑导航是否应该列出文章标题?是否应该给文章标题加当页的URL链接?最好不要加URL,但上级页的URL是必须加的。今天就先说这些面包屑导航,等有时间会具体和大家说一下面包屑导航的运用。
1.文字导航
尽量使用最普通的HTML文字导航,不要使用图片作为导航链接,更不要使用javascript生成导航系统,也不要用flash做导航。css也可以设计出很好的视觉效果,如文字颜色变化和下拉菜单等。
最普通的文字链接对搜索引擎来说是阻力最小的爬行抓取通道。导航系统连接是整个网站收录最重要的内部链接,千万不要是导航上给搜索引擎设置任何障碍。
2.点击距离和扁平化
优秀导航的目标之一是使所有页面与首页点击距离越紧越好。权重普通的网站,内页距离首页不要超过四五次点击。要做到这一点,通常应该在链接结构上使网站尽量扁平化。
网站导航系统的安排对减少链接层次至关重要。主导航中出现的页面将处于仅低于首页的层次,所以主导航中页面越多,网站越扁平。但用户体验和页面链接总数都不允许主导航中有太多链接。在网站建设中要做好平衡。
3.锚文字包含关键词
导航系统中的链接通常是分类页面获得内部链接的最主要来源,数量巨大,其锚文字对目标页面先关性有相当大的影响,因此分类名称应尽量使用目标关键词。</p>
4.面包屑导航
面包屑导航对用户和搜索引擎来说是判断页面在网站整个结构中的位置的最好方法,正确使用面包屑导航的网站通常都是架构比较清晰的网站,强烈建议使用,尤其是大中型网站。
5.避免页脚堆积
随着SEO被更多站长认识,近几年有一种在页脚堆积富含关键词的分类页面链接的倾向,两三年前这种做法还有不错的效果,但是近来搜索引擎比较反感这种做法,常常造成某种形式的惩罚。 您可能感兴趣的文章推荐 |
||||
|