网站地图放到网页底部的好处和实例

所属分类: 网页制作 / 应用技巧 阅读数: 1992
收藏 0 赞 0 分享

在过去,几乎每个网站都有一个网站地图页列出它们所有的网页。网站地图页的作用是帮助访问者和搜索引擎蜘蛛去找到网站上的信息。现在,许多现代的网站已经去掉了网站地图,替代它们的是在网站页脚区域放置网站地图。脚本之家将列举20个网站(从大公司到小作品集网站), 看看它们是怎样灵活的组织它们的页脚的,以提高网站的有用性。

在页脚放置网站地图的好处

1,吸引用户点击和访问者逗留。

正如你所知,在线读者不会阅读页面上的任何内容,他们滚动和扫视。页脚是他们离开之前最后看的地方。在页脚放置一个网站地图或许能 吸引读者的注意,增加网页的点击数和阅读.

2.确保你的用户没有错过什么

有时你的访问者可能太懒不去点击进入网站地图页的链接而错过了一些东西,在页脚有一个网站地图可以确保你的访问者是知道了每一页。

3.使用你的页脚,以促进相关链接。

你并不一定要真正列出每一件事情在你的页脚。你可以把它作为一个替代位置来使用,以促进相关重要页面的阅读。

4.节省阅读者的时间

在页脚有一个网站地图可以允许用户快速的从一个页面跳转到另外一个页面。

5.你节省访问者的点击

在页脚放置一个网站地图,而不是放置一个单独页面里,你节省了用户的点击。

6.增强布局设计

不知道把什么放入页脚?网站地图可以用来填充,这样可以使你的网站看起来更大一些。

Digg

Digg通过只放置类别内容来保持好和清理的头部。头部的重点是用户,而页脚是着眼于公司。

Mozilla - Firefox

多谢网站地图,只需一眼,我就知道网站上有什么内容。

Apple

如果你有一个巨大的网站(在内容) ,把充分的Sitemap页脚可能是精神错乱?您可以了解从聪明Apple.com ,分裂的Sitemap到部分。例如,去苹果节中,您将只能看到苹果的Sitemap 。

GoodBarry

虽然GoodBarry的页脚网站地图没有列出他网站上所有的内容,但是它列出了重要部分的内容。

White House

在最近改版后的白宫网站上,通过下拉菜单和页脚的网站地图来浏览网站变得更加容易。

Miro

Miro网站通“Looking for something?”文字栏来分开页脚网站地图

Six Apart

你也可以象Six Apart 一样利用网站地图来连接你的网络站点。在页脚,博客部分,有一些链接到姐妹站点的链接:Typepad,Movable,and Vox.

Clearspring

在clearspring网站,它将它的服务分成两部分:Launchpad and WidgetMedia.

SqareSpace

SquareSpace的网站地图告诉你哪些网页已经访问过的。请注意访问的网页有一个微小的检测标记,而不是经常用的三角图标

SugarSync

SugarSync的页脚只列出了网站的主要等级,而单独的网站地图列出了所有页。



FreeAgent Central

FreeAgent Central的页脚有一个网站地图,同时有一个链接到单独网站地图的链接。

FiveRuns

FiveRuns创意性的组织了他们的网站地图,通过列举他们主要的产品。

Red Nose Day

我特别喜欢Red Nose Day的页脚,因为它使它的网站特别突出。

Tigers

在页脚有太多的空白,用网站地图填充它。制作一个网站地图,你不需要太多的网页(Tiggers是一个例子)

Get Satisfaction

Get Satisfaction通过在页脚放置网站地图节省了他们网站头部的空间.

Flashloaded

Flashloaded销售flash组件,从而他们的网站页脚只列出产品。

Jamie Oliver

Jamie Oliver的网站在页脚也只提供了一个简单的网站地图,同时有一个链接指向单独的网站地图页面。

Redbrick Health

好且干净的5列网站地图

FortySeven Media

我已经展示了许多大公司的网站,你有小公司的网站吗?FortySeven Media作为你制作作品集站点的一个好例子。他们用页脚来展示在他们的博客和作品集里的作品。

Jason Santa Maria

这个也是我最喜欢的,它不仅优雅,而且以一种漂亮的方式展示博客上的活动,来吸引读者。

设计网页页脚网站地图的技巧:

1.分类:用分类来组织你的链接;

2.使用标题:对每一个分类使用标题;

3.保持一致:链接应当保持一致有序;

更多精彩内容其他人还在看

出色的美工/网页设计人员需要掌握的7项技能

在互联网这行也有几年经验了,作为程序开发,经常和前端开发打交道,从和他们合作的过程中,我对美工或者网页设计有些认识,如何成为一个出色的,出类拔萃的前端开发,我觉得应该要做到下面7点
收藏 0 赞 0 分享

网页设计师需要的知识体系有哪些

设计师需要哪些体系呢
收藏 0 赞 0 分享

从四个方面谈谈Web标准的价值所在 附思维导图

清清楚楚的明白Web标准的价值!Web标准的价值相信没人会不知道,不理睬。可是具体能做什么,能不能很好的作为一个规范或者指标去诊断网站存在的问题,能不能列出一张清单,清清楚楚地看到它的价值呢
收藏 0 赞 0 分享

为什么要少用Iframe的几个原因分析

iframes 提供了一个简单的方式把一个网站的内容嵌入到另一个网站中。但我们需要慎重的使用iframe。iframe的创建比其它包括scripts和css的 DOM 元素的创建慢了 1-2 个数量级
收藏 0 赞 0 分享

百度网盟环境下的广告投放技巧(图文教程)

百度的广告投放是有技巧的.我们来谈一下吧
收藏 0 赞 0 分享

10件优秀Web开发者提升开发能力必知的事

开发工作不仅仅只是写代码,这句话来自3EV网站的Dan Frost,他在一篇文章中阐述了开发过程中应该注意的一些事项
收藏 0 赞 0 分享

不是中国才有的特色:文化差异下的网页开发

这是一篇老外写的博客,详述了他眼中因文化差异导致的网页开发问题。“特色”并不是只有中国才有,或许作为中国的设计师,也需要考虑到印尼特色、新加坡特色……
收藏 0 赞 0 分享

负距离(换位思考)-相互影响的迭代过程

产品经理把握功能 功能-指事物或方法所发挥的有利作用 .比如实用性,操作性
收藏 0 赞 0 分享

谈谈设计中的用户体验背后的8个用户本能

用户体验背后有哪些用户本能呢
收藏 0 赞 0 分享

交互设计中关于是选择分页还是加载的问题讲解

一篇文章是分页还是全捕出来是一个问题
收藏 0 赞 0 分享
查看更多