詳細信息
當(dāng)前位置：
首頁>
詳細信息
【網(wǎng)站百科】網(wǎng)站設(shè)計中的10個要點
專欄：行業(yè)資訊
發(fā)布日期：2020-03-17
閱讀量：1994
作者：
網(wǎng)站是企業(yè)面向公眾的臉面，本文將介紹10種商業(yè)網(wǎng)站設(shè)計常見的敗筆，從以往的案例和教訓(xùn)中吸取經(jīng)驗可以幫助您避免重蹈覆轍，并可以將您的網(wǎng)站設(shè)計得具備實效同時為您的企業(yè)帶來附加價值。在最初設(shè)計網(wǎng)站的時候，您有多種選擇，機會看上去似乎是無窮無盡的，可以做的事情遠遠超出想象。盡管構(gòu)建網(wǎng)站的潛力無限，但是有很多再平常不過的錯誤會導(dǎo)致網(wǎng)站設(shè)計的失敗，使您無法實現(xiàn)為企業(yè)增加附加價值的目標(biāo)。
針對企業(yè)網(wǎng)站，我列出了十種常見的設(shè)計錯誤，當(dāng)然這些問題對于個人網(wǎng)站、業(yè)余愛好者和非盈利性機構(gòu)的網(wǎng)站來講也是適用的，無論如何請您都要盡力避免這些常見的非常糟糕的錯誤。
讀了。
每個網(wǎng)站都應(yīng)該對此提供非常清晰和直觀的信息，包括一段簡短的夸大其詞的描述，或者在主頁上提供“關(guān)于我們”頁面的突出而明顯的鏈接，并描述您的網(wǎng)站及其所提供的價值。
有些用戶可能并沒有發(fā)現(xiàn)這個網(wǎng)站對他們有幫助，對此進行解釋也是非常重要的，提供足夠的信息來說明，這樣用戶就不會對網(wǎng)站的目的感到迷惑了。您最好提供向訪問者說明為什么他或她不會對這個網(wǎng)站感興趣，這樣可以打發(fā)走不感興趣的訪客，這比試圖欺騙他們直到他們自己花費了大量時間之后才知道網(wǎng)站上并沒有他們所須的內(nèi)容要好很多。畢竟，一個直接表明自己功能的網(wǎng)站要比故弄玄虛而且難以使用的網(wǎng)站更能獲得良好的口碑和認同。Alt和Title屬性的文本描述
對于支持這些屬性的網(wǎng)站，要確保您在每個XHTML標(biāo)簽上都使用了alt和title屬性。如果用戶使用的瀏覽器不支持網(wǎng)站的圖片，那么對于可訪問性而言這些信息是至關(guān)重要的，同時它們還能提供主要內(nèi)容之外的信息。最常見的功能是為殘障人士提供可訪問性，比如使用屏幕閱讀器訪問網(wǎng)站的盲人。但是，也不要在alt或者title屬性中寫入過多的文字，應(yīng)當(dāng)讓這些文字簡明扼要，清晰易懂。不要讓您的用戶淹沒在大段大段的模糊信息，或是毫無用處的彈出信息中，應(yīng)當(dāng)讓網(wǎng)站實現(xiàn)最容易訪問的狀態(tài)，因為alt和title標(biāo)簽的基本作用就是提升可訪問性。
對URL進行存檔管理
將網(wǎng)站上過期的頁面放到存檔中是網(wǎng)站更新中常見的變化，但對于搜索引擎而言，會造成很大的困難，比如指向您網(wǎng)站中某個頁面的鏈接失效了。因此，在構(gòu)建網(wǎng)站之初，就要確保轉(zhuǎn)移到存檔部分內(nèi)容的URL不會發(fā)生變化?？诒窃趪H互聯(lián)網(wǎng)上營造人氣和聲望的基石，如果您網(wǎng)站上的頁面鏈接隔不了幾天就會發(fā)生變化，那么恐怕很難贏得良好的口碑。
在內(nèi)容上標(biāo)注日期
通常，您需要經(jīng)常更新網(wǎng)站才能贏得回頭客，人們也只有在新內(nèi)容出現(xiàn)的時候才會來瀏覽網(wǎng)站。在內(nèi)容上標(biāo)注日期，這樣訪客才能知道那些是新的，是按照什么順序出現(xiàn)的。即使在某些罕見的情況下，網(wǎng)站內(nèi)容可能并不需要經(jīng)常更新，那么即使有一個頁面被重新編輯過，那么也應(yīng)當(dāng)反應(yīng)出改變的信息。
對網(wǎng)站上所有的信息加上時間戳，可以幫助您的訪客確認哪些信息是過期的，即使您只在每個頁面的底部加上“最后更新”的字樣，也會有所幫助。而且，這不僅僅給網(wǎng)站的訪客帶來了方便，對您也是有幫助的:如果讀者發(fā)現(xiàn)您所說和他們在別處看到的不一致是由于信息的更新引起的，那么他們會增加您網(wǎng)站的口碑，并且會成為回頭客，愿意經(jīng)常訪問您的網(wǎng)站以獲取更多的信息。
內(nèi)容密度
在一個位置放太多的信息會把訪問者嚇跑的，雖然常識告訴我們要盡可能多地提供信息，但是物極必反，好東西多了也可能會有副作用。如果提供了太多的信息，讀者在閱讀時很容易疲勞，然后就開始略讀，最后索性不盡量保證您的初始信息與主題密切相關(guān)，并且簡短，可以被讀者一次消化，同時可以提供深入信息的鏈接。使用符號列表是一種非常棒的方法可以將信息分解為不同的部分，從而更容易理解，這樣訪客也就不會被嚇跑。同樣的原則對鏈接列表也是適用的，太多的鏈接擠在一起和靜態(tài)的雜亂無章的信息毫無區(qū)別。讓鏈接列表短一些，這樣讀者可以花費很少的力氣就能找到他們所需的信息。如果您能幫助他們找到所需的信息，那就會為您的網(wǎng)站增加額外的價值，同時還要盡量保證這些信息容易消化。
裝飾性圖片
除了一些旗幟和表明品牌的圖片之外，應(yīng)當(dāng)盡可能少使用裝飾性的圖片。如果對讀者有幫助，才使用圖片來進行輔助說明;如果這些信息是您希望提供的內(nèi)容時，才使用這些圖片。不要在網(wǎng)站上撒滿圖片來進行裝飾，這樣會把訪問者嚇跑的。因此，只使用有效的圖片，而不是裝飾性的圖片，即使使用裝飾圖片也不要太多。載入圖片往往很慢，這延緩了讀者尋找文字的時間，而且很多瀏覽器中或者使用屏幕閱讀器的時候圖片是看不到的;而另一方面，文字則是通用的。
間接鏈接/中轉(zhuǎn)鏈接/重定向鏈接
不要阻止其它網(wǎng)站直接鏈接您的網(wǎng)站內(nèi)容，有很多大型的內(nèi)容提供商違反了這一規(guī)則，比如新聞網(wǎng)站將其它網(wǎng)站引用的鏈接重定向，這樣訪問者往往停留在您的首頁。使用這種笨拙的手段似乎認為強迫訪問者進入首頁就能讓他們對其它的內(nèi)容感興趣，但實際上，這樣做的結(jié)果只會讓人們掃興而走。如果尋找某一篇文章遇到了麻煩，您的客戶會放棄在您的網(wǎng)站中尋找而跑到其它的地方。更糟糕的情況是，其它網(wǎng)站帶來的鏈接可能會顯著地提升您在搜索引擎中的排名，如果讓這些重定向的鏈接失效，那么等于您在反對被人對您的網(wǎng)站進行鏈接，因此，永遠不要拒絕別人對您網(wǎng)站的鏈接。
最新內(nèi)容
在第四個問題中，我提到了對網(wǎng)站內(nèi)容注明日期，從而顯示出內(nèi)容的變化，任何定期更新的網(wǎng)站都應(yīng)該讓這些變化容易被訪問者了解，最近更新部分的內(nèi)容絕不能和三年前的一樣，這樣就無法體現(xiàn)出絲毫變化。 新的內(nèi)容應(yīng)當(dāng)保持足夠的新鮮度，這樣您的讀者才能從中獲取信息中的價值。如果您的網(wǎng)站更新得非常快(比如Slashdot)，那么對這些信息進行分類會有所幫助，比如將新聞分門別類地存放，這樣讀者就能輕而易舉地找到他們感興趣的話題中最新的內(nèi)容。有效的搜索功能和優(yōu)秀的網(wǎng)站管理可以幫助讀者查找他們以前曾經(jīng)看到過的信息，盡可能地幫助他們實現(xiàn)這些功能。
縮略圖的尺寸
當(dāng)提供有大量圖片的圖庫時，使用鏈接到每張圖片的縮略圖是一種常見的策略。所謂縮略圖就是圖片的縮小版本，可以讓瀏覽者看到眾多的圖片。但是，在展示縮略圖時，要切記不能將縮略圖做得太小，因為這樣網(wǎng)站的訪客就無法從中獲取有效的信息。 對圖片文件進行按比例的裁減是非常重要的，不要使用XHTML和CSS來變更圖片的大小，因為文件的尺寸是不會變化的，發(fā)送到客戶端瀏覽器的還是這些大尺寸的版本。在載入布滿縮略圖的網(wǎng)頁時，如果這些縮略圖僅僅是被標(biāo)記語言和樣式表改變了尺寸的話，那么瀏覽器依然會消耗掉大量的處理器時間和系統(tǒng)內(nèi)存資源;這可能會導(dǎo)致瀏覽器崩潰和其它的問題，至少會導(dǎo)致漫長的加載時間。網(wǎng)站的訪問者會因為緩慢的加載時間轉(zhuǎn)而訪問其它的網(wǎng)站，崩潰的瀏覽器更會嚇跑訪問者。
網(wǎng)頁標(biāo)題
很多網(wǎng)頁設(shè)計者并沒有為他們的網(wǎng)頁設(shè)定標(biāo)題，這明顯是個錯誤，搜索引擎會根據(jù)網(wǎng)頁的標(biāo)題來進行識別;而且，用戶在瀏覽器的收藏夾中存儲網(wǎng)頁地址的時候，默認的名稱也是網(wǎng)頁的標(biāo)題。
一個不太明顯的錯誤是網(wǎng)站的設(shè)計者在每個頁面上都使用相同的標(biāo)題，如果為每個頁面都提供不同的標(biāo)題來進行識別，那將會非常有幫助。當(dāng)然，標(biāo)題應(yīng)當(dāng)是簡潔清晰的，冗長的網(wǎng)頁標(biāo)題和沒有標(biāo)題的網(wǎng)站是一樣糟糕的。
以上的這些注意事項對網(wǎng)站設(shè)計來講是非常重要的，但常常沒有受到重視或是曲解了其中的要領(lǐng)，也許其它方面的成功可以克服一些細微的失敗，但是卻永遠無法彌補這些缺陷。在設(shè)計網(wǎng)站的時候牢記這些原則，可以讓您的網(wǎng)站獲得更高的成功機會。當(dāng)然，選擇一個好的建站平臺會讓你在網(wǎng)站設(shè)計上事半功倍。
針對企業(yè)網(wǎng)站，我列出了十種常見的設(shè)計錯誤，當(dāng)然這些問題對于個人網(wǎng)站、業(yè)余愛好者和非盈利性機構(gòu)的網(wǎng)站來講也是適用的，無論如何請您都要盡力避免這些常見的非常糟糕的錯誤。
讀了。
每個網(wǎng)站都應(yīng)該對此提供非常清晰和直觀的信息，包括一段簡短的夸大其詞的描述，或者在主頁上提供“關(guān)于我們”頁面的突出而明顯的鏈接，并描述您的網(wǎng)站及其所提供的價值。
有些用戶可能并沒有發(fā)現(xiàn)這個網(wǎng)站對他們有幫助，對此進行解釋也是非常重要的，提供足夠的信息來說明，這樣用戶就不會對網(wǎng)站的目的感到迷惑了。您最好提供向訪問者說明為什么他或她不會對這個網(wǎng)站感興趣，這樣可以打發(fā)走不感興趣的訪客，這比試圖欺騙他們直到他們自己花費了大量時間之后才知道網(wǎng)站上并沒有他們所須的內(nèi)容要好很多。畢竟，一個直接表明自己功能的網(wǎng)站要比故弄玄虛而且難以使用的網(wǎng)站更能獲得良好的口碑和認同。Alt和Title屬性的文本描述
對于支持這些屬性的網(wǎng)站，要確保您在每個XHTML標(biāo)簽上都使用了alt和title屬性。如果用戶使用的瀏覽器不支持網(wǎng)站的圖片，那么對于可訪問性而言這些信息是至關(guān)重要的，同時它們還能提供主要內(nèi)容之外的信息。最常見的功能是為殘障人士提供可訪問性，比如使用屏幕閱讀器訪問網(wǎng)站的盲人。但是，也不要在alt或者title屬性中寫入過多的文字，應(yīng)當(dāng)讓這些文字簡明扼要，清晰易懂。不要讓您的用戶淹沒在大段大段的模糊信息，或是毫無用處的彈出信息中，應(yīng)當(dāng)讓網(wǎng)站實現(xiàn)最容易訪問的狀態(tài)，因為alt和title標(biāo)簽的基本作用就是提升可訪問性。
對URL進行存檔管理
將網(wǎng)站上過期的頁面放到存檔中是網(wǎng)站更新中常見的變化，但對于搜索引擎而言，會造成很大的困難，比如指向您網(wǎng)站中某個頁面的鏈接失效了。因此，在構(gòu)建網(wǎng)站之初，就要確保轉(zhuǎn)移到存檔部分內(nèi)容的URL不會發(fā)生變化?？诒窃趪H互聯(lián)網(wǎng)上營造人氣和聲望的基石，如果您網(wǎng)站上的頁面鏈接隔不了幾天就會發(fā)生變化，那么恐怕很難贏得良好的口碑。
在內(nèi)容上標(biāo)注日期
通常，您需要經(jīng)常更新網(wǎng)站才能贏得回頭客，人們也只有在新內(nèi)容出現(xiàn)的時候才會來瀏覽網(wǎng)站。在內(nèi)容上標(biāo)注日期，這樣訪客才能知道那些是新的，是按照什么順序出現(xiàn)的。即使在某些罕見的情況下，網(wǎng)站內(nèi)容可能并不需要經(jīng)常更新，那么即使有一個頁面被重新編輯過，那么也應(yīng)當(dāng)反應(yīng)出改變的信息。
對網(wǎng)站上所有的信息加上時間戳，可以幫助您的訪客確認哪些信息是過期的，即使您只在每個頁面的底部加上“最后更新”的字樣，也會有所幫助。而且，這不僅僅給網(wǎng)站的訪客帶來了方便，對您也是有幫助的:如果讀者發(fā)現(xiàn)您所說和他們在別處看到的不一致是由于信息的更新引起的，那么他們會增加您網(wǎng)站的口碑，并且會成為回頭客，愿意經(jīng)常訪問您的網(wǎng)站以獲取更多的信息。
內(nèi)容密度
在一個位置放太多的信息會把訪問者嚇跑的，雖然常識告訴我們要盡可能多地提供信息，但是物極必反，好東西多了也可能會有副作用。如果提供了太多的信息，讀者在閱讀時很容易疲勞，然后就開始略讀，最后索性不盡量保證您的初始信息與主題密切相關(guān)，并且簡短，可以被讀者一次消化，同時可以提供深入信息的鏈接。使用符號列表是一種非常棒的方法可以將信息分解為不同的部分，從而更容易理解，這樣訪客也就不會被嚇跑。同樣的原則對鏈接列表也是適用的，太多的鏈接擠在一起和靜態(tài)的雜亂無章的信息毫無區(qū)別。讓鏈接列表短一些，這樣讀者可以花費很少的力氣就能找到他們所需的信息。如果您能幫助他們找到所需的信息，那就會為您的網(wǎng)站增加額外的價值，同時還要盡量保證這些信息容易消化。
裝飾性圖片
除了一些旗幟和表明品牌的圖片之外，應(yīng)當(dāng)盡可能少使用裝飾性的圖片。如果對讀者有幫助，才使用圖片來進行輔助說明;如果這些信息是您希望提供的內(nèi)容時，才使用這些圖片。不要在網(wǎng)站上撒滿圖片來進行裝飾，這樣會把訪問者嚇跑的。因此，只使用有效的圖片，而不是裝飾性的圖片，即使使用裝飾圖片也不要太多。載入圖片往往很慢，這延緩了讀者尋找文字的時間，而且很多瀏覽器中或者使用屏幕閱讀器的時候圖片是看不到的;而另一方面，文字則是通用的。
間接鏈接/中轉(zhuǎn)鏈接/重定向鏈接
不要阻止其它網(wǎng)站直接鏈接您的網(wǎng)站內(nèi)容，有很多大型的內(nèi)容提供商違反了這一規(guī)則，比如新聞網(wǎng)站將其它網(wǎng)站引用的鏈接重定向，這樣訪問者往往停留在您的首頁。使用這種笨拙的手段似乎認為強迫訪問者進入首頁就能讓他們對其它的內(nèi)容感興趣，但實際上，這樣做的結(jié)果只會讓人們掃興而走。如果尋找某一篇文章遇到了麻煩，您的客戶會放棄在您的網(wǎng)站中尋找而跑到其它的地方。更糟糕的情況是，其它網(wǎng)站帶來的鏈接可能會顯著地提升您在搜索引擎中的排名，如果讓這些重定向的鏈接失效，那么等于您在反對被人對您的網(wǎng)站進行鏈接，因此，永遠不要拒絕別人對您網(wǎng)站的鏈接。
最新內(nèi)容
在第四個問題中，我提到了對網(wǎng)站內(nèi)容注明日期，從而顯示出內(nèi)容的變化，任何定期更新的網(wǎng)站都應(yīng)該讓這些變化容易被訪問者了解，最近更新部分的內(nèi)容絕不能和三年前的一樣，這樣就無法體現(xiàn)出絲毫變化。 新的內(nèi)容應(yīng)當(dāng)保持足夠的新鮮度，這樣您的讀者才能從中獲取信息中的價值。如果您的網(wǎng)站更新得非常快(比如Slashdot)，那么對這些信息進行分類會有所幫助，比如將新聞分門別類地存放，這樣讀者就能輕而易舉地找到他們感興趣的話題中最新的內(nèi)容。有效的搜索功能和優(yōu)秀的網(wǎng)站管理可以幫助讀者查找他們以前曾經(jīng)看到過的信息，盡可能地幫助他們實現(xiàn)這些功能。
縮略圖的尺寸
當(dāng)提供有大量圖片的圖庫時，使用鏈接到每張圖片的縮略圖是一種常見的策略。所謂縮略圖就是圖片的縮小版本，可以讓瀏覽者看到眾多的圖片。但是，在展示縮略圖時，要切記不能將縮略圖做得太小，因為這樣網(wǎng)站的訪客就無法從中獲取有效的信息。 對圖片文件進行按比例的裁減是非常重要的，不要使用XHTML和CSS來變更圖片的大小，因為文件的尺寸是不會變化的，發(fā)送到客戶端瀏覽器的還是這些大尺寸的版本。在載入布滿縮略圖的網(wǎng)頁時，如果這些縮略圖僅僅是被標(biāo)記語言和樣式表改變了尺寸的話，那么瀏覽器依然會消耗掉大量的處理器時間和系統(tǒng)內(nèi)存資源;這可能會導(dǎo)致瀏覽器崩潰和其它的問題，至少會導(dǎo)致漫長的加載時間。網(wǎng)站的訪問者會因為緩慢的加載時間轉(zhuǎn)而訪問其它的網(wǎng)站，崩潰的瀏覽器更會嚇跑訪問者。
網(wǎng)頁標(biāo)題
很多網(wǎng)頁設(shè)計者并沒有為他們的網(wǎng)頁設(shè)定標(biāo)題，這明顯是個錯誤，搜索引擎會根據(jù)網(wǎng)頁的標(biāo)題來進行識別;而且，用戶在瀏覽器的收藏夾中存儲網(wǎng)頁地址的時候，默認的名稱也是網(wǎng)頁的標(biāo)題。
一個不太明顯的錯誤是網(wǎng)站的設(shè)計者在每個頁面上都使用相同的標(biāo)題，如果為每個頁面都提供不同的標(biāo)題來進行識別，那將會非常有幫助。當(dāng)然，標(biāo)題應(yīng)當(dāng)是簡潔清晰的，冗長的網(wǎng)頁標(biāo)題和沒有標(biāo)題的網(wǎng)站是一樣糟糕的。
以上的這些注意事項對網(wǎng)站設(shè)計來講是非常重要的，但常常沒有受到重視或是曲解了其中的要領(lǐng)，也許其它方面的成功可以克服一些細微的失敗，但是卻永遠無法彌補這些缺陷。在設(shè)計網(wǎng)站的時候牢記這些原則，可以讓您的網(wǎng)站獲得更高的成功機會。當(dāng)然，選擇一個好的建站平臺會讓你在網(wǎng)站設(shè)計上事半功倍。
本文由今科科技用戶上傳并發(fā)布，今科科技僅提供信息發(fā)布平臺。文章代表作者個人觀點，不代表今科科技立場。未經(jīng)作者許可，不得轉(zhuǎn)載，有涉嫌抄襲的內(nèi)容，請通過 反饋中心 進行舉報。
售前咨詢：0760-2332 0168
售后客服：400 830 7686
1998~2024，今科26年專注于企業(yè)信息化服務(wù)
立 即 注 冊 / 咨 詢
上 線 您 的 網(wǎng) 站 ！
