Categories


Tags


导航栏所需要的五大元素

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

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

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

导航栏一般包括五个元素

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

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

1:网站的logo标识

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

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

2:网站的栏目

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

3:回到首页

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

4:附加功能

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

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

5:搜索工具

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

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

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

来源:卢松松博客


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

nofollow标签的作用有重大变化

2019年9月10日,Google宣布将不再将nofollow标签视为“组织不相信或不支持链接的其它公开声明”。 以前,nofollow标签用于指示搜索引擎不要追踪某个链接,并将其对网页排名的权重减少,以防止垃圾信息和不良链接的滥用。然而,这一变化将重新定义nofollow标签的作用。 根据Google的新规定,nofollow标签将被视为“建议搜索引擎不要给链接传输排名信号的提示”。这意味着

Public @ 2023-07-22 08:50:27

Robots META标签的写法

Robots META标签中没有大小写之分,name=”Robots”表示所有的搜索引擎,可以针对某个具体搜索引擎写为name=”BaiduSpider”。 content部分有四个指令选项:index、noindex、follow、nofollow,指令间以“,”分隔。INDEX 指令告诉搜索机器人抓取该页面;FOLLOW 指令表示搜索机器人可以沿着该页面上的链接继续抓取下去;Robots Me

Public @ 2019-08-04 16:09:30

博客网站导航的制作

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

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

网站导航如何SEO优化?

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

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

更多您感兴趣的搜索

0.407926s