朋友圈

400-850-8622

全國統(tǒng)一學(xué)習(xí)專線 9:00-21:00

位置:北京平面設(shè)計培訓(xùn)資訊 > 北京網(wǎng)頁設(shè)計培訓(xùn)資訊 > 總算知曉網(wǎng)頁設(shè)計優(yōu)化問題

總算知曉網(wǎng)頁設(shè)計優(yōu)化問題

日期:2019-11-05 15:53:47     瀏覽:116    來源:天才領(lǐng)路者
核心提示:網(wǎng)頁設(shè)計優(yōu)化問題?由于不同的搜索引擎在網(wǎng)頁支持方面存在差異,因此在設(shè)計網(wǎng)頁時不要只注意外觀漂亮,許多平常設(shè)計網(wǎng)頁時常用到的元素到了搜索引擎那里會產(chǎn)生問題。下面介紹網(wǎng)頁設(shè)計優(yōu)化問題,希望對您有所幫助。

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

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

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

?

由于不同的搜索引擎在網(wǎng)頁支持方面存在差異,因此在設(shè)計網(wǎng)頁時不要只注意外觀漂亮,許多平常設(shè)計網(wǎng)頁時常用到的元素到了搜索引擎那里會產(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è)置Image Map鏈接。 ?

特效鏈接 ?

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

FLASH ?

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

動態(tài)網(wǎng)頁(Dynamic Pages) ?

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

因此,除非是超大型網(wǎ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)頁下載速度慢,不僅會讓普通訪問者等得心急如焚,有時也會使“蜘蛛”程序感到不耐煩。 ?

獨立域名與付費虛擬主機 ?

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

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

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

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

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

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

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

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

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

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

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

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

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

?

Meta介紹 ?

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

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

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

圖片優(yōu)化 ?

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

網(wǎng)站速度 ?

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

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

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

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

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

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

5. 頁面上的邊框,背景,盡可能的使用CSS的方式來展示,而不要用圖片。 ?

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

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

8. 若使用photoshop的話,縮放圖片通常會讓圖像模糊,可以用smart sharpen來讓圖片更為出色。 ?

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

10. 對于GIF和PNG文件,最小化dithering,可使文件更小。 ?

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

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

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

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

15. jpg圖片也可以模糊背景,然后壓縮的時候,可以壓縮的更多。 ?

如果本頁不是您要找的課程,您也可以百度查找一下: