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

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

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

更受欢迎 更具创造性的深底色网页设计实例

最新的调查表示,47%的受访者首选浅底色的设计, 主要原因是基于可读性。大多数人不喜欢阅读深色背景上的亮色文字,那样眼睛容易疲劳从而导致不适的阅读体验。
收藏 0 赞 0 分享

有创意的关于我们网页页面设计

本文收集了一些“关于我们”网页页面,60个漂亮的有效果的对用户非常友好的关于我们页面的设计实例。希望你能从中获得设计灵感。
收藏 0 赞 0 分享

整洁漂亮的网页设计的4项原则

我最喜欢的设计书籍之一就是《Robin Williams Design Workshop》.它深入实际的设计理论,并且包含许多极棒的设计实例。其中一个值得关注的地方就是4项主要的设计原则,它们已经在设计中为我所用。这4项原则就是:反差, 重复, 排列, 和分类。
收藏 0 赞 0 分享

设计参考 WordPress建站成功案例

最近国外有个牛人收集了 16 个专门收集 wordpress 精彩建站案例的网站,对于每一个 wordpress 迷来说,这都是一份大礼。
收藏 0 赞 0 分享

新闻风格网站设计实例25个

杂志和新闻风格设计越来越流行了。像Wordpress之类的内容管理系统对此类网站有比较多的模板选择,可以让普通的站长或博主轻松实现一个很像新闻网站的网站。在本文中,我们将推荐25个可以为你提供灵感的杂志风格网站设计。
收藏 0 赞 0 分享

网页文字设计应该像聪明女孩穿衣服

  这世上“没有丑女人,只有懒女人”这是女人美丽圣经里的最精彩的一句话了,一个女人只要舍得花时间琢磨怎么保养,怎么打扮,总能够找到方法展现自己美丽的一面的。界面设计何尝不是如此?那就让我们来看看聪明女人的穿衣之道里有没有什么做设计可以借鉴的地方
收藏 0 赞 0 分享

怎样设计网页?怎样制作网页?

  在网页设计的认识上,许多人似乎仍停留在网页制作的高度上。认为只要用好了网页制作软件,就能搞好网页设计了。   其实网页设计是一个感性思考与理性分析相结合的复杂的过程,它的方向取决于设计的任务,它的实现依赖于网页的制作。正所谓“功夫在诗外”
收藏 0 赞 0 分享

网页可读性提高的几个方法

1. 使用对比色 (Use contrasting colours). 这里说的对比是文字的颜色和背景色的对比。这样用户可以比较容易的看清文字,减少阅读疲劳。有视力障碍的人可能看不清楚低对比度的文字。可以去Vischeck这个网站可以看看你的网站在色弱(或色盲)用户眼中的样子。
收藏 0 赞 0 分享

网页设计心得:页面布局的简单规则

·重复:在整个站点中重复实现某些页面设计风格。   重复的成分可能是某种字体、标题logo、导航菜单、页面的空白边设置、贯穿页面的特定厚度的线条等。   颜色作为重复成分也很有用:为所有标题设置某种颜色,或者在标题背后使用精细的背景。 &middo
收藏 0 赞 0 分享

网页设计人员应该注意的43个Web设计错误

这是一篇关于网站易用性的文章,作者以亲身体会讲述了43条网站设计中常犯的错误,而无疑这些错误会大大影响网站的可用性。如今网站易用性已成为一种趋势,但纵观国内的各大网站,似乎易用性并未成为设计者们广泛理解的概念, 因此希望这篇文章对大家能有作用。 1. 用户必须
收藏 0 赞 0 分享
查看更多