田锋林《SEO进化虾教程》之导航条设计
如果按照前面的标准命名格式,本节名称应该叫“《SEO进化虾教程》第四章:适合SEO的网站设计(五) ”,但是后来又发现这样的命名太过于单调,也不利于SEO,所以这节起改名,坚持阅读本教程的同学注意别走神,这是紧接着“第四章:适合SEO的网站设计(四) ”写的。
导航条从产品设计角度上来说,我们可以将常见的导航结构分为:目录式导航,下拉式导航,Tab式导航。
目录式导航也比较常见,大多门户站点都采用这种导航方式,网易,新浪等。小点的如“Dede的默认模板的导航,常见的Cms导航”。属于最传统的导航结构,简单直观,如果有多级目录,需要分步点击,层层深入。
下拉式导航,多见于小型企业站点,如服务或者产品栏目,多用下拉菜单显示。一般用Select实现,也有一些用层来实现。优点就是再多的二级类别或者产品都可以一一列出来,过多的也可以用“更多”代替。
Tab式导航,是当前比较流行的一种导航结构,表现形式较为灵活,如Chinaz的导航结构,Amazon 的动态 Tab 式导航。
导航的构成元素,我们粗略的可以分为:文本,图片,Flash,热区。
对于SEO来说,搜索引擎最友好的是文本类导航,方便抓取。不过在做项目的过程我们会遇到格式各样的导航构成,图片、flash类的导航,传统的做法就是加上Alt属性,Title标签等来增加文本,不过效果往往也不是很明显,其实回头想想,我们设计导航一方面是为了方便用户能精准,快速查找自己想要的信息,另外是方便搜索引擎收录某些类别的信息,所以导航对于搜索引擎的意义在于要有收录。
这样理解以后,我们就有几种方式来解决纯图片导航或flash导航的URL的收录问题了:
1、双导航,这个不常见,不过如果页面高度较大的时候比较适合,顶部保留原始的图片或者Flash导航,底部再加一行如“快速通道”,“快速导航”,甚至友情链接中文本加上导航的关键字及其对应的URL也是可以的。
2、网站地图中做好导航的层次,如果你怕图片或者Flash导航尤其是多级目录的情况下,很可能二级或三级目录无从抓取,就可以在网站地图(html)中好好下一下功夫了,最后将网站地图挂在首页某个位置,也是可以有效解决导航URL的收录。
3、外部链接,在别的网站上给导航的URL挂个链接,常见的做法就是自己的博客首页某个位置来一串链接。PR稿中带几个链接,一般都能很好解决收录。
热区,所谓的热区是在图片圈出的某个区域,然后带上链接,具体的表现形式是“<map><AREA href="URL" coords=208,313,246,343></map>”,不过从目前情况来看某些搜索引擎是不抓取AREA标记中的URL的,只抓取<a>标记中的URL,所以根据情况选用即可。