現(xiàn)在的網(wǎng)站建設(shè)設(shè)計(jì)師不僅設(shè)計(jì)網(wǎng)站的外觀和風(fēng)格。他們也常常負(fù)責(zé)主要前端代碼的編寫(xiě)。換句話說(shuō)，SEO（網(wǎng)站優(yōu)化）的相當(dāng)一部分責(zé)任落在設(shè)計(jì)師的肩上。然而大量網(wǎng)頁(yè)設(shè)計(jì)師對(duì)這個(gè)領(lǐng)域的熟悉程度仍不足以讓他們寫(xiě)出一個(gè)對(duì)搜索引擎充分優(yōu)化的網(wǎng)頁(yè)。

本文旨在為普通，甚至部分高級(jí)網(wǎng)站設(shè)計(jì)師提高SEO技巧提供一些重要的竅門(mén)。

1、讓代碼比設(shè)計(jì)更美

搭建網(wǎng)頁(yè)前端的時(shí)候，使用有語(yǔ)義的代碼。用描述性的標(biāo)簽組織頁(yè)面結(jié)構(gòu)，可以提高內(nèi)容對(duì)搜索引擎的可讀性。這也會(huì)讓修飾頁(yè)面的工作變得更簡(jiǎn)單干凈。

2、使用關(guān)鍵字，但要把握分寸

關(guān)鍵字是指描述主要內(nèi)容的詞語(yǔ)。有策略地在頁(yè)面中安放關(guān)鍵字是很重要的，例如在URL、標(biāo)題標(biāo)簽（title tag）以及主要的抬頭標(biāo)簽（heading tag）中。在正文中經(jīng)常使用關(guān)鍵字也很重要，但是不能過(guò)度，否則你的文章可能因關(guān)鍵字堆砌遭到懲罰。

3、避免使用外鏈JS作為導(dǎo)航

無(wú)論華麗的下拉列表效果如何誘人，不要使用它。搜索引擎不能順利讀取外部JavaScript文件中的內(nèi)容，所以JS導(dǎo)航欄中的鏈接將無(wú)法被跟蹤。

4、使用不同的頁(yè)面標(biāo)題

你的網(wǎng)站的每個(gè)頁(yè)面都應(yīng)該有標(biāo)題屬性，而每個(gè)頁(yè)面的標(biāo)題應(yīng)該各不相同。如果每個(gè)頁(yè)面的標(biāo)題都一樣的話，搜索引擎會(huì)理解為你的網(wǎng)站的每個(gè)頁(yè)面都是相同的主題。

5、不要忘記圖片

好好利用圖片的alt屬性，合理地描述它。搜索引擎再怎么聰明，它們也看不懂圖片。忽略這點(diǎn)會(huì)讓你損失大量圖片搜索的流量。

6、不要使用通用鏈接

搜索引擎非常重視鏈接。所以當(dāng)鏈接到相關(guān)內(nèi)容時(shí)，請(qǐng)使用能確切描述該內(nèi)容的文字。比如，當(dāng)你為瀏覽者提供更多Photoshop信息的鏈接時(shí)，使用諸如“關(guān)于Photoshop的更多信息”的描述，而不只是“更多信息”。

7、忌用圖片代替文字

作為設(shè)計(jì)師，我們總是希望作品越美觀越好。于是有時(shí)我們會(huì)用一張漂亮的圖片替換掉瀏覽器上難看的標(biāo)題文字。請(qǐng)盡量避免這樣做。我前面說(shuō)過(guò)，搜索引擎不能理解圖片的內(nèi)容，而這里應(yīng)該是你寫(xiě)關(guān)鍵字的地方。Ps.這一點(diǎn)我貌似誤導(dǎo)大家了。事實(shí)上我們有辦法用圖片達(dá)到目的，比如FIR。

8、慎用AJAX

Ajax加強(qiáng)用戶(hù)體驗(yàn)的效果很贊，但是請(qǐng)不要過(guò)度使用。Ajax生成的內(nèi)容無(wú)法被鏈接到。一個(gè)不錯(cuò)的經(jīng)驗(yàn)法則是：如果你用Ajax加載的可能是一個(gè)獨(dú)立頁(yè)面，就盡量不要使用它。

9、盡快被收錄

讓網(wǎng)站建設(shè)盡快被搜索引擎收錄的方法之一是，嘗試搞到高人氣的相關(guān)利基網(wǎng)站的內(nèi)鏈。提交給谷歌也是一個(gè)選擇，不過(guò)這有時(shí)會(huì)花好幾天時(shí)間，運(yùn)氣不好的話幾個(gè)星期也有可能。

10、內(nèi)鏈豐富

內(nèi)鏈的數(shù)量和質(zhì)量對(duì)網(wǎng)站在搜索結(jié)果中的位置有很大影響。讓大伙鏈接到你的網(wǎng)站的一個(gè)好辦法是提供高質(zhì)量和原創(chuàng)的內(nèi)容。另一個(gè)辦法是大方為別人的網(wǎng)站提供鏈接。