编辑“Joomla/Joomla!建站常见的个设计错误”

{{Joomla top}}
本条目主要介绍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}}

[[category:Joomla|J]]
说明	输入内容	输出结果
斜体	''斜体文字''	斜体文字
粗体	'''粗体文字'''	粗体文字
粗斜体	'''''粗斜体文字'''''	*粗斜体文字*