Categories


Tags


导航栏所需要的五大元素

看看现在的互联网,不管是商业网站还是个人网站,也不管是网站的风格是简洁还是繁复,是卡通还是实,不管这些网站是什么样子,它们都有导航栏。

为什么每个网站都有导航栏?

这就好比我们逛商场找不到电梯和洗手间的标志,高速公路上看不到出口和加油站的预告牌。我们会感到不方便,无法定位。卢松松在逛独立博客时,经常能遇到没有导航栏的网站。

导航栏一般包括五个元素

导航栏所需要的五大元素 网站设计 建站教程 第1张

(卢松松就以“中国博客联盟”和“万戈”的博客为例)

1:网站的logo标识

我们凭借网站的LOGO标识来识别目前所在的是哪个网站。它就好像是商标,有其独特的识别性和显著性。我们应该一眼就能分辨出一个logo标识和其他 logo标识的区别。由于网站的特殊性,网站logo不应该过于复杂或者花哨。一般很难看清网站的不算一个好标识。

一般来说,网站logo都在页面的左上角。这是因为这个标识团或者文字就代表着整个网站。

2:网站的栏目

顾名思义,栏目就是旺仔结构化后的各个子版块,不同的版块决定了彼此不同的种类的内容,对于那些交大的网站来说,我们还需要对栏目进行二次分类。也就是常说的“二级导航”。

3:回到首页

这是导航栏中非常重要的一个元素,也许你不知道该怎样去网站的其他地方,这时候点击“回到首页”就能够回到最开始的地方。不管你是否迷路,你都能随时从新开始。

4:附加功能

这里可以说是一个使用工具栏,它同样指向一些重要的页面,但这些页面并不属于网站的主要内容。他们一般是针对网站本身所需要的功能,例如帮助、网站地图、联系我们等等。

此外,由于导航栏那里的空间有限,如果放太多附加功能可能会有点喧宾夺主,更多的网站会选择把这些附加功能放在页面最底端。

5:搜索工具

很多人喜欢搜索工具。有些人一到某个网站就开始寻找搜索框,就好像他们一到商场就找服务员一样(这类大多是男性)。对于那些大型网站尤其如此,用户没有很多精力和时间去寻找内容,特别是他们觉得要找的内容比较冷门的时候.

如果你的网站还没有搜索,或者没有搜索功能,推荐使用Google自定义搜索工具。例如我博客使用的就是Google站内搜索。搜索工具要注意的是,清晰的告诉浏览者“搜索工具在这里”。不要使用自以为是的用词,例如“找你所找”、“我帮你查查”之类的词语。

总结:导航栏可以说是一个工具,浏览者使用这个功能就能够非常清晰的掌握网站的大体结构,使用一些必备的工具。这样能非常有效地提升用户的稳定感,也便于他们找到想要找的东西,此文完毕。

来源:卢松松博客


Public @ 2011-08-27 16:11:43

Sitemap协议类型及包含范围

Sitemap协议的类型有三种: 1. XML Sitemap:用于搜索引擎的索引。包含了网站中所有重要的URL地址,可以帮助搜索引擎更好地索引和排名网站。 2. Image Sitemap:用于搜索引擎的索引图片。包含了网站中的图片URL地址和相关信息,可以使搜索引擎更好地索引和展示网站内的图片。 3. Video Sitemap:用于搜索引擎的索引视频。包含了网站中的视频URL地址和相关

Public @ 2023-04-03 02:50:13

Robots文件是否支持中文目录

有同学问百度站长学堂一个关于robots的问题:我们有个站点的目录结构使用的是中文,这样式儿的:www.a.com/冒险岛/123.html,那在制作robots文件和sitemap文件的时候,可以直接使用中文吗?百度能获取到吗?在实际操作中我们发现,sitemap中有文件是可以生效的,但robots封禁貌似没有反应,所以想确认一下:robots文件是否支持中文?工程师解答:Baiduspider

Public @ 2013-01-02 16:08:54

博客网站导航的制作

今天看完一本不错的书《锦绣蓝图:怎样规划令人流连忘返的网站》,此书主要针对的是网站规划,是很值得信息架构师学习的一本书,前端设计和开发人员也值得一读。书中讲了一些原先令很多人忽视的网站设计要素,例如“信息架构”一章,阐述了“标签”(元数据)是组织信息的基础,让我对Tags的作用有了新的认识,而在“导航之道”一章,阐述了一个简单的道理:好的页面导航能让用户找到自己想要的东西。关于导航的设计,让我想到

Public @ 2014-02-19 16:11:43

网站导航如何SEO优化?

网站导航指什么?一般情况下,网站的栏目、文章分类、“您当前位置”等称为网站导航。比如 www.seowhy.com 这个网站的网站导航指:左侧文章分类、顶部功能分类、以及每篇文章的类别说明。网站导航的目的:告诉浏览者网站的主要内容和功能。告诉浏览者他们所在网站的位置。告诉浏览者他们访问过的页面。本站访问过的页面,链接变为紫色。网站导航如何SEO优化?在页脚添加一行关键词,并指向相应的页面。比如本站

Public @ 2011-06-16 16:11:45

更多您感兴趣的搜索

0.525175s