合理的網頁設計是怎樣的？

2024-04-27 13:53:03

字體：大中小

來源：轉載

供稿：網友

根據google最新的算法規則：用戶行為模式的重視程度越來越高，這也就要求網頁設計的時候應注重“合理的網頁結構”，SEO業界也有個共識“網頁設計首先面對的是訪問者，其次才是搜索引擎”。

楓林有幸讀了Tasneem Rangoonwala寫的Effective Web Design，直譯為“有效的網頁設計”，準確點應該翻譯為“合理的網頁設計”。
Tasneem Rangoonwala對網頁設計應該注重的問題分的很細,提到了網頁從結構，色彩搭配，文本情況，圖片設計，鏈接狀況等很多細節方面應注重的問題。

楓林從正面在針對“合理的網頁設計”做一些闡述：

怎么判定網頁結構是否合理呢？

正如前面所說的：A ：大多數訪客更輕易訪問，更輕易接受的就是合理B：在搜索引擎中表現良好的結構即是合理

楓林認為要做到合理的網頁設計需要做的是：

1.網站定位

網站的定位很重要，網站的定位就是說在做站前要有目標，你的網站主要針對哪些客戶群體，針對哪個年齡層次的人群，這個直接決定了下面網站應該使用什么樣的結構。

2.結構的合理

結構的合理與否直接決定了客戶對該站的體驗狀況，具體點可分為：導航欄目的設計，圖片布局，欄目編排，文本凸顯位置。

可以在您的站點做一個欄目調查，征求下網友的意見，針對不同類型的站點，布局也不太一樣，各個行業站都有自己的規則，針對具體行業的訪問者也都不同的訪問習慣，所以做下行業調查是很有必要的。

3.程序選擇

這個主要針對的是搜索引擎，一般用戶不會去注重到你的網站使用的是什么程序，針對搜索引擎的習慣選擇盡量友好于搜索引擎的程序結構。

關于這點，目前比較火的設計程序就是XHTML CSS或者我們稱之為DIV CSS，自從WEB2.0在網絡升溫以后，很多公司和個人對網站設計程序都做出了新的選擇，順應潮流。當然WEB2.0也有其誕生的背景：倡導以人為本，全面的人性化理念。

注重這也不是絕對的，html既然有table標簽，它就有存在的價值，只是div的設計能比table程序結構稍微簡單點，再加上CSS打包，加快了網頁的下載速度，增強了用戶體驗。

4.圖片，flash，框架的使用

這是一個老話題了，很多人建議盡量不使用這些就不要用了，但是楓林認為圖片，flash和框架這些元素都有存在的必要性。

少使用或者不使用這些原件的只是考慮到了搜索引擎而沒有考慮到訪問者，從訪客的角度來說，他們不喜歡哪些純粹性的文本頁面，他們進某個頁面更多的是想體驗該站的“樂趣”，這個娛樂站更是深有體會

Tasneem Rangoonwala也說過too much text is boring.楓林自己就不喜歡純文本頁面，這樣的頁面對訪客的粘滯性很低，但是可以確切的說對搜索引擎100%有好處，我想這也是一些SEOER不愿意在自己的博客的首頁或者內頁使用圖片的原因吧，他們更多考慮的是搜索引擎，這些博客機會沒有什么美工的痕跡，記得在點石論壇看到過一位讀者的文章中提到：百度喜歡漂亮的頁面。

楓林做了下猜想：百度是不是認為純文本和多鏈接的頁面是故意的認為因素制造的呢？這些頁面是專門針對百度而來的呢？

假如這種猜想是正確的，哪些被百度封博客的事情就不難解釋了，你們可以去看看，你們的頁面有記個圖片，這個到不重要，重要的是整個站點里面這些元件所占的比率是多少呢？你認為這還算是一個正常的網頁么？

楓林認為這些網頁元素不應該特意回避，否則還不餓死美工了。我們能做的是對這些元素做適當的優化處理，比如圖片的壓縮，ALT等很多人都熟悉的手法。

5.要害字的部署

要害字的部署也是從搜索引擎的角度來考慮的，但是話說回來，合理的部署要害字也對于訪問者是有利的，他們可以通過某些位置的要害字很快了解這個網頁所要交代什么意思。

這樣文章頂部的要害字就顯得尤為重要了，就像一些報刊一樣，楓林認為：在一些文章的頭部加上一些摘要或者引言，在這些摘要或者引言里面融入適當密度的要害字（對于google，每100個字中出現1.5-2個要害字是比較合理的）對訪問者或者搜索引擎都是很重要的。

不要以為要害字部署實在網站完工以后要做的，那時你要花費比現在更多的代價。

6.導航條的設計

導航條也沒有固定的部署位置，感覺客戶查找方便就可以了，左側，頂部右側均可，要注重的是，結構要清楚，層次不要太多，這要考慮到，內容頁面的點擊距離因素，楓林認為訪客進入該頁面在點擊距離不要超過3就找到自己需要的內容是比較合理的，千萬不要特意的安排點擊距離。

有些SEOER認為點擊距離越短越好，于是就千方百計的修改設計利用，比如：使用2級域名，rewrite等盡量使得路徑變短，楓林認為這個對該站沒有太多的好處。就拿很多SEOER使用的Z-blog來說，默認的網頁文件都在post目錄下面放著，其一，分類比較混亂，其二，這種結構很可能被搜索引擎視為作弊，而做降權或者封站的處理，尤其是內容很多的站，大量的出現這樣的短路徑頁面并且都是通一目錄下，對其站點沒有什么好處。

7.網站底部的處理

我們在寫文章的時候也要講究個虎頭豹尾，楓林認為這個理念對于網頁設計也是可以應用的，楓林很忌諱把底部文件做成JS 進行調用的做法。這樣你的要害字便失去了更多的在搜索引擎中展示的機會，一些SEOER認為搜索引擎spider最多爬行頁面中的前100位內的鏈接，楓林認為這種說法有點片面，可能更多人認為Robots的爬行習慣是自上而下的，楓林要說的是底部網站的版權，備案信息等很重要，底部具有一定的優先權。

可以這么說，一些網站的版權信息，聯系方式，備案信息等都是放在底部的，Robots們不會視而不見的,
據楓林觀察在底部位置加入適當的要害字，比在網站中間內容部分的要害字更有效，這些要害字往往屬于固定部分，也就是每個頁面都會出現網站的底部信息。

可以舉例說明一下，楓林不保證此法的普遍適用性，但是楓林相信自己的眼睛，僅供參考：

圖為楓林的SEO博客，在百度中搜索“楓林”就可以看到，再進博客看看，要害字的部署位置，第一個“楓林”是一篇名為“SEO之網絡SOHO”的博客內容頁面中出現的，第二個“楓林”則是我但是為了宣傳個人簡歷，故意在SEO博客底部加上的，當然還有其他的案例，這里就不一一列出了。以上記點純屬楓林個人觀點，由于水平有限，錯誤和不合理之處在所難免，請諒解

上一篇：web2.0網站常用可用性功能塊分析

下一篇：建立Web2.0網站需要解決的問題