根據google最新的(de)<♣£©算(suàn)法規則:用(yòng)戶行(xíng)為(wèi)模式的(de)重視(shì)♣σ∏程度越來(lái)越高(gāo)，這(z↓≥×hè)也(yě)就(jiù)要(yào)求網頁設計(jì)的(de)時(s✘​hí)候應注意“友(yǒu)好(hǎo >)的(de)網頁設計(jì)”，SEO業(yè)界也(yě)有(yǒδλ×u)個(gè)共識“網頁設計(jì)首先面對(duì♦σ​✔)的(de)是(shì)訪問(wèn)者，其次才是(s§ε♠♣hì)搜索引擎”。站(zhàn)長(&$↕cháng)收藏夾有(yǒu)幸讀(dú)了(le)Tasneem <₩↔;Rangoonwala寫的(de)Effective Web>♥λβ Design，直譯為(wèi)“有(yǒu)效的(de)網頁設計(jì)&&¥rdquo;，準确點應該翻譯為(wèi)&l≥φ∏ dquo;友(yǒu)好(hǎo)的(de)網頁設計‌↓×‍(jì)”。

　　Tasneem Rangoonwala對(d♣ uì)網頁設計(jì)應該注意的(de)問(wèn)題分(fēn)的(de)很(hγ‌δ>ěn)細,提到(dào)了(le)網頁從(cóng)結構，色彩搭配，文(wén)本情$ε‍況，圖片設計(jì)，鏈接狀況等很(hěn)πφε多(duō)細節方面應注意的(de)問(wèn)題。站(zhàn)長(ch π•βáng)收藏夾從(cóng)正面在針對(duì)“友(y↔γδǒu)好(hǎo)的(de)網頁設計(jì)&rdqγγuo;做(zuò)一(yī)些(xiē)闡述:

　　怎麽判斷網頁結構是(shì)否合理(lǐ)呢(ne)?

　　正如(rú)前面所說(shuō)的(de):A :大($​dà)多(duō)數(shù)訪客更容易訪★ε₩問(wèn)，更容易接受的(de)就(jiù)是(shì♠↕ε)合理(lǐ)B:在搜索引擎中表現(xiàn)良好(hǎo)的(de)結構即是(shì)合≤¥×理(lǐ)

　　我們認為(wèi)要(yào)做(zuò)到&≈(dào)合理(lǐ)的(de)網頁設計(jì)需要(yào&‌≥)做(zuò)的(de)是(shì):

　　1.網站(zhàn)定位

　　網站(zhàn)的(de)定位很(h​<≥ěn)重要(yào)，網站(zhàn)的(de)定位就(jiù)是(s∞≈‌hì)說(shuō)在做(zuò)站(z±>±♦hàn)前要(yào)有(yǒu)目标，你(nǐ)的(de)網站(zhàn)主要(yào)針對(d→ε₹‍uì)哪些(xiē)客戶群體(tǐ)，針對(÷ π★duì)哪個(gè)年(nián)齡層次的(de)人(rén)群→  ，這(zhè)個(gè)直接決定了(le)下(xià)面網站(zhàn)應該使用(←±γyòng)什(shén)麽樣的(de)結構。

　　2.結構的(de)合理(lǐ)

　　結構的(de)合理(lǐ)與否直接決♣∑™ 定了(le)客戶對(duì)該站(zhàn)的(de)體(tǐ)驗狀況，詳☆↑<細點可(kě)分(fēn)為(wèi):導航欄目的(de)設計₹ δ (jì)，圖片布局，欄目編排，文(wén)本凸顯位置。

　　可(kě)以在您的(de)站(zhàn)點做(zuò)一(yī)個(gβ∏è)欄目調查，征求下(xià)網友(yǒu)的↕λ(de)意見(jiàn)，針對(duì)不(bù)同類型的(de)站(↑φ∞ zhàn)點，布局也(yě)不(bù)太一(yī)樣，各個(gè)行(xíγ∑€ng)業(yè)站(zhàn)都(dōu)有(yǒu)自(zì)己的( ↕¥de)規則，針對(duì)具體(tǐ)行(xíng)業(yè)的(de)訪問(wèn)者也(yě)$ €✔都(dōu)不(bù)同的(de)訪問(wèn)習(xí)慣，所以做(¥φ¶zuò)下(xià)行(xíng)業(y×↕λè)調查是(shì)很(hěn)有(yǒu)必要(yào)的(de)。

　　3.程序選擇

　　這(zhè)個(gè)主要(yào)針對(duì)的(de)是(shì)搜索引φ''λ擎，一(yī)般用(yòng)戶不(bù)會(huì)去(qù)注意到(dào)你(n↑→₽ǐ)的(de)網站(zhàn)使用(yòng)的(de)是(shì)什(shén)£←麽程序，針對(duì)搜索引擎的(de)習(xí)慣選擇盡量€Ω×友(yǒu)好(hǎo)于搜索引擎的(de)程序結構。

　　關于這(zhè)點，目前比較火(huǒ)的(de)設計(jì)程序就(ji♣≠ù)是(shì)XHTML+CSS或者我們稱之為(wèi)DIV+CSS，自(zì∑•)從(cóng)WEB2.0在網絡升溫以後，很(hěn)≥↓ ≈多(duō)公司和(hé)個(gè)人(rén)對(duì)網站(zhàn)設計(jì)☆α≥程序都(dōu)做(zuò)出了(le)新的(de)選擇，順應潮流 ★ ↑。當然WEB2.0也(yě)有(yǒu)其誕生(shēng)的(de)背景:倡導以人(₽♦✔¥rén)為(wèi)本，全面的(de)人(rén)性化(huà)理(lǐ)念。

　　注意這(zhè)也(yě)不(bù)是(shì)絕對(duì"↓✔∏)的(de)，html既然有(yǒu)table标簽，它就(  ¥βjiù)有(yǒu)存在的(de)價值，隻是(shì)div的(de)設計(jì)能(nénσΩg)比table程序結構稍微(wēi)簡單點，再加上(shàng)CSS打包，加快(k↓→$<uài)了(le)網頁的(de)下(xià)載速度，增強了(le)用‍βΩ(yòng)戶體(tǐ)驗。

　　4.圖片，flash，框架的(de)使用(yòng)•±

　　這(zhè)是(shì)一(yī)個(gè)老(lǎo)話(huà €±)題了(le)，很(hěn)多(duō)人(rén€¥φ)建議(yì)盡量不(bù)使用(yòng)這(zh✔ £∞è)些(xiē)就(jiù)不(bù)要(yào)用(yòng)了(le)，但(dàn)是(sh↑¶ γì)站(zhàn)長(cháng)收藏夾認為(wèi)圖片，flash和(h₩→£é)框架這(zhè)些(xiē)元素都(dōu)±₽'<有(yǒu)存在的(de)必要(yào)性。

　　少(shǎo)使用(yòng)或者不(bù)使Ω≈用(yòng)這(zhè)些(xiē)原件(jiàn)的(de) €‍隻是(shì)考慮到(dào)了(le)搜索引擎而沒有(yǒu)考慮γ∞©¥到(dào)訪問(wèn)者，從(cóng)訪客的(de)¥≤< 角度來(lái)說(shuō)，他(tā)們不(bù)喜歡哪些(xiē)純粹性的(de)π♠σσ文(wén)本頁面，他(tā)們進某個(gè)頁面更多(duō)的(d★±§e)是(shì)想體(tǐ)驗該站(zhàn)的(de)“樂(yuè)趣♦©α÷”，這(zhè)個(gè)娛樂(yuè)站(zhàn)更是♥✔(shì)深有(yǒu)體(tǐ)會(huì)

　　Tasneem Rangoonwa↔'​la也(yě)說(shuō)過too much text ÷"∞;is boring.站(zhàn)長(cháng)收藏夾自(zì)己就(jiù)不(b₹$>∑ù)喜歡純文(wén)本頁面，這(zhè)樣的(de)頁面對(duì)訪客的↕γ₹>(de)粘滞性很(hěn)低(dī)，但(dàn)是(shì)可(kě)以确切←©​←的(de)說(shuō)對(duì)搜索引擎100%有(yǒu)好(h÷"€£ǎo)處，我想這(zhè)也(yě)是(shì)一(yī)些(xiē)SEOER不(bù​δ)願意 在自(zì)己的(de)博客的(de)首頁或者內(n趱£∏i)頁使用(yòng)圖片的(de)原因吧(ba)，他(tā)們更多(duō)考慮的→ε(de)是(shì)搜索引擎，這(zhè)些(xiē)博客機(jī)會(huì★‍‌§)沒有(yǒu)什(shén)麽美(měi)♠↕工(gōng)的(de)痕迹，記得(de)在點石論壇看(kàn)到(≥φdào)過一(yī)位讀(dú)者的(de)文(wén)章(zhāng)中提到(dào):&nbs©♠p;百度喜歡漂亮(liàng)的(de)頁面。

　　站(zhàn)長(cháng)收藏夾σ‌Ω做(zuò)了(le)下(xià)猜想:百度是(sh∏♠↕'ì)不(bù)是(shì)認為(wèi)純文(wén)≠≠☆本和(hé)多(duō)鏈接的(de)頁面是(shì)故意的(de)認為(w•ε ‍èi)因素制(zhì)造的(de)呢(ne)?這(zhè)些(xiē)頁面是(sh∏‍ì)專門(mén)針對(duì)百度而來(lái)的(de)呢$÷(ne)?

　　如(rú)果這(zhè)種猜想是(shì)正确的(de)，哪些(✘∏‍φxiē)被百度封博客的(de)事(shì)情就(jiù)不(bù)難解釋了("€le)，你(nǐ)們可(kě)以去(qù)看(kàn)看(kàn)，你(₽Ωnǐ)們的(de)頁面有(yǒu)記個(gè)圖片，這(zhè)個↕>(gè)到(dào)不(bù)重要(yào)，重要(yào)的(de)是(shì)整個(gè)€☆¶站(zhàn)點裡(lǐ)面這(zhè)些(xiēλ∞α∏)元件(jiàn)所占的(de)比率是(shì)多(duō)少(shǎo)呢(ne)?你(​÷∑∏nǐ)認為(wèi)這(zhè)還(hái)算(suàn)是(s★ ©hì)一(yī)個(gè)正常的(de)網頁麽?

　　站(zhàn)長(cháng)收藏夾認為(wèi)這(zhè)些(xiē)網頁元素不(×↑bù)應該特意回避，否則還(hái)不(bù)餓₽§死美(měi)工(gōng)了(le)。我們能(§₽®λnéng)做(zuò)的(de)是(shì)對(duì)這(zhè)些(xαφ≈iē)元素做(zuò)适當的(de)優化(huà)處理(≠ ≥‌lǐ)，比如(rú)圖片的(de)壓縮，ALT等很(hěn)多(duō)人(r‍<↔εén)都(dōu)熟悉的(de)手法。

　　5.關鍵字的(de)部署

　　關鍵字的(de)部署也(yě)是(shì)從(cóng)λβ≥搜索引擎的(de)角度來(lái)考慮的(de)，但(dàn)是(shì)§∞±話(huà)說(shuō)回來(lái)，合理(Ω£εlǐ)的(de)部署關鍵字也(yě)對(δ'ασduì)于訪問(wèn)者是(shì)有(y★★€ǒu)利的(de)，他(tā)們可(kě)以通(tōng)過某些(x§™÷iē)位置的(de)關鍵字很(hěn)快(kuài)了(le)解這(zhè)個(gè)網頁所要←γ(yào)交代什(shén)麽意思。

　　這(zhè)樣文(wén)章(zhāng)頂部的(de)關鍵字就(jiù)顯得(d¶ &™e)尤為(wèi)重要(yào)了(le)，就(jiù)像一©✘(yī)些(xiē)報(bào)刊一(yī)樣，楓林(lín)認為©​(wèi):在一(yī)些(xiē)文(wén)章(zα™♦​hāng)的(de)頭部加上(shàng)一σ ©>(yī)些(xiē)摘要(yào)或者引♥ ¥言，在這(zhè)些(xiē)摘要(yào)或者引言裡± φ(lǐ)面融入适當密度的(de)關鍵字(對(duì)于google，每10α↕γ¥0個(gè)字中出現(xiàn)1.5-2個(gè)關鍵字是(shì)比較合理(lǐ)的✘ (de))對(duì)訪問(wèn)者或者搜索引擎都(dōu✔≥ •)是(shì)很(hěn)重要(yào)的(de)。

　　不(bù)要(yào)以為(wèi)關鍵字部署實在網站(zhàn✘®)完工(gōng)以後要(yào)做(zuò)的(de)，那(nà)時(shí)你(nǐ)要(y♥®ào)花(huā)費(fèi)比現(xiàn)在更多(duō)的(de)代價。

　　6.導航條的(de)設計(jì)

　　導航條也(yě)沒有(yǒu)固定的(de)部署位置，感覺客戶查找方便就(jiù)可(k ↕↓ě)以了(le)，左側，頂部右側均可(k¥✔₽ě)，要(yào)注意的(de)是(shì)，結構要(yàγ'λo)清晰，層次不(bù)要(yào)太多(duō)，這(z↕§∑±hè)要(yào)考慮到(dào)，內(nèi)容頁面的(de)點擊距離(lí)因素，站(zhàn↓§)長(cháng)收藏夾認為(wèi)訪客進入該頁γ→↕面在點擊距離(lí)不(bù)要(yào)超過3就(jiù)找到(dào)自(zìσ‍♠)己需要(yào)的(de)內(nèi)容是(shì)比較合理(lǐ≤αΩ×)的(de)，千萬不(bù)要(yào)特意的(dδ‌♣e)安排點擊距離(lí)。

　　有(yǒu)些(xiē)SEOER認為(wèi)點擊距離(lí)越短(duǎn)越好↑ (hǎo)，于是(shì)就(jiù)千方百計(jì)的£→✘£(de)修改設計(jì)利用(yòng)，比如(rú):使用(yòng×↕↕)2級域名，rewrite等盡量使得(de)路(lù)徑變短(duǎn)，楓林(l↕βín)認為(wèi)這(zhè)個(gè)對(duì)該站(zhàn) ™$→沒有(yǒu)太多(duō)的(de)好(hǎo)處。就(ji‍® ↑ù)拿(ná)很(hěn)多(duō)SEOER使用(yòng)•↕≥的(de)Z-blog來(lái)說(shuō)，默認的(de)×÷←×網頁文(wén)件(jiàn)都(dōu)在post目錄下(xià)面放(fஶng)著(zhe)，其一(yī)，分(fēn)類比較混亂，其二，這(zhè)種結構很(hěn)可•ε(kě)能(néng)被搜索 引擎視(shì)為(wèi)'∑作(zuò)弊，而做(zuò)降權或者封站(zhàn)↕♦的(de)處理(lǐ)，尤其是(shì)‍α ₹內(nèi)容很(hěn)多(duō)的(de)站(z•£δ¶hàn)，大(dà)量的(de)出現(xiàn)這(zβ ™​hè)樣的(de)短(duǎn)路(lù)徑頁面并且都(dōu)是(shì)通(tōn ÷g)一(yī)目錄下(xià)，對(duì)其站(zhàn)點沒有®¥ε÷(yǒu)什(shén)麽好(hǎo)處。

　　7.網站(zhàn)底部的(de)處理(lǐ)

　　我們在寫文(wén)章(zhāng)的(de)時(shí)候也(yě)要(yào)講究個(gφ₽♥è)虎頭豹尾，楓林(lín)認為(wèi)這(zhè)個(gè)理(lǐ)念★ 對(duì)于網頁設計(jì)也(yě)是(shì)可(§♦←≈kě)以應用(yòng)的(de)，楓林γ×φ(lín)很(hěn)忌諱把底部文(wén)件(jiàn)做(zu ←λ∞ò)成JS 進行(xíng)調用(yòng)的(de)∏★←做(zuò)法。這(zhè)樣你(nǐ)的(de)關鍵字便失去(qù)了(le)更多(₩₽®duō)的(de)在搜索引擎中展示的(de)機(jī)會(ε®" huì)，一(yī)些(xiē)SEOER​"÷認為(wèi)搜索引擎spider最多(duō)爬行(xíng)頁面中的(de)前100位©φ內(nèi)的(de)鏈接，楓 ≈¥林(lín)認為(wèi)這(zhè)種說(shuō)法有(yǒu)點片面，可(kě)能(nén ↑₽g)更多(duō)人(rén)認為(wèi)Robo$‌↕ts的(de)爬行(xíng)習(xí)←•₩慣是(shì)自(zì)上(shàng)而下(xià)的(de)，站(zhàn)長♣€ε(cháng)收藏夾要(yào)說(shuō)的(dγ€β©e)是(shì)底部網站(zhàn)的(de)版權，備案信息等很(hěn)≠'重要(yào)，底部具有(yǒu)一(yī)定的(de)優先權。

　　可(kě)以這(zhè)麽說(shuō)，一(yī)些(xiē)網站(zhàn)"×的(de)版權信息，聯系方式，備案信息等都(dōu)是(shì)放(fàng)在底 ¥部的(de)，Robots們不(bù)會(huì)視(shì)而不(bù)見(jiàn)的(d★δφe),

　　據站(zhàn)長(cháng)收藏夾觀察在底部位置加入适當的(de↓φ₹•)關鍵字，比在網站(zhàn)中間(jiānγ™>↔)內(nèi)容部分(fēn)的(de)關鍵字更有(yǒu)效，這(zhè)些(xiē)關鍵字€↑‌σ往往屬于固定部分(fēn)，也(yě)就(jiù)是​₩(shì)每個(gè)頁面都(dōu)會(huì)出現(xiàn)網站(↕↓÷→zhàn)的(de)底部信息。