建站常識
合理的網(wǎng)頁設(shè)計
2006-10-30 17:29:00
根據(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è)計”,準確點應(yīng)該翻譯為“合理的網(wǎng)頁設(shè)計”。
Tasneem Rangoonwala對網(wǎng)頁設(shè)計應(yīng)該注意的問題分的很細,提到了網(wǎng)頁從結(jié)構(gòu),色彩搭配,文本情況,圖片設(shè)計,鏈接狀況等很多細節(jié)方面應(yīng)注意的問題。
楓林從正面在針對“合理的網(wǎng)頁設(shè)計”做一些闡述:
怎么判斷網(wǎng)頁結(jié)構(gòu)是否合理呢?
正如前面所說的:A :大多數(shù)訪客更容易訪問,更容易接受的就是合理B:在搜索引擎中表現(xiàn)良好的結(jié)構(gòu)即是合理
楓林認為要做到合理的網(wǎng)頁設(shè)計需要做的是:
1.網(wǎng)站定位
網(wǎng)站的定位很重要,網(wǎng)站的定位就是說在做站前要有目標,你的網(wǎng)站主要針對哪些客戶群體,針對哪個年齡層次的人群,這個直接決定了下面網(wǎng)站應(yīng)該使用什么樣的結(jié)構(gòu)。
2.結(jié)構(gòu)的合理
結(jié)構(gòu)的合理與否直接決定了客戶對該站的體驗狀況,詳細點可分為:導(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標簽,它就有存在的價值,只是div的設(shè)計能比table程序結(jié)構(gòu)稍微簡單點,再加上CSS打包,加快了網(wǎng)頁的下載速度,增強了用戶體驗。
4.圖片,flash,框架的使用
這是一個老話題了,很多人建議盡量不使用這些就不要用了,但是楓林認為圖片,flash和框架這些元素都有存在的必要性。
少使用或者不使用這些原件的只是考慮到了搜索引擎而沒有考慮到訪問者,從訪客的角度來說,他們不喜歡哪些純粹性的文本頁面,他們進某個頁面更多的是想體驗該站的“樂趣”,這個娛樂站更是深有體會
Tasneem Rangoonwala也說過too much text is boring.楓林自己就不喜歡純文本頁面,這樣的頁面對訪客的粘滯性很低,但是可以確切的說對搜索引擎100%有好處,我想這也是一些SEOER不愿意在自己的博客的首頁或者內(nèi)頁使用圖片的原因吧,他們更多考慮的是搜索引擎,這些博客機會沒有什么美工的痕跡,記得在點石論壇看到過一位讀者的文章中提到:百度喜歡漂亮的頁面。
楓林做了下猜想:百度是不是認為純文本和多鏈接的頁面是故意的認為因素制造的呢?這些頁面是專門針對百度而來的呢?
如果這種猜想是正確的,哪些被百度封博客的事情就不難解釋了,你們可以去看看,你們的頁面有記個圖片,這個到不重要,重要的是整個站點里面這些元件所占的比率是多少呢?你認為這還算是一個正常的網(wǎng)頁么?
楓林認為這些網(wǎng)頁元素不應(yīng)該特意回避,否則還不餓死美工了。我們能做的是對這些元素做適當(dāng)?shù)膬?yōu)化處理,比如圖片的壓縮,ALT等很多人都熟悉的手法。
5.關(guān)鍵字的部署
關(guān)鍵字的部署也是從搜索引擎的角度來考慮的,但是話說回來,合理的部署關(guān)鍵字也對于訪問者是有利的,他們可以通過某些位置的關(guān)鍵字很快了解這個網(wǎng)頁所要交代什么意思。
這樣文章頂部的關(guān)鍵字就顯得尤為重要了,就像一些報刊一樣,楓林認為:在一些文章的頭部加上一些摘要或者引言,在這些摘要或者引言里面融入適當(dāng)密度的關(guān)鍵字(對于google,每100個字中出現(xiàn)1.5-2個關(guān)鍵字是比較合理的)對訪問者或者搜索引擎都是很重要的。
不要以為關(guān)鍵字部署實在網(wǎng)站完工以后要做的,那時你要花費比現(xiàn)在更多的代價。
6.導(dǎo)航條的設(shè)計
導(dǎo)航條也沒有固定的部署位置,感覺客戶查找方便就可以了,左側(cè),頂部右側(cè)均可,要注意的是,結(jié)構(gòu)要清晰,層次不要太多,這要考慮到,內(nèi)容頁面的點擊距離因素,楓林認為訪客進入該頁面在點擊距離不要超過3就找到自己需要的內(nèi)容是比較合理的,千萬不要特意的安排點擊距離。
有些SEOER認為點擊距離越短越好,于是就千方百計的修改設(shè)計利用,比如:使用2級域名,rewrite等盡量使得路徑變短,楓林認為這個對該站沒有太多的好處。就拿很多SEOER使用的Z-blog來說,默認的網(wǎng)頁文件都在post目錄下面放著,其一,分類比較混亂,其二,這種結(jié)構(gòu)很可能被搜索引擎視為作弊,而做降權(quán)或者封站的處理,尤其是內(nèi)容很多的站,大量的出現(xiàn)這樣的短路徑頁面并且都是通一目錄下,對其站點沒有什么好處。
7.網(wǎng)站底部的處理
我們在寫文章的時候也要講究個虎頭豹尾,楓林認為這個理念對于網(wǎng)頁設(shè)計也是可以應(yīng)用的,楓林很忌諱把底部文件做成JS 進行調(diào)用的做法。這樣你的關(guān)鍵字便失去了更多的在搜索引擎中展示的機會,一些SEOER認為搜索引擎spider最多爬行頁面中的前100位內(nèi)的鏈接,楓林認為這種說法有點片面,可能更多人認為Robots的爬行習(xí)慣是自上而下的,楓林要說的是底部網(wǎng)站的版權(quán),備案信息等很重要,底部具有一定的優(yōu)先權(quán)。
可以這么說,一些網(wǎng)站的版權(quán)信息,聯(lián)系方式,備案信息等都是放在底部的,Robots們不會視而不見的,
據(jù)楓林觀察在底部位置加入適當(dāng)?shù)年P(guān)鍵字,比在網(wǎng)站中間內(nèi)容部分的關(guān)鍵字更有效,這些關(guān)鍵字往往屬于固定部分,也就是每個頁面都會出現(xiàn)網(wǎng)站的底部信息。
可以舉例說明一下,楓林不保證此法的普遍適用性,但是楓林相信自己的眼睛,僅供參考:
圖為楓林的SEO博客,在百度中搜索“楓林”就可以看到,再進博客看看,關(guān)鍵字的部署位置,第一個“楓林”是一篇名為“SEO之網(wǎng)絡(luò)SOHO”的博客內(nèi)容頁面中出現(xiàn)的,第二個“楓林”則是我但是為了宣傳個人簡歷,故意在SEO博客底部加上的,當(dāng)然還有其他的案例,這里就不一一列出了。以上記點純屬楓林個人觀點,由于水平有限,錯誤和不合理之處在所難免,請諒解。
近期更新
- [2023-06-25 23:22:29] 優(yōu)秀網(wǎng)站設(shè)計的五大特點
- [2023-04-27 14:05:55] Html 5 響應(yīng)式網(wǎng)站設(shè)計制作
- [2023-04-10 11:07:30] 網(wǎng)站建設(shè)制作流程知多少
- [2022-10-14 10:11:30] 做網(wǎng)站設(shè)計應(yīng)該更看重框架搭建還是視覺觀感?
- [2022-08-09 15:57:48] 以“產(chǎn)品”思維搭建網(wǎng)站!
- [2022-08-08 09:12:57] 一家公司的網(wǎng)站應(yīng)該有哪些板塊內(nèi)容?
- [2022-08-05 09:28:06] 企業(yè)網(wǎng)站建設(shè)為什么要設(shè)置新聞板塊?
- [2022-07-04 15:58:06] 網(wǎng)站首頁設(shè)計的好看,這個網(wǎng)站就成功了一大半!
- [2022-05-20 09:34:19] 網(wǎng)站后臺管理系統(tǒng)是什么?有什么作用?
- [2022-05-17 11:29:32] 作為消費者,應(yīng)該如何選擇一家水平高的網(wǎng)站建設(shè)公司
- [2022-05-17 11:27:01] 高端網(wǎng)站定制與模板化網(wǎng)站應(yīng)該怎么選擇?
- [2022-04-22 16:00:41] 現(xiàn)在高端的網(wǎng)站設(shè)計都有哪些新的趨勢?
延伸閱讀
- [2016-10-03 16:36:37] 美國政府移交互聯(lián)網(wǎng)域名管理權(quán)至非營利性機構(gòu)ICANN
- [2016-11-16 11:18:00] 無人機全民化可能只是幻想?青島網(wǎng)站制作帶你解密
- [2010-12-03 17:54:00] 為掃描而設(shè)計
- [2009-09-29 07:50:00] 網(wǎng)站設(shè)計的簡潔之道
- [2008-01-17 15:32:00] 你適合做網(wǎng)站設(shè)計師嗎?
- [2010-06-01 08:32:00] 設(shè)計公式:簡單有效的競品分析
- [2006-05-15 10:58:00] 你的網(wǎng)站和你的客戶有多遠?
- [2009-09-10 08:02:00] 公用樣式模板的設(shè)計制作
- [2009-07-15 08:03:00] 表單設(shè)計之基于選擇的輸入(9)
- [2009-05-21 22:36:00] 高品質(zhì)的網(wǎng)頁設(shè)計:實例與技巧
- [2006-09-21 17:04:00] 研究發(fā)現(xiàn):網(wǎng)友能在1/20秒內(nèi)判斷網(wǎng)站質(zhì)量
- [2010-04-02 11:04:00] 設(shè)計中的色彩:粉色
解決方案
輪胎行業(yè)網(wǎng)站設(shè)計解決方案 機械行業(yè)網(wǎng)站設(shè)計解決方案 房地產(chǎn)行業(yè)網(wǎng)站設(shè)計解決方案 科技企業(yè)網(wǎng)站設(shè)計解決方案 電子家電網(wǎng)站設(shè)計解決方案 食品行業(yè)網(wǎng)站設(shè)計解決方案 集團公司網(wǎng)站設(shè)計解決方案 企事業(yè)單位網(wǎng)站設(shè)計解決方案 外貿(mào)行業(yè)網(wǎng)站設(shè)計解決方案 健身運動網(wǎng)站設(shè)計解決方案 美容與化妝品網(wǎng)站設(shè)計解決方案 建筑設(shè)計行業(yè)網(wǎng)站設(shè)計解決方案 物流行業(yè)網(wǎng)站設(shè)計解決方案
TAGS關(guān)鍵字
企業(yè)網(wǎng)站為什么要備案 網(wǎng)站建設(shè)的步驟有哪些 網(wǎng)站制作 外貿(mào)網(wǎng)站設(shè)計 網(wǎng)站優(yōu)化 網(wǎng)站設(shè)計趨勢 微官網(wǎng) 互聯(lián)網(wǎng) 青島高端網(wǎng)站建設(shè) 圖形網(wǎng)格 青島IT資訊 青島網(wǎng)站建設(shè)基礎(chǔ)知識 空白和簡潔的設(shè)計 官網(wǎng)網(wǎng)站建設(shè) 企業(yè)網(wǎng)站建設(shè) 中小型企業(yè)網(wǎng)站建設(shè) 扁平化設(shè)計 輪胎網(wǎng)站設(shè)計 集團公司網(wǎng)站建設(shè) 青島不錯的英文網(wǎng)站建設(shè)公司 頁面設(shè)計 青島網(wǎng)絡(luò)公司 青島SEO 微信開發(fā) 青島網(wǎng)頁設(shè)計 營銷型網(wǎng)站 青島網(wǎng)站制作 青島開發(fā)區(qū)建站公司 力圖數(shù)字科技 網(wǎng)站視覺