一個(gè)優(yōu)秀的網(wǎng)頁(yè)設(shè)計(jì)對(duì)于任何試圖在網(wǎng)上取得成功的業(yè)務(wù)來(lái)說(shuō)都是很重要的，但是如果一個(gè)網(wǎng)站沒(méi)有機(jī)會(huì)得到好的搜索排名，那么幾乎沒(méi)有多少人會(huì)看到你的網(wǎng)站。

下面是啟邁合肥網(wǎng)絡(luò)公司整理的網(wǎng)頁(yè)設(shè)計(jì)人員需要知道10條優(yōu)化建議，它們能讓你在不犧牲你的創(chuàng)造性和風(fēng)格的情況下做出對(duì)搜索引擎更友好的網(wǎng)站設(shè)計(jì)。

1、把腳本放在HTML文件之外
當(dāng)你為網(wǎng)站寫(xiě)代碼時(shí)，要確保你以外部引用的方式使用JavaScript和CSS。



2、確保你的網(wǎng)站導(dǎo)航對(duì)搜索引擎友好
如果你不清楚如何讓Flash對(duì)象可訪問(wèn)和對(duì)網(wǎng)絡(luò)爬蟲(chóng)友好，那么用Flash作為網(wǎng)站導(dǎo)航是很糟糕的選擇。搜索引擎很難抓取一個(gè)使用Flash的網(wǎng)站。



CSS和不引人注意的JavaScript能夠在不犧牲你的搜索引擎排名的情況下提供任何你需要的精心設(shè)計(jì)的效果。

3、設(shè)計(jì)你的URL使其對(duì)搜索友好
對(duì)搜索友好的URL不是那些難以抓取的URL，例如查詢(xún)字符串等。最好的URL包含幫助描述頁(yè)面內(nèi)容的關(guān)鍵字。要注意一些內(nèi)容管理系統(tǒng)使用自動(dòng)生成的數(shù)字和特殊的符號(hào)作為頁(yè)面的URL。好的內(nèi)容管理系統(tǒng)會(huì)讓你可以定制和美化網(wǎng)站URL。

4、限制你不希望搜索引擎索引的頁(yè)面
可能會(huì)有一些你不希望搜索引擎索引到的頁(yè)面。這些頁(yè)面可能是對(duì)你的內(nèi)容毫無(wú)用處，例如服務(wù)器端腳本。這些網(wǎng)頁(yè)甚至可能是在你正建立新的站點(diǎn)時(shí)用來(lái)測(cè)試你的設(shè)計(jì)的（雖然不建議這么做，但是我們大多數(shù)人仍然會(huì)這么做）。



不要將這些頁(yè)面暴露給web機(jī)器人。你可能會(huì)給搜索引擎重復(fù)的內(nèi)容，同時(shí)會(huì)稀釋你的主要內(nèi)容。這些頁(yè)面可能會(huì)對(duì)你的網(wǎng)站的搜索位置產(chǎn)生負(fù)面影響。

最好的避免這些頁(yè)面被搜索引擎檢索到的方法是使用robots.txt文件，能改善你的網(wǎng)站的五個(gè)文件之一。

如果你的網(wǎng)站有一部分正在測(cè)試環(huán)境中使用，用密碼保護(hù)這部分內(nèi)容，更好的方法是，使用本地web開(kāi)發(fā)環(huán)境如XAMPP或者WampServer。

5、使用搜索引擎爬蟲(chóng)能閱讀的內(nèi)容
內(nèi)容是一個(gè)網(wǎng)站的生命力所在，也是搜索引擎需要的。在設(shè)計(jì)一個(gè)網(wǎng)站時(shí)，確保你仔細(xì)考慮過(guò)內(nèi)容的良好結(jié)構(gòu)（如標(biāo)題、段落和鏈接）。

內(nèi)容很少的網(wǎng)站總是在搜索結(jié)果中“苦苦掙扎”，在多數(shù)情況下，如果在設(shè)計(jì)階段有更合適的計(jì)劃的話(huà)是完全可以避免的。例如，不要用圖片來(lái)代替文字除非你使用了CSS背景圖片文字替換技術(shù)。

6、不要忽視圖片的Alt屬性
確保你的所有圖片的alt屬性都是描述性的。所有的圖片的alt屬性必須100%符合W3C標(biāo)準(zhǔn)，但是很多都只是通過(guò)簡(jiǎn)單地添加任意的文字來(lái)達(dá)到這個(gè)要求。沒(méi)有alt屬性也比不正確的alt屬性好。

搜索引擎會(huì)讀取alt屬性，并且可能會(huì)將其納入頁(yè)面與搜索關(guān)鍵詞相關(guān)性的考慮之中。這也可能用于像Google圖片這樣的基于圖片排名的搜索引擎。

除了搜索引擎優(yōu)化的角度，圖片的alt屬性還可以幫助盲人用戶(hù)。

7、使用唯一的元數(shù)據(jù)
頁(yè)面標(biāo)題、描述和關(guān)鍵字應(yīng)該都不一樣。很多情況下，網(wǎng)站設(shè)計(jì)者會(huì)創(chuàng)建一個(gè)網(wǎng)站模板，但是忘記修改元數(shù)據(jù)，最后會(huì)導(dǎo)致好幾個(gè)頁(yè)面會(huì)使用原來(lái)的占位符信息。

每個(gè)頁(yè)面都應(yīng)該有自己的元數(shù)據(jù)。這就是能夠幫助搜索引擎更好的把握網(wǎng)站的結(jié)構(gòu)的方法之一。

8、用新的內(nèi)容更新頁(yè)面
如果你的網(wǎng)站有博客，你可以考慮在網(wǎng)頁(yè)上留出地方放一些最新內(nèi)容的摘要。搜索引擎很希望看到網(wǎng)頁(yè)內(nèi)容不時(shí)地改變表明這個(gè)站點(diǎn)還是好好的。還可以通過(guò)不斷變化的內(nèi)容來(lái)提高搜索引擎的抓取頻率。

你并不想展示完整的摘要因?yàn)檫@會(huì)引起重復(fù)內(nèi)容的問(wèn)題。

9、遵從W3C標(biāo)準(zhǔn)
搜索引擎喜歡組織得很好，整潔的代碼（誰(shuí)又不喜歡呢？）。整潔的代碼使得網(wǎng)站更容易被索引，也是一個(gè)網(wǎng)站建得有多好的標(biāo)志。

遵從W3C標(biāo)準(zhǔn)基本上就是強(qiáng)迫你寫(xiě)語(yǔ)義化的標(biāo)簽，這對(duì)于SEO來(lái)說(shuō)只有百利而無(wú)一害的。

10、恰當(dāng)?shù)厥褂脴?biāo)題標(biāo)簽
在你的網(wǎng)頁(yè)內(nèi)容中充分利用標(biāo)題標(biāo)簽；它們向搜索引擎提供HTML文檔的結(jié)構(gòu)信息，并且他們通常相比于網(wǎng)頁(yè)上的其它文本具有更高的權(quán)值（除了鏈接）。



對(duì)于頁(yè)面的主題使用標(biāo)簽。充分利用到標(biāo)簽來(lái)指明內(nèi)容的層次以及描述相似的內(nèi)容區(qū)域。

我不主張?jiān)谝粋€(gè)頁(yè)面使用多個(gè)標(biāo)簽，這樣你的關(guān)鍵主題才不會(huì)被沖淡。