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

所属分类: 网页制作 / 应用技巧 阅读数: 1959
收藏 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.保持一致:链接应当保持一致有序;

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

CSS中浏览器对尺寸和宽高解释差异的解决方法

不同的浏览器对margin、padding、height、width 等属性的解释有很大的偏差。有时我们发现同样的两列布局,在不同的浏览器中两列长短不一,类似的情况太多了,如此困扰大家的麻烦,如何解决?
收藏 0 赞 0 分享

网页变灰的笔记 细节问题处理

grayscale.js这个文件是用来兼容各个浏览器的,在一般情况下,使用它绝对不会有问题,但是在实际的操作中,还是遇到了一些麻烦。
收藏 0 赞 0 分享

页面中marquee与flash同时存在时的冲突解决方案

冲突的症状主要表现在FLASH按钮一直跳动,不稳定,影响网页美观及正常访问。
收藏 0 赞 0 分享

提高网站访问速度的六种方法

以下6种优化方法都是前端的,前端优化的意义在于减少http请求,减少网站前端程序组成的体积。
收藏 0 赞 0 分享

新鲜出炉的有用图标集25组 国外下载

恰当的图标(ICON)能使网站更具活力 曾几何时,现在的网站图标大同小异,我们的眼睛早已见惯不惊。于是,这里收集了25套专业设计的全新的图标集,希望对你有用!
收藏 0 赞 0 分享

新手建站教程 十天学会做网站

十天学会做网站教程采用最通俗易懂的语言、从最基本的开始,带领大家开始建站。教程由许耀鹏历时半年时间写成。是非常好的新手建站入门教程。
收藏 0 赞 0 分享

新手建站入门教程 建站需要的条件和工具

很多新手在论坛都会说,我从来没做过网站,做网站需要些什么条件啊,会不会很难啊?
收藏 0 赞 0 分享

新手建站入门教程 域名的解析与绑定

昨天我们讲到了建立一个属于自己的网站需要的条件和工具,里面讲到首先需要注册一个属于自己的域名,和需要购买一个虚拟主机。(详情请看:新手建站第一帖:建站需要的条件和工具)
收藏 0 赞 0 分享

新手建站入门教程③ 别名(CNAME)记录和URL转发

在上一帖中为大家介绍了域名的解析和A记录解析的方法,今天我就为大家讲解一下另一种解析方法:别名(CNAME)记录。同时为大家讲解下URL转发的好处和方法。
收藏 0 赞 0 分享

新手建站入门教程④:如何绑定子目录

去买空间的时候,我想很多朋友都已经注意到了,有的空间介绍上会有类似于“支持绑定1个子目录”、“赠送1个子目录”等词。那么这些介绍是什么意思呢?
收藏 0 赞 0 分享
查看更多