網(wǎng)頁設(shè)計(jì)優(yōu)化問題 ?
由于不同的搜索引擎在網(wǎng)頁支持方面存在差異,因此在設(shè)計(jì)網(wǎng)頁時(shí)不要只注意外觀漂亮,許多平常設(shè)計(jì)網(wǎng)頁時(shí)常用到的元素到了搜索引擎那里會(huì)產(chǎn)生問題。下面介紹網(wǎng)頁設(shè)計(jì)優(yōu)化問題,希望對(duì)您有所幫助。 ?
?
由于不同的搜索引擎在網(wǎng)頁支持方面存在差異,因此在設(shè)計(jì)網(wǎng)頁時(shí)不要只注意外觀漂亮,許多平常設(shè)計(jì)網(wǎng)頁時(shí)常用到的元素到了搜索引擎那里會(huì)產(chǎn)生問題。 ?
框架結(jié)構(gòu)(Frame Sets) ?
有些搜索引擎(如FAST)是不支持框架結(jié)構(gòu)的,他們的“蜘蛛”程序無法閱讀這樣的網(wǎng)頁。 ?
圖象區(qū)塊(Image Maps) ?
除AltaVista、Google和Northern Light(現(xiàn)已停止公共搜索服務(wù))明確支持圖像區(qū)塊鏈接外,其他引擎是不支持它的。當(dāng)“蜘蛛”程序遇到這種結(jié)構(gòu)時(shí),往往會(huì)感到茫然不知所措。因此盡量不要設(shè)置Image Map鏈接。 ?
特效鏈接 ?
我們經(jīng)??吹接行┚W(wǎng)站為導(dǎo)航鏈接加上了特效,如點(diǎn)擊某個(gè)項(xiàng)目會(huì)展開下層鏈接等。這些效果一般通過Java Script實(shí)現(xiàn),視覺上非常新穎,但在“蜘蛛”程序的眼里則沒那么誘人,相反它無法解讀這種鏈接。為了讓搜索引擎順利檢索到你的網(wǎng)頁,建議還是犧牲掉一些花哨的東西。 ?
FLASH ?
雖然FLASH制作的網(wǎng)頁視覺效果較好,但搜索引擎對(duì)此卻不太感冒,個(gè)案表明這一類的網(wǎng)站很難被百度搜索引擎索引。明智的做法是提供FLASH和非FLASH網(wǎng)頁兩種選擇,這樣即增加了網(wǎng)頁的觀賞性,又照顧到了搜索引擎的情緒。 ?
動(dòng)態(tài)網(wǎng)頁(Dynamic Pages) ?
任何地址中帶“?”號(hào)、“&”號(hào)(及其他類似符號(hào))的網(wǎng)頁都會(huì)把“蜘蛛”程序擋在門外。這些網(wǎng)頁通常由CGI、PHP、ASP等程序產(chǎn)生,技術(shù)上較先進(jìn),但不適合搜索引擎的“蜘蛛”程序。雖然目前有的大型搜索引擎(如Google)已具備檢索動(dòng)態(tài)網(wǎng)頁的能力,但相當(dāng)一部分?jǐn)?shù)引擎還是不支持它的。而且即使是能夠索引動(dòng)態(tài)網(wǎng)頁的Google,也在多個(gè)場合中明確表示不保證檢索全部的動(dòng)態(tài)網(wǎng)頁。 ?
因此,除非是超大型網(wǎng)站,為方便起見不得不采用動(dòng)態(tài)網(wǎng)頁生成技術(shù),否則還是盡量使用靜態(tài)網(wǎng)頁為好。 ?
加密網(wǎng)頁 ?
除非你不希望搜索引擎檢索你的網(wǎng)頁,否則不要給你的網(wǎng)頁加密。 ?
網(wǎng)頁容量 ?
包括圖像在內(nèi)的網(wǎng)頁字節(jié)數(shù)*不要超過50K。體型龐大的網(wǎng)頁下載速度慢,不僅會(huì)讓普通訪問者等得心急如焚,有時(shí)也會(huì)使“蜘蛛”程序感到不耐煩。 ?
獨(dú)立域名與付費(fèi)虛擬主機(jī) ?
目前搜索引擎都不愿收錄位于免費(fèi)主頁空間上的網(wǎng)站。其理由是,既然你認(rèn)為自己的網(wǎng)站如此重要,以至于需要登錄搜索引擎讓天下人都知道,那么你沒有理由還將它放在免費(fèi)服務(wù)器上。更何況免費(fèi)主頁通常速度較慢,會(huì)影響大家搜索信息的效率。 ?
網(wǎng)頁設(shè)計(jì)形式的優(yōu)化方法 ?
首先是靜態(tài)網(wǎng)頁的優(yōu)化方法。 ?
都認(rèn)為靜態(tài)頁面*搜索引摯優(yōu)化,是不是真是如此排列了,不這么認(rèn)為,對(duì)于靜態(tài)頁面的好處就是可以讓網(wǎng)頁不存在漏洞,不像動(dòng)態(tài)那樣容易產(chǎn)生漏洞。但是靜態(tài)頁面占用的空間又是*的,自然就要花費(fèi)比較大的資金升級(jí)空間了。如果網(wǎng)站內(nèi)容過多了,上百M(fèi)的話,生成靜態(tài)不是需要好幾G的空間嗎?這個(gè)對(duì)于個(gè)人來說有點(diǎn)麻煩,畢竟資金不是那么充足。而靜態(tài)頁面的優(yōu)化則是非常簡單,因?yàn)殪o態(tài)頁面的權(quán)重傳遞性比動(dòng)態(tài)的要慢,所以,只需經(jīng)常性鞏固一下外鏈和內(nèi)鏈就可以,當(dāng)然如果內(nèi)容有質(zhì)量的話,那么直接用內(nèi)容就可以提高頁面的權(quán)重了。所以,對(duì)于靜態(tài)頁面,一般來說,*是放置內(nèi)容頁,因?yàn)殪o態(tài)頁面一旦產(chǎn)生,那么就是死死的呆在那里,而對(duì)于蜘蛛爬行,只需爬行一次足夠的頁面就是內(nèi)容頁了,如果爬行的過多,自然就會(huì)造成重復(fù)收錄,那么就會(huì)顯示網(wǎng)站收錄量或低或高,自然就是們所說的,明明收錄了100卻放出50而已,因?yàn)橐恍┲貜?fù)的都在數(shù)據(jù)庫整理時(shí)被刪掉了。所以,靜態(tài)的頁面適合放置內(nèi)容頁,而不是整都靜態(tài)。 ?
其次是偽靜態(tài)的優(yōu)化方法。 ?
偽靜態(tài)是存在靜態(tài)與動(dòng)態(tài)之間的一個(gè)分類,也可以說是兩者的結(jié)合體,因?yàn)殪o態(tài)的占用空間比較大,所以,為了節(jié)省空間資源,就通過偽靜態(tài)來實(shí)現(xiàn)網(wǎng)站靜態(tài)化,當(dāng)然這個(gè)靜態(tài)并不是事實(shí)上的靜態(tài),而是通過代碼調(diào)用數(shù)據(jù)庫的內(nèi)容偽裝成HMTL后綴名,其實(shí)偽靜態(tài)都會(huì)帶有一定的特殊符號(hào)。如英文狀態(tài)下的問號(hào)。所以,一般的偽靜態(tài)都是給搜索引摯看的,讓搜索引摯把網(wǎng)站認(rèn)為是靜態(tài),其實(shí)這種類型的頁面并不被搜索引摯喜歡,只不過這種頁面形式比之動(dòng)態(tài)頁面的漏洞較為少,而且還比靜態(tài)的占用的空間少,這就會(huì)這么受的歡迎的,對(duì)于偽靜態(tài)的優(yōu)化,認(rèn)為*是放置欄目或者分類頁中去。因?yàn)闄谀宽摰脑L問量比內(nèi)容頁的要大,而且欄目頁使用偽靜態(tài)可以跟內(nèi)容頁形成一個(gè)相應(yīng)的照看。所以,偽靜態(tài)對(duì)于欄目頁有一定的提升,畢竟欄目頁不會(huì)像內(nèi)容頁那樣,蜘蛛爬行的時(shí)候都只是路過而已,最主要的還是抓取內(nèi)容頁,所以,對(duì)于欄目頁興趣不怎么樣。 ?
*是動(dòng)態(tài)頁面的優(yōu)化方法。 ?
哪些頁面更新最勤快呢?肯定是首頁和*相關(guān)類的頁面了。而對(duì)于首頁來說,如果生成靜態(tài)的話,那么就會(huì)產(chǎn)生兩個(gè)網(wǎng)址,一個(gè)是原始網(wǎng)址,一個(gè)是生成后的網(wǎng)址。而且原始網(wǎng)址是不可能去掉的,如果把首頁生成靜態(tài),那么就把整站的權(quán)重多分一個(gè)頁面了,權(quán)重低的時(shí)候自然不會(huì)察覺有什么問題,但是到了一定的權(quán)重的時(shí)候,這樣的區(qū)別就很容易顯現(xiàn)出來了。所以,首頁一般使用動(dòng)態(tài)的比較好,因?yàn)橛脩艉椭┲攵冀?jīng)常性的訪問首頁,如果首頁整天都自動(dòng)生成靜態(tài)的話,那么就會(huì)讓蜘蛛重復(fù)的抓取多次,這樣就會(huì)形成網(wǎng)站有多個(gè)快照的情況出現(xiàn)了。而一些相關(guān)的首頁推薦和自動(dòng)推薦也應(yīng)該使用動(dòng)態(tài)的,因?yàn)檫@樣可以讓用戶實(shí)時(shí)的知道情況,而不會(huì)產(chǎn)生緩沖現(xiàn)象。至于優(yōu)化方法,覺得動(dòng)態(tài)頁面的優(yōu)化更為簡單,因?yàn)閯?dòng)態(tài)頁面會(huì)自動(dòng)產(chǎn)生,自然自己無法確定其確定網(wǎng)址,所以,常用的優(yōu)化方法都適合動(dòng)態(tài)頁面的優(yōu)化。雖然動(dòng)態(tài)頁面存在的漏洞風(fēng)險(xiǎn)比較高,但是結(jié)合其空間的安全性,這點(diǎn)還可以解決掉的。 ?
網(wǎng)頁設(shè)計(jì)對(duì)SEO的影響 ?
網(wǎng)站結(jié)構(gòu) ?
網(wǎng)站結(jié)構(gòu)是SEO里面為重要的因素之一。它代表了你整個(gè)框架的設(shè)計(jì),你的網(wǎng)頁是如何聯(lián)結(jié)在一起的。搜索引擎的爬蟲會(huì)根據(jù)你對(duì)這方面的設(shè)置,來判斷你的網(wǎng)站是否具有價(jià)值,因此,網(wǎng)站結(jié)構(gòu)的層次和站點(diǎn)地圖,是你獲得較高排名的關(guān)鍵。 ?
導(dǎo)航設(shè)置 ?
設(shè)計(jì)網(wǎng)頁,當(dāng)然少不了對(duì)導(dǎo)航的考慮。導(dǎo)航必須是簡單而明了,如果用戶看得懂你的導(dǎo)航,并且可以通過它輕松抵達(dá)任何一個(gè)欄目,那么,這就是一個(gè)成功的導(dǎo)航。不要讓導(dǎo)航堆放過多欄目,也不要讓導(dǎo)航鏈接到一些沒用的地方。 ?
?
Meta介紹 ?
可能有些新站長并不知道這是干什么的,在網(wǎng)站頁面上,幾乎每個(gè)頁面都會(huì)有Meta的描述,它一般是160個(gè)字符左右。Meta描述的作用是吸引瀏覽用戶的一個(gè)十分好的外鏈機(jī)會(huì),它提升關(guān)鍵字的搜索概率。不過,并不表示網(wǎng)站每個(gè)頁面都需要填寫,只在重要的頁面填寫就可以了。 ?
網(wǎng)站內(nèi)容 ?
內(nèi)容絕對(duì)是網(wǎng)站的一個(gè)重點(diǎn)。無論是哪個(gè)搜索引擎,都對(duì)內(nèi)容十分偏愛。所以,不要把內(nèi)容這一塊給忽略了,而且更應(yīng)該花點(diǎn)功夫去搭建你那有價(jià)值的內(nèi)容王國。 ?
圖片優(yōu)化 ?
雖然搜索引擎似乎讀取不到圖片,但是對(duì)于圖片的命名,它還是可以顯示和讀取到的。如果你忽略了對(duì)圖片的命名優(yōu)化,那么你也將會(huì)失去一個(gè)寶貴的機(jī)會(huì)。優(yōu)化圖片,包括其標(biāo)簽,如果標(biāo)簽在瀏覽器上無法加載,它會(huì)懸停在那里,然后出現(xiàn)你的名字。 ?
網(wǎng)站速度 ?
大部分的訪客都是沒有耐性的,特別是對(duì)一個(gè)不大熟悉的網(wǎng)站,超過40%的訪客,會(huì)因?yàn)榧虞d一個(gè)網(wǎng)站需要超過3秒的時(shí)間而放棄瀏覽它。所以,我們?yōu)槭裁凑f,一些企業(yè)在選用自助建站平臺(tái)建網(wǎng)站時(shí),選像凡科此類型大型成熟點(diǎn)的自助建站平臺(tái)的重要性,因?yàn)檫@也是服務(wù)器穩(wěn)定的一個(gè)保證。如果不想因?yàn)榫W(wǎng)站打開速度問題趕走你的訪客,這個(gè)是必須要考慮的。 ?
如何優(yōu)化圖片來提高網(wǎng)站的訪問速度 ?
1. 在網(wǎng)站設(shè)計(jì)之初,就先要做好規(guī)劃,比如背景圖片如何使用等等。 ?
2. 編輯圖片的時(shí)候,要做好裁剪,只展示必要的、重要的、同內(nèi)容相關(guān)的部分。 ?
3. 在輸出圖片的時(shí)候,圖片大小要設(shè)置妥當(dāng),長寬像素就設(shè)成你所需要的大小,而不要輸出大圖片,然后使用的時(shí)候,再指定較小的長寬,縮小圖片。 ?
4. 盡量組合裝飾性的圖片,以節(jié)省http請(qǐng)求數(shù),在具體使用時(shí),采用CSS sprite的方式。 ?
5. 頁面上的邊框,背景,盡可能的使用CSS的方式來展示,而不要用圖片。 ?
6. 圖片使用上,能用png格式的盡量用,以替代過去常用的gif和jpeg格式。在保證質(zhì)量的情況下,用最小的文件。 ?
7. 在html中明確指定圖片的大小。 ?
8. 若使用photoshop的話,縮放圖片通常會(huì)讓圖像模糊,可以用smart sharpen來讓圖片更為出色。 ?
9. 對(duì)于GIF和PNG文件格式,最小化顏色位數(shù),可使文件更小。 ?
10. 對(duì)于GIF和PNG文件,最小化dithering,可使文件更小。 ?
11. 如果圖片上要添加文字,可能的話,就不要把文字嵌入到圖片中,而是采用透明背景圖片,或者CSS定位讓文字覆蓋在圖片上,既能獲得相等的效果,還能把圖片更大程度的壓縮。 ?
12. 在較小的GIF和PNG圖片上,可以使用有損壓縮。 ?
13. 可能的話,使用局部壓縮,保證前景清楚的基礎(chǔ)上,較大程度的壓縮背景。 ?
14. 圖片在優(yōu)化之前,若能降噪的話,可以獲得額外的20%多的壓縮。 ?
15. jpg圖片也可以模糊背景,然后壓縮的時(shí)候,可以壓縮的更多。 ?