Joomla/Joomla!建站常见的个设计错误

来自站长百科
跳转至: 导航、​ 搜索

Joomla | Joomla使用手册

本条目主要介绍Joomla!建站常见的个设计错误,其实以下这些错误不仅仅出现在 Joomla! 建站过程中,几乎所有的网站设计过程都有可能出现。

糟糕的站内搜索[ ]

尽管 Joomla! 自带了搜索组件和搜索模块,但是默认的搜索范围只是自带的那些组件,如文章系统(单元、类别、文章)、Weblinks、联系人及 Newsfeeds,并不包括论坛、下载栏目、网上商店、图库、产品展示等。

尽管某些第三方组件可能自带了搜索框,例如下载栏目的 Remository 自带“搜索下载文件库”,SMF 论坛也自带了搜索功能,但是分散在站内各处的这些搜索框肯定不是访客所喜欢的。因此,你必须确保你的“搜索”输入框能够搜出站内任何一个角落的内容。用 Joomla! 建站时实现这一点很容易:你只需安装针对其它组件的 searchbot 即可。这些 searchbot 的功能就是将该组件的内容纳入 Joomla! 的全站搜索范围。

对于内容较多的网站,很多访客没有耐心自己去寻找某个特定内容,因此你必须提供方便的、全面的站内搜索。要将搜索框放置在每一个页面上。最常见的方式是:将搜索框放在每一个页面的左上角或者右上角。也就是说,你必须在模板的这个位置给搜索模块留下发布位置,同时在后台“模块管理”中,要将 search 这个模块发布到“所有页面”。

嵌入到文章页面的PDF文档[ ]

当页面中嵌入展示 PDF 文件时,浏览器对该页的打印或保存命令就无法正常工作。而且,大多数情况下这些嵌入的 PDF 文件都是在页面中开一个小“窗口”(wrapper)来展示,访客不得不拖动滚动条才能阅读。

因此,强烈建议将 PDF 文件作为文章的附件让访客下载(用 Attachments 组件很容易做到)。如果你想展示其中内容,那么不要偷懒,请将 PDF 文档的内容复制出来,做成标准的 HTML 网页给读者,同时也提供一份 PDF 格式下载。

访问过的链接颜色没有改变[ ]

如果访客能方便地知道自己已经浏览过哪些链接,就有助于访客作出决定下一步点击哪个链接。在明确了“哪些路已经走过”之后,就不会走冤枉路。当然,如果访客突然想再次阅读某个已经看过的内容,也有助于他迅速找到那个链接。

因此,用不同的颜色标记出已经点击过的链接是很重要的。很多模板设计者忽略了这一点,他们过分关注色彩的协调而忘记了这一点。

没有层次的文字堆砌[ ]

很多人写文章几乎没有段落,洋洋数万言一笔写就。乍一看就是满屏文字(Text Wall),密密麻麻,让人喘不过气来。这样的版面不仅给人一种心理压力,而且在阅读时很容易“盯不住”,往往在换行时就看错行了。谁还乐意继续看下去?

为了吸引读者并给他们提供最愉快的阅读体验,就必须使用以下技巧:

  • 页面外观要“耐看”,不要花花绿绿刺激眼球
  • 不同的超级链接不要靠得太近,某些访客使用触摸板而不是鼠标,这种情况下就很难准确点击到想要的那个链接
  • 用词恰当而简单。
  • 在中文版式中还有一种习惯就是每个段落开头“滴两个字”,英文排版也是在段首留出 1cm 空白,这种阅读习惯最好在 web 页面上也体现出来。有人使用空格,有人使用无色透明图像来占位,有人用HTML 的 Pre 元素来实现,这些方法都不可取。其实完全可以通过修改 CSS 来实现段首空两个字。

固定文字大小[ ]

通过 CSS 可以很方便地定义全站的文字大小,但是有些人错误地使用了“固定尺寸”而不是“相对尺寸”,造成页面上的文字大小是固定的。大多数情况下,是固定在了一个比较小的字号上,这就使得很多视力不太好的访客很难阅读,或者在某些分辨率较高的显示器上(例如 1600*1280 的高分屏)看起来很小。访客不得不通过浏览器菜单来手动调整字体大小,这就给他们增加了麻烦。

因此,请在 CSS 中尽量使用相对值来定义文字大小。例如 em、ex(x-height)、px、% 这些就是相对单位,而 pt(point)、pc(=12px)、in、cm、mm 这些就是绝对单位。

没有意义的页面标题[ ]

页面标题(Page Title)是指显示在浏览器标题栏(Titlebar,窗口标题)上的文字,它与文章标题(Content Title)的定义是不同的。由于搜索引擎搜索结果页面(SERP)上展示的链接就是 PageTitle,因此如果页面标题不能表达出吸引人的内容,就会被搜索者忽略。

当访客将某个页面添加到浏览器的收藏夹时,PageTitle也被用来作为收藏夹中的标题。如果这个标题含糊不清,将来访客查看收藏夹时就根本不知道该页面是关于什么的。在Joomla!中,一般都会自动提取文章标题作为页面标题。但是,有些人在 Joomla! 建站时选择了使用“副标题”(Title Alias)作为 PageTitle,却忘记了设置恰当的副标题,也会不利于搜索引擎排名。

内容外观像广告[ ]

经常上网的人已经养成一种习惯:看到广告就会跳过去。如果你的页面上某些内容外观很像广告,例如:

  • 480*60 尺寸的条幅图片 如果你要插图,就做得像插图一样,而不要像旗帜广告(banners)
  • 闪动的彩色文字和动画 频繁跳跃、滚动、闪烁的文字或动画非常令人讨厌,大多数访客都选择视而不见。
  • 弹出小窗口 很多人根本不看弹出小窗口的内容,甚至在它的内容没有完全载入之前就关闭了。

这些样式给人的第一印象就是“可恶的广告”。

违反设计常规[ ]

“一致性”是非常重要的易用性原则。当某些事物经常用同一种行为来表达相同的意思,那么别人就不用猜测下一步发生什么,而是能够根据规律预测到将要发生什么。如果用户的这种预测能够得到证实,他们就感觉到自己融入了这个系统,并且会喜欢上它。如果用户的预测总是错误,他们就会受到打击,最后讨厌这种设计。

用户的这些习惯是从大量的网络体验中得到的,也就是说,这是一种“常规”,如果你非要做另类,只会伤害访客的感情。

如果你的网站内容庞大,你就必须力争全站保持某些统一的“常规”来方便访客迅速适应你的网站,这样他们就会更加喜欢这个网站:例如用红色字体显示“警告信息”,用绿色按钮提醒“下载文件”,用黄色感叹号图标表示“注意事项”,文章的附件都放在文章末尾;“联系我们”页面上有全面的地址、电话、email 等资料;等等。

不能提供用户所需信息[ ]

别人访问你的网站都是有目的的,是为了寻找某种“信息”,而不是闲转。他带着“我应该能在这个网站上找到答案”的这种期望来访问你的网站,假如你没有提供这种信息,或者提供的信息不够充足,访客自然会失望。或者你的产品介绍隐藏太深,无法从首页轻松点击链接而访问到,那么访客就误以为你没有这种信息。

对于网站首页的设计,更要注意:一定要在首页上显眼位置用一句话(Tagline)概括你的公司/网站/团队的主要特色或者产品或者服务或者宗旨或者使命。这样让访客很快有了一个轮廓上的认识。如果你觉得一句话还说不清楚,完全可以在首页开辟某个区域,用一段话来介绍。这在 Joomla! 建站时很容易做到—— 新建一个自定义模块即可。

一个不可忽视的现实是,大多数访客期望通过点击“About Us”(关于我们)这个菜单来了解你的网站/公司。因此,如果你觉得上面的两种方式还不能够完整描述,就要创建专门的页面来详细介绍,并创建这样一个菜单项目 —— 最好不要更改“About Us”这个说法,因为我们习惯了。

很多公司网站在介绍产品信息时,对“价格”一项却讳莫如深。然而很多访客很想知道“到底卖多少钱”。于是很多公司就再设置一个“询价”页面,或者写上“欢迎来电询价”,这会让关心这个产品的买家转身离去,到生产同类产品的其它网站寻找价格。

提供多种选择[ ]

另外必须考虑的一种情况是:客户可能需要其它的替代选项,即“你们提供了这个,而我想要那个,行不行?”。例如,国外很多网站在支付方式上要求提供信用卡信息,但是却忽略了客户可能没有信用卡,而是想要通过 Paypal 来付款;国内的网上商店可能提供了“支付宝”接口,但是有些买家希望通过邮局汇款。在这些情况下,最好在网站上醒目标出“我们是否接受 Paypal 付款”及“本站接受邮局汇款,汇款地址如下”这样的信息。否则,客户为了这一点疑问好要发邮件、打电话,将大大削弱客户对网站的满意度,从而影响到客户对公司形象的看法。

如果你是一个 IT 公司,那么请说清楚你们的技术优势,软件特色,甚至与同类软件或竞争对手的比较;如果你是一个服务网站,请说清楚服务范围、服务时间、特殊要求等等;总之,一定要提供访客想知道的内容。

水平滚动页面[ ]

有些人在设计 Joomla! 模板时固定了页面宽度,导致在某些分辨率较低的屏幕上出现水平滚动条。大多数访客对于这种需要水平滚动才能阅读的超宽页面非常讨厌。但是大家对于长度超过一屏而需要向下拖动垂直滚动条早已习惯。

因此,请在选择 Joomla! 模板时放弃固定宽度的,除非该宽度小于绝大多数屏幕宽度;最好是模板自带宽度自适应或手动调整功能。

还有些页面因为插入了太大的图片而撑破页面,从而出现水平滚动条。这种情况下就要 使用自动生成缩略图的插件来处理文章中的大图。顺便说一下:使用 Multithumb 这样的插件不仅避免了页面被撑破,而且产生了较小的缩略图,有助于快速打开页面。

超长的网址[ ]

如果页面网址太长,大多数人记不住。如果 URL 长度超过了浏览器地址栏的容量,很多人就不知道怎样选择并复制这个 URL。

因此,如果你希望你的访客记住某些 URL,或者希望他们能够不费劲地将你的网址准确推荐给他们的朋友,就保持你的网页 URL 容易理解且简短。实施 SEF 是一个不错的主意。

出乎意料的E-mail 链接[ ]

要避免的错误是:不要将人名作为 email 链接。在网民的常识中,“用户名”或“姓名”都是指向“个人资料”的,而不是点击之后弹出 Outlook Express 的窗口来让你撰写邮件。建议直接使用 E-mail 地址作为链接,或者你可以将“点击此处发送邮件”这样的提示消息做成 email 链接。

Joomla! 已经内置了 Email Cloaking 插件来加密页面中的 email 地址以防止机器人偷盗。你也可以通过安装 josBWrewi 插件将文字式的 email 地址变成图片式,或者用 Mailhide reCAPTCHA 插件 来增强 email 保护功能,这样就更安全了。

大量的 Flash 或图片替代文字内容[ ]

搜索引擎从一开始就是为了搜索“文本内容”而诞生。尽管有人指出 Google 可以索引一些 Flash,但是那需要在设计 Flash 时借助一些特殊技术。并不是说 Flash 一无是处,你只能用 Flash 来添加一些点缀,绝不能用 Flash 来传递重要内容。

图片也是如此,不管是静态图片还是 GIF 动画,都只能作为一种点缀、补充,不可以用来替代文字信息。

用 Flash 或图片做导航菜单更是大错特错,这样的菜单无法被搜索引擎正确索引,从而影响了 Joomla SEO 的效果。因此,在使用 Joomla! 建站时,要抛弃这种“超酷全 Flash 网站”的幼稚想法,时刻牢记网站的头等责任是“提供信息”,即俗称“内容为王”。

参考来源[ ]

http://www.joomlagate.com/article/joomla-seo/top-ten-mistakes-in-joomla-web-design/

Joomla! SEO教程导航

Joomla安装

Joomla!的安装

Joomla! SEO教程

在Joomla!网站上嵌入使用Piwik流量统计分析系统 | 用Xenu's Link Sleuth查找Joomla网站的死链接 | 提升Joomla!网站Alexa排名的技巧 | 提升Joomla网站搜索排名技巧 | GetClicky介绍 | 设计Joomla模板时的SEO准则 | 用PageCache缓存技巧加速你的网站 | Joomla!建站常见的个设计错误 | 通过友情链接让搜索引擎尽快收录你的网站 | Joomla! SEO必须避免的失误 | Google分析模块

其他Joomla教程

用XAMPP快速搭建Joomla本地测试服务器 | 用Gmail的SMTP发送Joomla激活及通知邮件 | 深入认识Joomla CMS:扩展、菜单及模板 | Joomla 1.0教程 | Joomla高级教程 | Joomla 1.5教程