根據google更新的算法規(guī)則:用戶行為模式的重視程度越來越高,這也就要求網頁設計的時候應注意“合理的網頁結構”,SEO業(yè)界也有個共識“網頁設計首先面對的是訪問者,其次才是搜索引擎”。
楓林有幸讀了Tasneem Rangoonwala寫的Effective Web Design,直譯為“有效的網頁設計”,準確點應該翻譯為“合理的網頁設計”。
Tasneem Rangoonwala對網頁設計應該注意的問題分的很細,提到了網頁從結構,色彩搭配,文本情況,圖片設計,鏈接狀況等很多細節(jié)方面應注意的問題。
楓林從正面在針對“合理的網頁設計”做一些闡述:
怎么判斷網頁結構是否合理呢?
正如前面所說的:A :大多數訪客更容易訪問,更容易接受的就是合理B:在搜索引擎中表現良好的結構即是合理
楓林認為要做到合理的網頁設計需要做的是:
1.網站定位
網站的定位很重要,網站的定位就是說在做站前要有目標,你的網站主要針對哪些客戶群體,針對哪個年齡層次的人群,這個直接決定了下面網站應該使用什么樣的結構。
2.結構的合理
結構的合理與否直接決定了客戶對該站的體驗狀況,詳細點可分為:導航欄目的設計,圖片布局,欄目編排,文本凸顯位置。
可以在您的站點做一個欄目調查,征求下網友的意見,針對不同類型的站點,布局也不太一樣,各個行業(yè)站都有自己的規(guī)則,針對具體行業(yè)的訪問者也都不同的訪問習慣,所以做下行業(yè)調查是很有必要的。
3.程序選擇
這個主要針對的是搜索引擎,一般用戶不會去注意到你的網站使用的是什么程序,針對搜索引擎的習慣選擇盡量友好于搜索引擎的程序結構。
關于這點,目前比較火的設計程序就是XHTML+CSS或者我們稱之為DIV+CSS,自從WEB2.0在網絡升溫以后,很多公司和個人對網站設計程序都做出了新的選擇,順應潮流。當然WEB2.0也有其誕生的背景:倡導以人為本,全面的人性化理念。
注意這也不是更對的,html既然有table標簽,它就有存在的價值,只是div的設計能比table程序結構稍微簡單點,再加上CSS打包,加快了網頁的下載速度,增強了用戶體驗。
4.圖片,flash,框架的使用
這是一個老話題了,很多人建議盡量不使用這些就不要用了,但是楓林認為圖片,flash和框架這些元素都有存在的必要性。
少使用或者不使用這些原件的只是考慮到了搜索引擎而沒有考慮到訪問者,從訪客的角度來說,他們不喜歡哪些純粹性的文本頁面,他們進某個頁面更多的是想體驗該站的“樂趣”,這個娛樂站更是深有體會
Tasneem Rangoonwala也說過too much text is boring.楓林自己就不喜歡純文本頁面,這樣的頁面對訪客的粘滯性很低,但是可以確切的說對搜索引擎**有好處,我想這也是一些SEOER不愿意在自己的博客的首頁或者內頁使用圖片的原因吧,他們更多考慮的是搜索引擎,這些博客機會沒有什么美工的痕跡,記得在點石論壇看到過一位讀者的文章中提到:百度喜歡漂亮的頁面。
楓林做了下猜想:百度是不是認為純文本和多鏈接的頁面是故意的認為因素制造的呢?這些頁面是專門針對百度而來的呢?
如果這種猜想是正確的,哪些被百度封博客的事情就不難解釋了,你們可以去看看,你們的頁面有記個圖片,這個到不重要,重要的是整個站點里面這些元件所占的比率是多少呢?你認為這還算是一個正常的網頁么?
楓林認為這些網頁元素不應該特意回避,否則還不餓死美工了。我們能做的是對這些元素做適當的優(yōu)化處理,比如圖片的壓縮,ALT等很多人都熟悉的手法。
5.關鍵字的部署
關鍵字的部署也是從搜索引擎的角度來考慮的,但是話說回來,合理的部署關鍵字也對于訪問者是有利的,他們可以通過某些位置的關鍵字很快了解這個網頁所要交代什么意思。
這樣文章更部的關鍵字就顯得尤為重要了,就像一些報刊一樣,楓林認為:在一些文章的頭部加上一些摘要或者引言,在這些摘要或者引言里面融入適當密度的關鍵字(對于google,每100個字中出現1.5-2個關鍵字是比較合理的)對訪問者或者搜索引擎都是很重要的。
不要以為關鍵字部署實在網站完工以后要做的,那時你要花費比現在更多的代價。
6.導航條的設計
導航條也沒有固定的部署位置,感覺客戶查找方便就可以了,左側,更部右側均可,要注意的是,結構要清晰,層次不要太多,這要考慮到,內容頁面的點擊距離因素,楓林認為訪客進入該頁面在點擊距離不要超過3就找到自己需要的內容是比較合理的,千萬不要特意的安排點擊距離。
有些SEOER認為點擊距離越短越好,于是就千方百計的修改設計利用,比如:使用2級域名,rewrite等盡量使得路徑變短,楓林認為這個對該站沒有太多的好處。就拿很多SEOER使用的Z-blog來說,默認的網頁文件都在post目錄下面放著,其一,分類比較混亂,其二,這種結構很可能被搜索引擎視為作弊,而做降權或者
合理的網頁設計,歡迎合作。