[Joomla][轉載] 設計Joomla會常犯下的13個錯誤
大陸的Joomla實在是很火熱，不只有數個技術性質的大型網站，還開發了不少屬於他們自己的套件。
JoomlaGate(Joomla之門)是個非常實用的網站，大量蒐集Joomla擴充套件進行漢化，還定時發佈各種技術文章。站長甚至因為投入太多時間在Joomla上而必須收取會員費以維持網站開銷。這裡轉載一篇對於Joomla的優化建議，想用Joomla架站的人可以參考一下。
其實以下這些錯誤不僅僅出現在 Joomla! 建站過程中，幾乎所有的網站設計過程都有可能出現。當然並非每個人都會犯這些錯誤，有經驗的 Web Designer 絕對沒有這些錯誤。我寫這篇文章主要針對完全沒有經驗的、想要借助 Joomla! CMS 來 DIY 一個網站的用戶。常見錯誤也絕不止 10 種，Jakob Nielsen 在撰寫他的 Alertbox 系列時，有多個版本的「Top Ten Mistakes in Web Design」。本文就是歸納了他的文章內容翻譯而成。這些看似不起眼的錯誤往往對你網站影響很大，因此我會儘量介紹詳細一些，強烈建議各位 Joomlar 在進行 Joomla! 建站時作為參考。
有一種說法雖然未經科學驗證，但是我覺得憑常識也知道是正確的：大多數訪客在打開網頁後 3 秒鐘之內就作出判斷他是否喜歡你的網站。
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），密密麻麻，讓人喘不過氣來。這樣的版面不僅給人一種心理壓力，而且在閱讀時很容易「盯不住」，往往在換行時就看錯行了。誰還樂意繼續看下去？
為了吸引讀者並給他們提供最愉快的閱讀體驗，就必須使用以下技巧：
靈活使用小標題（粗體，大號）
多個排列語句使用有序列表或無序列表
重點關鍵詞高亮顯示
及時分段，每個段落不要多於 7 行
利用「縮進」功能來增加更多層次
頁面外觀要「耐看」，不要花花綠綠刺激眼球
不同的超級鏈接不要靠得太近，某些訪客使用觸摸板而不是鼠標，這種情況下就很難準確點擊到想要的那個鏈接
用詞恰當而簡單，不要像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 網站」的幼稚想法，時刻牢記網站的頭等責任是「提供信息」，即俗稱「內容為王」。
文章來源
JoomlaGate(Joomla之門)是個非常實用的網站，大量蒐集Joomla擴充套件進行漢化，還定時發佈各種技術文章。站長甚至因為投入太多時間在Joomla上而必須收取會員費以維持網站開銷。這裡轉載一篇對於Joomla的優化建議，想用Joomla架站的人可以參考一下。
其實以下這些錯誤不僅僅出現在 Joomla! 建站過程中，幾乎所有的網站設計過程都有可能出現。當然並非每個人都會犯這些錯誤，有經驗的 Web Designer 絕對沒有這些錯誤。我寫這篇文章主要針對完全沒有經驗的、想要借助 Joomla! CMS 來 DIY 一個網站的用戶。常見錯誤也絕不止 10 種，Jakob Nielsen 在撰寫他的 Alertbox 系列時，有多個版本的「Top Ten Mistakes in Web Design」。本文就是歸納了他的文章內容翻譯而成。這些看似不起眼的錯誤往往對你網站影響很大，因此我會儘量介紹詳細一些，強烈建議各位 Joomlar 在進行 Joomla! 建站時作為參考。
有一種說法雖然未經科學驗證，但是我覺得憑常識也知道是正確的：大多數訪客在打開網頁後 3 秒鐘之內就作出判斷他是否喜歡你的網站。
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），密密麻麻，讓人喘不過氣來。這樣的版面不僅給人一種心理壓力，而且在閱讀時很容易「盯不住」，往往在換行時就看錯行了。誰還樂意繼續看下去？
為了吸引讀者並給他們提供最愉快的閱讀體驗，就必須使用以下技巧：
靈活使用小標題（粗體，大號）
多個排列語句使用有序列表或無序列表
重點關鍵詞高亮顯示
及時分段，每個段落不要多於 7 行
利用「縮進」功能來增加更多層次
頁面外觀要「耐看」，不要花花綠綠刺激眼球
不同的超級鏈接不要靠得太近，某些訪客使用觸摸板而不是鼠標，這種情況下就很難準確點擊到想要的那個鏈接
用詞恰當而簡單，不要像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 網站」的幼稚想法，時刻牢記網站的頭等責任是「提供信息」，即俗稱「內容為王」。
文章來源
留言
張貼留言
留言請注意禮節與尊重他人，良好的交流環境需要你我共同維護。
VtigerCRM 相關留言討論，請改至FaceBook社團申請加入使用
https://www.facebook.com/groups/vTigerCRMtoTaiwan/