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