一個(gè)經(jīng)常被提起的SEO真理說(shuō)道：“搜索引擎喜歡大、笨、丑的網(wǎng)頁(yè)”。如果它們也有喜好的話，那么它們一定非常喜歡純文本的食譜。

網(wǎng)站設(shè)計(jì)的問(wèn)題會(huì)影響到搜索引擎排名，尤其是像splash頁(yè)面、框架、動(dòng)態(tài)請(qǐng)求頁(yè)面(主要是指用Js生成渲染的頁(yè)面——譯者注)這樣的頁(yè)面元素。這當(dāng)然不意味著你不能使用這些設(shè)計(jì)元素或者其他很炫的效果。如果你只能在頁(yè)面上看到大段的文本，那么互聯(lián)網(wǎng)將變成一個(gè)相當(dāng)無(wú)聊的地方。還有一點(diǎn)也很重要，不，你一定要記住它，每一個(gè)網(wǎng)站都要首先為終端用戶設(shè)計(jì)，而不是為搜索引擎設(shè)計(jì)。

買家具是一個(gè)很好的比喻。我們很容易找到坐起來(lái)舒服，對(duì)用戶友好(user-friendly)的扶手椅。但是你也希望它和你的客廳相匹配，也就是說(shuō)，可以使得環(huán)境更加優(yōu)美和受歡迎。正下如裝飾一樣的道理，網(wǎng)站設(shè)計(jì)追求的也是風(fēng)格和舒適。你應(yīng)該讓你的瀏覽者感到舒適，并與此同時(shí)打開(kāi)對(duì)搜索引擎的大門。

大多數(shù)網(wǎng)站的目標(biāo)是使用戶改變或者采取某種網(wǎng)站主期望的行為。所以，我可以告訴你Google和Yahoo!都沒(méi)有刻意留心在你的網(wǎng)頁(yè)上有數(shù)不勝數(shù)的產(chǎn)品圖片(真的，它們不是非常在乎)，然而，這些產(chǎn)品圖片的關(guān)鍵部分可能影響著從搜索引擎中來(lái)的瀏覽者對(duì)點(diǎn)擊和購(gòu)買商品的決定。

關(guān)于網(wǎng)站設(shè)計(jì)的注意事項(xiàng)

當(dāng)你了解了我下面所說(shuō)的，并且以此去做，那么你會(huì)得到一個(gè)對(duì)用戶和搜索引擎都很友好的網(wǎng)站(當(dāng)然，除非Google、Yahoo!、Ask或者M(jìn)SN是你的潛在客戶。如果是這種情況，前進(jìn)。請(qǐng)為搜索引擎而設(shè)計(jì))。然而，下面所列出的條目并不是網(wǎng)站設(shè)計(jì)的硬性準(zhǔn)則。它們只是建議。如果你選擇打破這些條例中的一些，而用其他方面來(lái)彌補(bǔ)。請(qǐng)確認(rèn)您有良好的判斷力．最重要的是，進(jìn)行可用性測(cè)試，以確保網(wǎng)站的設(shè)計(jì)和結(jié)構(gòu)元素至少對(duì)搜索引擎也像對(duì)用戶那樣看起來(lái)不錯(cuò)。下面就是這些規(guī)則。

1、避免splash頁(yè)——splash頁(yè)般出現(xiàn)在網(wǎng)站首頁(yè)，以介紹為目的，一般是含有大量圖片和少量文字的頁(yè)面。大多數(shù)splash頁(yè)都只連接到網(wǎng)站中的單個(gè)頁(yè)面。這樣的方式會(huì)誤導(dǎo)搜索引擎，使其認(rèn)為你的網(wǎng)站上只有一個(gè)頁(yè)面是重要的。

2、避免框架和內(nèi)聯(lián)框架(iframe)——框架和內(nèi)聯(lián)框架使得搜索引擎難以抓取網(wǎng)站，因?yàn)樗鼈兣c標(biāo)準(zhǔn)所約定的一個(gè)網(wǎng)頁(yè)就是一個(gè)html文件相背馳，而是包含了多個(gè)html文件。這些文件的鏈接方式使得搜索引擎的蜘蛛無(wú)法爬行。

3、要注意下拉式導(dǎo)航菜單——使用搜索友好的級(jí)聯(lián)樣式表(CSS)建立下拉菜單，并避免JavaScript的DHTML做的導(dǎo)航菜單。如果某個(gè)菜單是建立在JavaSeript上的，一定要包括一個(gè)次要的，基于文本的導(dǎo)航，同樣的原因．搜索引擎蜘蛛無(wú)法爬行這些鏈接。

4、定義網(wǎng)站結(jié)構(gòu)——網(wǎng)站的頁(yè)面是如何按照主題和內(nèi)容分組的?其中一些決定性的因素顯而易見(jiàn)．但是最終決定因素應(yīng)該是關(guān)鍵詞研究(參考第12課)。

5、創(chuàng)建簡(jiǎn)潔有效的代碼——搜索引擎似乎更喜歡更簡(jiǎn)潔、更簡(jiǎn)單、語(yǔ)義定義更好，并按照萬(wàn)維網(wǎng)聯(lián)盟(W3C)的標(biāo)準(zhǔn)編寫的代碼。之前你希望的是在頁(yè)面上放上大量的關(guān)鍵字，但是搜索引擎看到這樣冗余的代碼，可能并不會(huì)主動(dòng)去查找它們。

6、適當(dāng)?shù)氖褂肏TML表格——HTML表格布局破壞了HTML代碼流，并且可能把一些重要的元素，例如實(shí)際的內(nèi)容，擠到頁(yè)面代碼的后端去，這不是你所期望的。然而，CSS布局使得你可以決定代碼元素在頁(yè)面HTML流中出現(xiàn)的位置。

7、避免重復(fù)內(nèi)容——從來(lái)沒(méi)有相同的內(nèi)容出現(xiàn)在多個(gè)域名中，或者出在個(gè)網(wǎng)站的多個(gè)頁(yè)面中。如果你的URL有多個(gè)版本．都指向同樣的內(nèi)容，那么應(yīng)該選擇一個(gè)，然后將其他的重定向到你選定的內(nèi)容，或者禁止搜索引擎的蜘蛛抓取重復(fù)的內(nèi)容。

8、遵循正確的網(wǎng)站重定向架構(gòu)——避免302(臨時(shí))重定向。相反，應(yīng)該使用301(永久)重定向，以確保搜索引擎可以適當(dāng)?shù)厮饕齼?nèi)容。

9、避免Flash網(wǎng)站——Flash網(wǎng)站通常包括只有一個(gè)網(wǎng)頁(yè)，即使網(wǎng)站有足夠的體驗(yàn)可以讓瀏覽者感到這是一個(gè)完整的網(wǎng)站。沒(méi)有任何的辦法可以使得個(gè)頁(yè)面針對(duì)幾十個(gè)關(guān)鍵詞都有很好的排名。

10、使用內(nèi)部鏈接——除了導(dǎo)航菜單，不要忽視其他可能產(chǎn)生內(nèi)部鏈接的部分。內(nèi)部鏈接為瀏覽者提供了更多在站內(nèi)跳轉(zhuǎn)的方便，同時(shí)也為搜索引擎的蜘蛛可以深入你的網(wǎng)站提供了更多的可能。

11、把不重要的圖片放在頁(yè)面底部——搜索引擎索引的是單詞、單詞以及單詞。它們會(huì)對(duì)在每一個(gè)頁(yè)面的項(xiàng)部出現(xiàn)的文字更感興趣。所以，除非有令人信服的理由將圖片放置到頁(yè)面頂部，否則的話，把圖片向下放。

12、使用不同的title標(biāo)簽——網(wǎng)站上的每一個(gè)頁(yè)面都應(yīng)該有獨(dú)特的title標(biāo)簽(更多內(nèi)容，請(qǐng)參考第17課)。

13、避免帶有多個(gè)參數(shù)的動(dòng)態(tài)URL、Session ID和附加的網(wǎng)址——網(wǎng)址不斷變化，而不是固定的，這使得搜索引擎爬蟲在確定路徑時(shí)出現(xiàn)障礙，也許其會(huì)認(rèn)為是重復(fù)內(nèi)容。如果導(dǎo)航欄上的瀏覽器地址中是完全沒(méi)有意義的內(nèi)容，如sid=LKJIhLJUYlO483712345．那么現(xiàn)在是時(shí)候重新考慮這級(jí)別的功能。

14、使用強(qiáng)大的模板——因?yàn)槟０逵绊懢W(wǎng)站每一個(gè)頁(yè)面的外觀、代碼，結(jié)構(gòu)和導(dǎo)航，模板輕微的更改可能會(huì)導(dǎo)致從根本上改變整個(gè)網(wǎng)站。創(chuàng)建和編寫模板時(shí)應(yīng)當(dāng)極其謹(jǐn)慎和注重細(xì)節(jié)。

15、使用扁平的文件結(jié)構(gòu)——理想的情況下，網(wǎng)址應(yīng)不超過(guò)3個(gè)文件的層次，同時(shí)使用連字號(hào)(-)代替下劃線(_)，來(lái)連接文件名中的各個(gè)關(guān)鍵詞。

16、使用面包屑導(dǎo)航——關(guān)鍵字豐富的面包屑導(dǎo)航會(huì)出現(xiàn)在很多零售業(yè)網(wǎng)站的頁(yè)面頂部。它可以幫助用戶理解他們的網(wǎng)站，同時(shí)為搜索引擎蜘蛛提供爬行路線。面包屑導(dǎo)航是提供了這樣關(guān)鍵字的超級(jí)鏈接：“女性：流行：T恤衫”。導(dǎo)航的邏輯非常明確，而且由于每一個(gè)關(guān)鍵詞都是超鏈接，凼此可以幫助瀏覽者和搜索引擎找到包含女式T恤衫的頁(yè)面。