新闻资讯
新闻资讯
建站常见的10多种错误设计
阅读:872更新时间:2011-05-26
1、糟糕的站内搜索(Bad Search)
尽管 Joomla! 自带了搜索组件和搜索模块,但是默认的搜索范围只是自带的那些组件,如文章系统(单元、类别、文章)、Weblinks、联系人及 Newsfeeds,并不包括论坛、下载栏目、网上商店、图库、产品展示等。试想一下,你记得曾经在 Joomla! 中文论坛 上见过某个帖子讨论 RocketTheme 的 MediaMogul 模板安装方法,一段时间后想通过网站首页的搜索框找出这个帖子,却发现搜不出来 —— 因为站长放置的系统搜索框不能搜索论坛内容,你岂不是很恼火?!不过,本站长没有犯这个错误,因此你可以在本站任何一个页面的顶部搜索框里面输入 MediaMogul 这个词找到那个帖子。
尽管某些第三方组件可能自带了搜索框,例如下载栏目的 Remository 自带“搜索下载文件库”,SMF 论坛也自带了搜索功能,但是分散在站内各处的这些搜索框肯定不是访客所喜欢的。因此,你必须确保你的“搜索”输入框能够搜出站内任何一个角落的内容。用 Joomla! 建站时实现这一点很容易:你只需安装针对其它组件的 searchbot 即可。这些 searchbot 的功能就是将该组件的内容纳入 Joomla! 的全站搜索范围。
对于内容较多的网站,很多访客没有耐心自己去寻找某个特定内容,因此你必须提供方便的、全面的站内搜索。上一步已经实现了“全面”,要做到“方便”,就要将搜索框放置在每一个页面上。最常见的方式是:将搜索框放在每一个页面的左上角或者右上角。也就是说,你必须在模板的这个位置给搜索模块留下发布位置,同时在后台“模块管理”中,要将 search 这个模块发布到“所有页面”。
Joomla! 1.0.x 平台的搜索模块有一个缺陷,如果输入多个关键词,则默认按照“搜索任意关键词”来处理,这样就妨碍了访客通过站内搜索得到准确结果。本站已经解决了这个问题。有兴趣的用户请参看:《如何使 Joomla! 1.0.x 搜索模块默认使用“所有关键词”模式》。
2、嵌入到文章页面的 PDF 文档(PDF Files for Online Reading)
前些天还有人在论坛询问 如何在 Joomla! 文章内容中直接展示 PDF 文档,而实际上这种做法很不好。据说当页面中嵌入展示 PDF 文件时,浏览器对该页的打印或保存命令就无法正常工作。而且,大多数情况下这些嵌入的 PDF 文件都是在页面中开一个小“窗口”(wrapper)来展示,访客不得不拖动滚动条才能阅读 —— 你喜欢吗?
因此,强烈建议将 PDF 文件作为文章的附件让访客下载(用 Attachments 组件很容易做到)。如果你想展示其中内容,那么不要偷懒,请将 PDF 文档的内容复制出来,做成标准的 HTML 网页给读者,同时也提供一份 PDF 格式下载。
3、访问过的链接颜色没有改变(Not Changing the Color of Visited Links)
如果访客能方便地知道自己已经浏览过哪些链接,就有助于访客作出决定下一步点击哪个链接。在明确了“哪些路已经走过”之后,就不会走冤枉路。当然,如果访客突然想再次阅读某个已经看过的内容,也有助于他迅速找到那个链接。
因此,用不同的颜色标记出已经点击过的链接是很重要的。
很多模板设计者忽略了这一点,他们过分关注色彩的协调而忘记了这一点。例如本站所用的 JA Mercury 模板,其默认设计就是点击过的链接仍然跟没有点击过的链接是同一个颜色和样式。当我了解到这一条信息之后,我就立即通过修改 CSS 文件中的 a:visited 条目改变了这个设计。
4、没有层次的文字堆砌(Non-Scannable Text)
很多人写文章几乎没有段落,洋洋数万言一笔写就。乍一看就是满屏文字(Text Wall),密密麻麻,让人喘不过气来。这样的版面不仅给人一种心理压力,而且在阅读时很容易“盯不住”,往往在换行时就看错行了。谁还乐意继续看下去?
为了吸引读者并给他们提供最愉快的阅读体验,就必须使用以下技巧:
页面外观要“耐看”,不要花花绿绿刺激眼球
不同的超级链接不要靠得太近,某些访客使用触摸板而不是鼠标,这种情况下就很难准确点击到想要的那个链接
用词恰当而简单,不要像90后的脑残人士连写120个汉字也没有标点符号而且句子里面充满了各种火星文字和无人知晓的历史典故例如将马勒戈壁这种脏话说成是爱好和平的息站之举
在中文版式中还有一种习惯就是每个段落开头“滴两个字”,英文排版也是在段首留出 1cm 空白,这种阅读习惯最好在 web 页面上也体现出来。有人使用空格,有人使用无色透明图像来占位,有人用HTML 的 Pre 元素来实现,这些方法都不可取。其实完全可以通过修改 CSS 来实现段首空两个字。
5、 固定文字大小(Fixed Font Size)
通过 CSS 可以很方便地定义全站的文字大小,但是有些人错误地使用了“固定尺寸”而不是“相对尺寸”,造成页面上的文字大小是固定的。大多数情况下,是固定在了一个比较小的字号上,这就使得很多视力不太好的访客很难阅读,或者在某些分辨率较高的显示器上(例如 1600*1280 的高分屏)看起来很小。访客不得不通过浏览器菜单来手动调整字体大小,这就给他们增加了麻烦。
因此,请在 CSS 中尽量使用相对值来定义文字大小。例如 em、ex(x-height)、px、% 这些就是相对单位,而 pt(point)、pc(=12px)、in、cm、mm 这些就是绝对单位。详细介绍请参看有关 CSS 教程。
6、没有意义的页面标题(Page Titles With Low Search Engine Visibility)
页面标题(Page Title)是指显示在浏览器标题栏(Titlebar,窗口标题)上的文字,它与文章标题(Content Title)的定义是不同的。由于搜索引擎搜索结果页面(SERP)上展示的链接就是 PageTitle,因此如果页面标题不能表达出吸引人的内容,就会被搜索者忽略。
另外,当访客将某个页面添加到浏览器的收藏夹时,PageTitle 也被用来作为收藏夹中的标题。如果这个标题含糊不清,将来访客查看收藏夹时就根本不知道该页面是关于什么的。
在过去,很多人用 FrontPage2000 或者 DreamWeaver 来做网页时,经常出现网页的 PageTitle 是“Untitled”,如果用的是中文版软件,就是“无标题”。这样的 PageTitle 简直糟糕透了。
在 Joomla! 中,一般都会自动提取文章标题作为页面标题。所以这种错误少多了。但是,有些人在 Joomla! 建站时选择了使用“副标题”(Title Alias)作为 PageTitle,却忘记了设置恰当的副标题,也会不利于搜索引擎排名。
Joomla! Team 犯的另一个错误是,所有用 Joomla! 建设的网站首页默认 PageTitle 都是“Welcome to frontpage”,这有什么意义?因此,你在安装完 Joomla! 之后,第一件事情就是修改 Welcome to frontpage 为你网站的名称或公司名称。对于二级页面,最好是这样的格式:
文章标题 - 几个关键词 - 网站名称
Joomla! 自身没有灵活的 PageTitle 设置机制,你可以借助一些插件,如 Title Manager 页面标题插件 或者 Website Name 页面标题插件 来获得更有意义的页面标题。
7、内容外观像广告(Anything That Looks Like an Advertisement)
经常上网的人已经养成一种习惯:看到广告就会跳过去。如果你的页面上某些内容外观很像广告,例如:
- 480*60 尺寸的条幅图片 如果你要插图,就做得像插图一样,而不要像旗帜广告(banners)
- 闪动的彩色文字和动画 频繁跳跃、滚动、闪烁的文字或动画非常令人讨厌,大多数访客都选择视而不见。
- 弹出小窗口 很多人根本不看弹出小窗口的内容,甚至在它的内容没有完全载入之前就关闭了。
这些样式给人的第一印象就是“可恶的广告”。就像一个良家妇女,穿得花枝招展,涂得五颜六色,露得若隐若现,没人当她是孔雀,别人不用看第二眼就认定是只鸡,而且是山寨版的。
8、违反设计常规(Violating Design Conventions)
“一致性”是非常重要的易用性原则。当某些事物经常用同一种行为来表达相同的意思,那么别人就不用猜测下一步发生什么,而是能够根据规律预测到将要发生什么。就好像看到乌云就知道快下雨一样。
如果用户的这种预测能够得到证实,他们就感觉到自己融入了这个系统,并且会喜欢上它。如果用户的预测总是错误,他们就会受到打击,最后讨厌这种设计。
例如,大家对文件下载的预测是看到一个“下载”或者“Download”链接/按钮,而有些人偏偏要写成“Get it here”;大家都知道蓝色带下划线的文字肯定是可点击的链接,而有些人偏偏将链接做成其它颜色且没有下划线;大家预测软件作者会将语言文件与安装包都发布到“下载栏目”,而有些人偏偏只在下载页面上发布软件程序,而将语言文件的下载链接放到 FAQ 页面上;大家都已习惯英文数字式的验证码方式,而有些人偏偏搞一些阿猫阿狗来让你辨认哪知猫嘴巴是闭着的;……
用户的这些习惯是从大量的网络体验中得到的,也就是说,这是一种“常规”,如果你非要做另类,只会伤害访客的感情。
如果你的网站内容庞大,你就必须力争全站保持某些统一的“常规”来方便访客迅速适应你的网站,这样他们就会更加喜欢这个网站:例如用红色字体显示“警告信息”,用绿色按钮提醒“下载文件”,用黄色感叹号图标表示“注意事项”,文章的附件都放在文章末尾;“联系我们”页面上有全面的地址、电话、email 等资料;等等。
顺便提一下,你可以借助 XTypo Plugin 预设 CSS 样式插件 来使网站看起来更专业。
9、不能提供用户所需信息(Not Answering Users' Questions)
别人访问你的网站都是有目的的,是为了寻找某种“信息”,而不是闲转。他可能想了解你们的产品,或者想知道你们的联系方式,或者想咨询某个专业问题,总之,他带着“我应该能在这个网站上找到答案”的这种期望来访问你的网站,假如你没有提供这种信息,或者提供的信息不够充足,访客自然会失望。或者你的产品介绍隐藏太深,无法从首页轻松点击链接而访问到,那么访客就误以为你没有这种信息。假如这时你的竞争对手没有犯这个错误,你就更惨了。
对于网站首页的设计,更要注意:一定要在首页上显眼位置用一句话(Tagline)概括你的公司/网站/团队的主要特色或者产品或者服务或者宗旨或者使命。这样让访客很快有了一个轮廓上的认识。如果你觉得一句话还说不清楚,完全可以在首页开辟某个区域,用一段话来介绍。这在 Joomla! 建站时很容易做到—— 新建一个自定义模块即可。
一个不可忽视的现实是,大多数访客期望通过点击“About Us”(关于我们)这个菜单来了解你的网站/公司。因此,如果你觉得上面的两种方式还不能够完整描述,就要创建专门的页面来详细介绍,并创建这样一个菜单项目 —— 最好不要更改“About Us”这个说法,因为我们习惯了。
很多公司网站在介绍产品信息时,对“价格”一项却讳莫如深。然而很多访客很想知道“到底卖多少钱”。于是很多公司就再设置一个“询价”页面,或者写上“欢迎来电询价”,这会让关心这个产品的买家转身离去,到生产同类产品的其它网站寻找价格。
另外必须考虑的一种情况是:客户可能需要其它的替代选项,即“你们提供了这个,而我想要那个,行不行?”。例如,国外很多网站在支付方式上要求提供信用卡信息,但是却忽略了客户可能没有信用卡,而是想要通过 Paypal 来付款;国内的网上商店可能提供了“支付宝”接口,但是有些买家希望通过邮局汇款。在这些情况下,最好在网站上醒目标出“我们是否接受 Paypal 付款”及“本站接受邮局汇款,汇款地址如下”这样的信息。否则,客户为了这一点疑问好要发邮件、打电话,将大大削弱客户对网站的满意度,从而影响到客户对公司形象的看法。
如果你是一个 IT 公司,那么请说清楚你们的技术优势,软件特色,甚至与同类软件或竞争对手的比较;如果你是一个服务网站,请说清楚服务范围、服务时间、特殊要求等等;…… 总之,一定要提供访客想知道的内容。
10、水平滚动页面(Horizontal Scrolling)
有些人在设计 Joomla! 模板时固定了页面宽度,导致在某些分辨率较低的屏幕上出现水平滚动条。大多数访客对于这种需要水平滚动才能阅读的超宽页面非常讨厌。但是大家对于长度超过一屏而需要向下拖动垂直滚动条早已习惯。
因此,请在选择 Joomla! 模板时放弃固定宽度的,除非该宽度小于绝大多数屏幕宽度;最好是模板自带宽度自适应或手动调整功能。
还有些页面因为插入了太大的图片而撑破页面,从而出现水平滚动条。这种情况下就要 使用自动生成缩略图的插件来处理文章中的大图。顺便说一下:使用 Multithumb 这样的插件不仅避免了页面被撑破,而且产生了较小的缩略图,有助于快速打开页面。
11、超长的网址(URL > 75 Characters)
如果页面网址太长,大多数人记不住。如果 URL 长度超过了浏览器地址栏的容量,很多人就不知道怎样选择并复制这个 URL。
因此,如果你希望你的访客记住某些 URL,或者希望他们能够不费劲地将你的网址准确推荐给他们的朋友,就保持你的网页 URL 容易理解且简短。实施 SEF 是一个不错的主意。
虽然 Joomla! 1.5 已经改进了自带的 SEF 功能,但生成的网址仍然不够友好。我推荐使用 sh404SEF 友好网址管理组件。
12、出乎意料的 E-mail 链接(Mailto Links in Unexpected Locations)
要避免的错误是:不要将人名作为 email 链接。在网民的常识中,“用户名”或“姓名”都是指向“个人资料”的,而不是点击之后弹出 Outlook Express 的窗口来让你撰写邮件。建议直接使用 E-mail 地址作为链接,或者你可以将“点击此处发送邮件”这样的提示消息做成 email 链接。
Joomla! 已经内置了 Email Cloaking 插件来加密页面中的 email 地址以防止机器人偷盗。你也可以通过安装 josBWrewi 插件将文字式的 email 地址变成图片式,或者用 Mailhide reCAPTCHA for Joomla 1.5 插件 来增强 email 保护功能,这样就更安全了。
13、大量的 Flash 或图片替代文字内容
曾经有人在论坛提问:Flash 会不会影响搜索引擎的收录。这是毫无疑问的:搜索引擎从一开始就是为了搜索“文本内容”而诞生。尽管有人指出 Google 可以索引一些 Flash,但是那需要在设计 Flash 时借助一些特殊技术。我相信不管到任何时候,即使将来搜索引擎拥有了强大的 OCR 能力,甚至视频识别能力,也没有识别、索引文字信息更方便。
并不是说 Flash 一无是处,你只能用 Flash 来添加一些点缀,绝不能用 Flash 来传递重要内容。
图片也是如此,不管是静态图片还是 GIF 动画,都只能作为一种点缀、补充,不可以用来替代文字信息。
用 Flash 或图片做导航菜单更是大错特错,这样的菜单无法被搜索引擎正确索引,从而影响了 Joomla SEO 的效果。
因此,在使用 Joomla! 建站时,要抛弃这种“超酷全 Flash 网站”的幼稚想法,时刻牢记网站的头等责任是“提供信息”,即俗称“内容为王”。