網(wǎng)頁(yè)設(shè)計(jì)優(yōu)化問題 ?

由于不同的搜索引擎在網(wǎng)頁(yè)支持方面存在差異，因此在設(shè)計(jì)網(wǎng)頁(yè)時(shí)不要只注意外觀漂亮，許多平常設(shè)計(jì)網(wǎng)頁(yè)時(shí)常用到的元素到了搜索引擎那里會(huì)產(chǎn)生問題。下面介紹網(wǎng)頁(yè)設(shè)計(jì)優(yōu)化問題，希望對(duì)您有所幫助。 ?

由于不同的搜索引擎在網(wǎng)頁(yè)支持方面存在差異，因此在設(shè)計(jì)網(wǎng)頁(yè)時(shí)不要只注意外觀漂亮，許多平常設(shè)計(jì)網(wǎng)頁(yè)時(shí)常用到的元素到了搜索引擎那里會(huì)產(chǎn)生問題。 ?

框架結(jié)構(gòu)(Frame Sets) ?

有些搜索引擎(如FAST)是不支持框架結(jié)構(gòu)的，他們的“蜘蛛”程序無(wú)法閱讀這樣的網(wǎng)頁(yè)。 ?

圖象區(qū)塊(Image Maps) ?

除AltaVista、Google和Northern Light(現(xiàn)已停止公共搜索服務(wù))明確支持圖像區(qū)塊鏈接外，其他引擎是不支持它的。當(dāng)“蜘蛛”程序遇到這種結(jié)構(gòu)時(shí)，往往會(huì)感到茫然不知所措。因此盡量不要設(shè)置Image Map鏈接。 ?

特效鏈接 ?

我們經(jīng)常看到有些網(wǎng)站為導(dǎo)航鏈接加上了特效，如點(diǎn)擊某個(gè)項(xiàng)目會(huì)展開下層鏈接等。這些效果一般通過(guò)Java Script實(shí)現(xiàn)，視覺上非常新穎，但在“蜘蛛”程序的眼里則沒那么誘人，相反它無(wú)法解讀這種鏈接。為了讓搜索引擎順利檢索到你的網(wǎng)頁(yè)，建議還是犧牲掉一些花哨的東西。 ?

FLASH ?

雖然FLASH制作的網(wǎng)頁(yè)視覺效果較好，但搜索引擎對(duì)此卻不太感冒，個(gè)案表明這一類的網(wǎng)站很難被百度搜索引擎索引。明智的做法是提供FLASH和非FLASH網(wǎng)頁(yè)兩種選擇，這樣即增加了網(wǎng)頁(yè)的觀賞性，又照顧到了搜索引擎的情緒。 ?

動(dòng)態(tài)網(wǎng)頁(yè)(Dynamic Pages) ?

任何地址中帶“?”號(hào)、“&”號(hào)(及其他類似符號(hào))的網(wǎng)頁(yè)都會(huì)把“蜘蛛”程序擋在門外。這些網(wǎng)頁(yè)通常由CGI、PHP、ASP等程序產(chǎn)生，技術(shù)上較先進(jìn)，但不適合搜索引擎的“蜘蛛”程序。雖然目前有的大型搜索引擎(如Google)已具備檢索動(dòng)態(tài)網(wǎng)頁(yè)的能力，但相當(dāng)一部分?jǐn)?shù)引擎還是不支持它的。而且即使是能夠索引動(dòng)態(tài)網(wǎng)頁(yè)的Google，也在多個(gè)場(chǎng)合中明確表示不保證檢索全部的動(dòng)態(tài)網(wǎng)頁(yè)。 ?

因此，除非是超大型網(wǎng)站，為方便起見不得不采用動(dòng)態(tài)網(wǎng)頁(yè)生成技術(shù)，否則還是盡量使用靜態(tài)網(wǎng)頁(yè)為好。 ?

加密網(wǎng)頁(yè) ?

除非你不希望搜索引擎檢索你的網(wǎng)頁(yè)，否則不要給你的網(wǎng)頁(yè)加密。 ?

網(wǎng)頁(yè)容量 ?

包括圖像在內(nèi)的網(wǎng)頁(yè)字節(jié)數(shù)*不要超過(guò)50K。體型龐大的網(wǎng)頁(yè)下載速度慢，不僅會(huì)讓普通訪問者等得心急如焚，有時(shí)也會(huì)使“蜘蛛”程序感到不耐煩。 ?

獨(dú)立域名與付費(fèi)虛擬主機(jī) ?

目前搜索引擎都不愿收錄位于免費(fèi)主頁(yè)空間上的網(wǎng)站。其理由是，既然你認(rèn)為自己的網(wǎng)站如此重要，以至于需要登錄搜索引擎讓天下人都知道，那么你沒有理由還將它放在免費(fèi)服務(wù)器上。更何況免費(fèi)主頁(yè)通常速度較慢，會(huì)影響大家搜索信息的效率。 ?

網(wǎng)頁(yè)設(shè)計(jì)形式的優(yōu)化方法 ?

首先是靜態(tài)網(wǎng)頁(yè)的優(yōu)化方法。 ?

都認(rèn)為靜態(tài)頁(yè)面*搜索引摯優(yōu)化，是不是真是如此排列了，不這么認(rèn)為，對(duì)于靜態(tài)頁(yè)面的好處就是可以讓網(wǎng)頁(yè)不存在漏洞，不像動(dòng)態(tài)那樣容易產(chǎn)生漏洞。但是靜態(tài)頁(yè)面占用的空間又是*的，自然就要花費(fèi)比較大的資金升級(jí)空間了。如果網(wǎng)站內(nèi)容過(guò)多了，上百M(fèi)的話，生成靜態(tài)不是需要好幾G的空間嗎?這個(gè)對(duì)于個(gè)人來(lái)說(shuō)有點(diǎn)麻煩，畢竟資金不是那么充足。而靜態(tài)頁(yè)面的優(yōu)化則是非常簡(jiǎn)單，因?yàn)殪o態(tài)頁(yè)面的權(quán)重傳遞性比動(dòng)態(tài)的要慢，所以，只需經(jīng)常性鞏固一下外鏈和內(nèi)鏈就可以，當(dāng)然如果內(nèi)容有質(zhì)量的話，那么直接用內(nèi)容就可以提高頁(yè)面的權(quán)重了。所以，對(duì)于靜態(tài)頁(yè)面，一般來(lái)說(shuō)，*是放置內(nèi)容頁(yè)，因?yàn)殪o態(tài)頁(yè)面一旦產(chǎn)生，那么就是死死的呆在那里，而對(duì)于蜘蛛爬行，只需爬行一次足夠的頁(yè)面就是內(nèi)容頁(yè)了，如果爬行的過(guò)多，自然就會(huì)造成重復(fù)收錄，那么就會(huì)顯示網(wǎng)站收錄量或低或高，自然就是們所說(shuō)的，明明收錄了100卻放出50而已，因?yàn)橐恍┲貜?fù)的都在數(shù)據(jù)庫(kù)整理時(shí)被刪掉了。所以，靜態(tài)的頁(yè)面適合放置內(nèi)容頁(yè)，而不是整都靜態(tài)。 ?

其次是偽靜態(tài)的優(yōu)化方法。 ?

偽靜態(tài)是存在靜態(tài)與動(dòng)態(tài)之間的一個(gè)分類，也可以說(shuō)是兩者的結(jié)合體，因?yàn)殪o態(tài)的占用空間比較大，所以，為了節(jié)省空間資源，就通過(guò)偽靜態(tài)來(lái)實(shí)現(xiàn)網(wǎng)站靜態(tài)化，當(dāng)然這個(gè)靜態(tài)并不是事實(shí)上的靜態(tài)，而是通過(guò)代碼調(diào)用數(shù)據(jù)庫(kù)的內(nèi)容偽裝成HMTL后綴名，其實(shí)偽靜態(tài)都會(huì)帶有一定的特殊符號(hào)。如英文狀態(tài)下的問號(hào)。所以，一般的偽靜態(tài)都是給搜索引摯看的，讓搜索引摯把網(wǎng)站認(rèn)為是靜態(tài)，其實(shí)這種類型的頁(yè)面并不被搜索引摯喜歡，只不過(guò)這種頁(yè)面形式比之動(dòng)態(tài)頁(yè)面的漏洞較為少，而且還比靜態(tài)的占用的空間少，這就會(huì)這么受的歡迎的，對(duì)于偽靜態(tài)的優(yōu)化，認(rèn)為*是放置欄目或者分類頁(yè)中去。因?yàn)闄谀宽?yè)的訪問量比內(nèi)容頁(yè)的要大，而且欄目頁(yè)使用偽靜態(tài)可以跟內(nèi)容頁(yè)形成一個(gè)相應(yīng)的照看。所以，偽靜態(tài)對(duì)于欄目頁(yè)有一定的提升，畢竟欄目頁(yè)不會(huì)像內(nèi)容頁(yè)那樣，蜘蛛爬行的時(shí)候都只是路過(guò)而已，最主要的還是抓取內(nèi)容頁(yè)，所以，對(duì)于欄目頁(yè)興趣不怎么樣。 ?

*是動(dòng)態(tài)頁(yè)面的優(yōu)化方法。 ?

哪些頁(yè)面更新最勤快呢?肯定是首頁(yè)和*相關(guān)類的頁(yè)面了。而對(duì)于首頁(yè)來(lái)說(shuō)，如果生成靜態(tài)的話，那么就會(huì)產(chǎn)生兩個(gè)網(wǎng)址，一個(gè)是原始網(wǎng)址，一個(gè)是生成后的網(wǎng)址。而且原始網(wǎng)址是不可能去掉的，如果把首頁(yè)生成靜態(tài)，那么就把整站的權(quán)重多分一個(gè)頁(yè)面了，權(quán)重低的時(shí)候自然不會(huì)察覺有什么問題，但是到了一定的權(quán)重的時(shí)候，這樣的區(qū)別就很容易顯現(xiàn)出來(lái)了。所以，首頁(yè)一般使用動(dòng)態(tài)的比較好，因?yàn)橛脩艉椭┲攵冀?jīng)常性的訪問首頁(yè)，如果首頁(yè)整天都自動(dòng)生成靜態(tài)的話，那么就會(huì)讓蜘蛛重復(fù)的抓取多次，這樣就會(huì)形成網(wǎng)站有多個(gè)快照的情況出現(xiàn)了。而一些相關(guān)的首頁(yè)推薦和自動(dòng)推薦也應(yīng)該使用動(dòng)態(tài)的，因?yàn)檫@樣可以讓用戶實(shí)時(shí)的知道情況，而不會(huì)產(chǎn)生緩沖現(xiàn)象。至于優(yōu)化方法，覺得動(dòng)態(tài)頁(yè)面的優(yōu)化更為簡(jiǎn)單，因?yàn)閯?dòng)態(tài)頁(yè)面會(huì)自動(dòng)產(chǎn)生，自然自己無(wú)法確定其確定網(wǎng)址，所以，常用的優(yōu)化方法都適合動(dòng)態(tài)頁(yè)面的優(yōu)化。雖然動(dòng)態(tài)頁(yè)面存在的漏洞風(fēng)險(xiǎn)比較高，但是結(jié)合其空間的安全性，這點(diǎn)還可以解決掉的。 ?

網(wǎng)頁(yè)設(shè)計(jì)對(duì)SEO的影響 ?

網(wǎng)站結(jié)構(gòu) ?

網(wǎng)站結(jié)構(gòu)是SEO里面為重要的因素之一。它代表了你整個(gè)框架的設(shè)計(jì)，你的網(wǎng)頁(yè)是如何聯(lián)結(jié)在一起的。搜索引擎的爬蟲會(huì)根據(jù)你對(duì)這方面的設(shè)置，來(lái)判斷你的網(wǎng)站是否具有價(jià)值，因此，網(wǎng)站結(jié)構(gòu)的層次和站點(diǎn)地圖，是你獲得較高排名的關(guān)鍵。 ?

導(dǎo)航設(shè)置 ?

設(shè)計(jì)網(wǎng)頁(yè)，當(dāng)然少不了對(duì)導(dǎo)航的考慮。導(dǎo)航必須是簡(jiǎn)單而明了，如果用戶看得懂你的導(dǎo)航，并且可以通過(guò)它輕松抵達(dá)任何一個(gè)欄目，那么，這就是一個(gè)成功的導(dǎo)航。不要讓導(dǎo)航堆放過(guò)多欄目，也不要讓導(dǎo)航鏈接到一些沒用的地方。 ?

?

Meta介紹 ?

可能有些新站長(zhǎng)并不知道這是干什么的，在網(wǎng)站頁(yè)面上，幾乎每個(gè)頁(yè)面都會(huì)有Meta的描述，它一般是160個(gè)字符左右。Meta描述的作用是吸引瀏覽用戶的一個(gè)十分好的外鏈機(jī)會(huì)，它提升關(guān)鍵字的搜索概率。不過(guò)，并不表示網(wǎng)站每個(gè)頁(yè)面都需要填寫，只在重要的頁(yè)面填寫就可以了。 ?

網(wǎng)站內(nèi)容 ?

內(nèi)容絕對(duì)是網(wǎng)站的一個(gè)重點(diǎn)。無(wú)論是哪個(gè)搜索引擎，都對(duì)內(nèi)容十分偏愛。所以，不要把內(nèi)容這一塊給忽略了，而且更應(yīng)該花點(diǎn)功夫去搭建你那有價(jià)值的內(nèi)容王國(guó)。 ?

圖片優(yōu)化 ?

雖然搜索引擎似乎讀取不到圖片，但是對(duì)于圖片的命名，它還是可以顯示和讀取到的。如果你忽略了對(duì)圖片的命名優(yōu)化，那么你也將會(huì)失去一個(gè)寶貴的機(jī)會(huì)。優(yōu)化圖片，包括其標(biāo)簽，如果標(biāo)簽在瀏覽器上無(wú)法加載，它會(huì)懸停在那里，然后出現(xiàn)你的名字。 ?

網(wǎng)站速度 ?

大部分的訪客都是沒有耐性的，特別是對(duì)一個(gè)不大熟悉的網(wǎng)站，超過(guò)40%的訪客，會(huì)因?yàn)榧虞d一個(gè)網(wǎng)站需要超過(guò)3秒的時(shí)間而放棄瀏覽它。所以，我們?yōu)槭裁凑f(shuō)，一些企業(yè)在選用自助建站平臺(tái)建網(wǎng)站時(shí)，選像凡科此類型大型成熟點(diǎn)的自助建站平臺(tái)的重要性，因?yàn)檫@也是服務(wù)器穩(wěn)定的一個(gè)保證。如果不想因?yàn)榫W(wǎng)站打開速度問題趕走你的訪客，這個(gè)是必須要考慮的。 ?

如何優(yōu)化圖片來(lái)提高網(wǎng)站的訪問速度 ?

1. 在網(wǎng)站設(shè)計(jì)之初，就先要做好規(guī)劃，比如背景圖片如何使用等等。 ?

2. 編輯圖片的時(shí)候，要做好裁剪，只展示必要的、重要的、同內(nèi)容相關(guān)的部分。 ?

3. 在輸出圖片的時(shí)候，圖片大小要設(shè)置妥當(dāng)，長(zhǎng)寬像素就設(shè)成你所需要的大小，而不要輸出大圖片，然后使用的時(shí)候，再指定較小的長(zhǎng)寬，縮小圖片。 ?

4. 盡量組合裝飾性的圖片，以節(jié)省http請(qǐng)求數(shù)，在具體使用時(shí)，采用CSS sprite的方式。 ?

5. 頁(yè)面上的邊框，背景，盡可能的使用CSS的方式來(lái)展示，而不要用圖片。 ?

6. 圖片使用上，能用png格式的盡量用，以替代過(guò)去常用的gif和jpeg格式。在保證質(zhì)量的情況下，用最小的文件。 ?

7. 在html中明確指定圖片的大小。 ?

8. 若使用photoshop的話，縮放圖片通常會(huì)讓圖像模糊，可以用smart sharpen來(lái)讓圖片更為出色。 ?

9. 對(duì)于GIF和PNG文件格式，最小化顏色位數(shù)，可使文件更小。 ?

10. 對(duì)于GIF和PNG文件，最小化dithering，可使文件更小。 ?

11. 如果圖片上要添加文字，可能的話，就不要把文字嵌入到圖片中，而是采用透明背景圖片，或者CSS定位讓文字覆蓋在圖片上，既能獲得相等的效果，還能把圖片更大程度的壓縮。 ?

12. 在較小的GIF和PNG圖片上，可以使用有損壓縮。 ?

13. 可能的話，使用局部壓縮，保證前景清楚的基礎(chǔ)上，較大程度的壓縮背景。 ?

14. 圖片在優(yōu)化之前，若能降噪的話，可以獲得額外的20%多的壓縮。 ?

15. jpg圖片也可以模糊背景，然后壓縮的時(shí)候，可以壓縮的更多。 ?