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