网站搜索、索引和网站地图

网站搜索

一个好的网站搜索可以让一个人绕过无关的网站的结构和内容,直接到所需的内容The site search feature itself should be easy to find and simple to operate可以提供高级或复杂的搜索表单作为额外功能,但它不应该是默认选项搜索表单应该在页面上易于区分,并通过具有清楚标记的搜索文本框和/或按钮与其他表单区分开。

如果站点搜索功能出现在每个页面上,则它通常最有用,但并不要求它这样做至少它应该出现在主页,不迫使用户点击一个链接到一个搜索页面搜索功能的字符宽度应为25到35个字符,这样用户可以轻松地键入和编辑查询。

网站搜索可以使用“搜索”ARIA标志性角色进行标记(例如,<form role =“search”>)使屏幕阅读器和键盘用户更容易访问它此角色将搜索表单与页面上的所有其他表单区分开来。

网站地图或索引

站点地图或索引有三种主要类型:

  1. 字母顺序排列
  2. 结构
  3. 图形

按字母顺序排列的网站

字母站点索引列表的所有重要领域内容网站上按字母顺序排列,就像索引的一本书这对于非常小的站点可能是不必要的,并且对于非常大的站点可能是不实际的,因为这些列表可能变得太长而不能有效地使用,但它也是用户在站点上查找信息的最有用的方式之一。

字母索引的屏幕截图,顶部的字母链接到相应的字母部分,其中包含以这些字母开头的链接列表

精心设计的字母网站索引包括用户可能想要搜索的单词和概念的同义词For example, in a site about classical composers, alphabetical site indexes should account for the fact that users may try to find out information about the composer Claude Debussy by looking under the first name, last name, or even terms such as "French composers," "impressionistic music," or even the names of his compositions such as克莱尔·德·弓形要么梦想下面的例子关于web技术交叉引用术语。

字母索引的屏幕截图,显示许多交叉引用的链接,表示“看到”或“另见”

更全面的字母的指数,更有用的是,只要它不会变得笨拙开发人员可能需要为长索引创建多个页面,可能每个字母的字母都有一个页面。

结构(局部)站点索引

结构站点地图是指按主题或类别组织的网站内容链接列表。

amazon.com的站点地图,显示主要内容区域与子类别的链接。

通常,结构站点地图会反映站点的组织例如,如果一个站点在每个页面的顶部有3个主“标签”或类别链接,则这3个类别可以作为组织结构站点地图内容的方法。通常,站点地图组织应反映站点本身的某些导航或结构组织。

Google.com的站点地图

图形化的站点地图

虽然少普遍了,并且类型可能有用的图形网站地图是一种替代更常见的文本版本这些图形通常看起来类似于企业经常用来描绘主管与他们监督的人之间的等级关系的组织结构图。下面是截图图形结构站点地图的一个虚构的公司:

screenshot of strucural map - the top level is home, with 3 levels beneath it (products, 万博体育苹果, and about us) - products has two sublevels (Super Mouse Trap and Bat Trap Pro) - 万博体育苹果 has two levels beneath it (Guano removal and Taxidermy).

上面的例子可能过于简单,但对于更复杂的站点,这个想法是相同的然而,复杂站点的图形站点地图的一个问题是它们需要大型结构图 - 可能比可以容易理解的更大。

有许多方式以图形方式表示网站的组织可以在标题中使用照片或图形来分组和说明概念可以围绕相关页面绘制圆圈或框家具店可以使用房屋的平面图来组织不同类型家具的名称或照片厨房用品的所有链接都可以放在图表的厨房中,依此类推当仔细使用和测试可用性时,这种类型的概念可能非常强大想到这样的想法所涉及的创造力可能很容易适得其反,造成混乱的混乱要有创意,但测试解决方案,以确保他们的工作。

如果站点导航的可视化设计提供了关于整个站点结构的明显视觉提示,则可能不需要图形站点地图另一个主要问题是屏幕阅读器可访问性对于这样的图形站点地图图像,给予充分描述性的替代文本是不可行和不可用的如果使用,其他机制提供访问站点结构可能是必要的。