觸屏版
全國(guó)服務(wù)熱線:0571-87205688
登錄
注冊(cè)
客戶中心
關(guān)注云客
目前企業(yè)所使用的網(wǎng)站都是有網(wǎng)頁(yè)設(shè)計(jì)師設(shè)計(jì)完成的,一般來說設(shè)計(jì)師設(shè)計(jì)網(wǎng)站僅從網(wǎng)站的美觀,創(chuàng)意和易用的角度考慮,這對(duì)于一個(gè)期望獲得搜索引擎排名的網(wǎng)站來說還是遠(yuǎn)遠(yuǎn)不夠的,所以在網(wǎng)站策劃人應(yīng)該為設(shè)計(jì)師提供一個(gè)合理的設(shè)計(jì)方案,提現(xiàn)設(shè)計(jì)師在設(shè)計(jì)的過程中需要注意的環(huán)節(jié)。
目錄結(jié)構(gòu)和URL
URL官方標(biāo)準(zhǔn)稱呼是統(tǒng)一資源定位符,即網(wǎng)頁(yè)的網(wǎng)址,鏈接,路徑。網(wǎng)站文件的目錄結(jié)構(gòu)直接提現(xiàn)與URL。清楚的簡(jiǎn)短的目錄結(jié)構(gòu)和規(guī)范的命名不僅利于用戶體驗(yàn)和網(wǎng)址傳播,更是搜索引擎友好的提現(xiàn)。
目錄層次:
一般中小型企業(yè)來說網(wǎng)址曾經(jīng)一層或者兩次居多,例如:http://www.xxxxxx.com/ccccc/vvvv.html其中www.xxxxxx.com是域名(二級(jí)域名),ccccc是一級(jí)目錄,vvvv.html是文件的名稱,對(duì)于搜索引擎來說這種單一的目錄最理想化,即通常我們說的扁平結(jié)構(gòu)(Flat)。
對(duì)于一些大型的網(wǎng)站來說往往需要二層三層或者四層,例如:http://www.xxxxxx.com/一層/二層/三層/vvvv.html一把三層機(jī)構(gòu)搜索引擎還是會(huì)抓取的,但是最好不要超過三層,如果超過4層的話,搜索引擎就很難去搜索抓取。
當(dāng)然也有些特殊的情況,比如說你的網(wǎng)站有絕對(duì)的優(yōu)勢(shì),在網(wǎng)站首頁(yè)部分添加一個(gè)四層的鏈接,同時(shí)四級(jí)頁(yè)面中提供了相當(dāng)多的有用的價(jià)值頁(yè)面,那么搜索引擎還是會(huì)抓取的,這些頁(yè)面可以是通過大量的外部鏈接引流進(jìn)來的,或者其他網(wǎng)站首頁(yè)鏈接過來的,那么其效果跟鏈接到自己首頁(yè)是一樣的,一般圖片,腳本,CGI-BIN和css樣式都各自有自己獨(dú)立的文件夾,一般不放在根目錄下。
網(wǎng)站目錄文件路徑命名規(guī)則
網(wǎng)站關(guān)鍵詞無(wú)處不在,所以可以在網(wǎng)站名稱和文件名稱中使用關(guān)鍵詞。如果是關(guān)鍵詞組的話,一般采用“-”“_”進(jìn)行分割,有時(shí)候網(wǎng)址中也會(huì)出現(xiàn)空格“%20”,例如:中國(guó)制造,有三種寫法,made-in-china.htm ,made_in_china.html或者made%20in%20china.htm三種格式,目前來說Google只能識(shí)別第一種和第三種,對(duì)于第二種來說Google會(huì)誤認(rèn)為是madeinchina一個(gè)詞。但是對(duì)于中國(guó)百度搜索引擎來說,前面依舊很適用,切記網(wǎng)址中不要使用中文關(guān)鍵詞,這樣做對(duì)搜索引擎很不友好,一般我建議使用前兩種比較合適。
相對(duì)路徑
現(xiàn)在很多網(wǎng)站中都是使用相對(duì)路徑,一般來說相對(duì)路徑對(duì)后期網(wǎng)站域名更改的化都很方面,相對(duì)路徑一般是http://www.xxxxxx.com/cccccc/vvvvv.html一個(gè)完整的路徑,對(duì)于/cccccc/vvvvv.html這樣的則是相對(duì)路徑,同城瀏覽器自動(dòng)添加www.xxxxxx.com成為一個(gè)完整的路徑。一般來說搜索引擎在排名的時(shí)候并不在意是相對(duì)路徑還是絕對(duì)路徑。
動(dòng)態(tài)URL
目前很多的網(wǎng)站都是自動(dòng)生產(chǎn)的動(dòng)態(tài)鏈接,一般采用”?”,”=”%”,”&”,”$”等字符。但是這樣及不利于搜索引擎抓取,嚴(yán)重影響排名,通常使用一定的技術(shù)講網(wǎng)站鏈接進(jìn)行偽靜態(tài)或者靜態(tài)化。
導(dǎo)航部分
網(wǎng)站導(dǎo)航對(duì)于用戶訪問你的網(wǎng)站很重要,一般網(wǎng)站導(dǎo)航對(duì)你的網(wǎng)站進(jìn)行一個(gè)總的大綱概況,用戶可以根據(jù)你的欄目,菜單訪問到相關(guān)的信息頁(yè)面,一般來說網(wǎng)站頁(yè)面導(dǎo)航部分采用”F”型的布局方式。主要功能是引導(dǎo)用戶訪問你的網(wǎng)站內(nèi)容,同時(shí)也有利于搜索引擎按照一定的路徑抓取你的網(wǎng)站內(nèi)容信息。
1、主導(dǎo)航清晰
主導(dǎo)航一般采用的是一級(jí)目錄,通過他們競(jìng)用戶和蜘蛛程序都可以層層的訪問到你網(wǎng)站多有的信息內(nèi)容,主導(dǎo)航一般最容易吸引用戶的眼球,在首頁(yè)部分主導(dǎo)航一定要清晰位置合理,最好采用的是文本鏈接。
2、面包屑導(dǎo)航
所謂的面包屑導(dǎo)航就是像你在某個(gè)地方種不知道方向,但是可以根據(jù)路標(biāo)就可以輕松找到出路一樣。面包屑的左右就是告訴用戶你所在的位置,能根據(jù)導(dǎo)航輕松找到上一級(jí)菜單,不至于迷失方向。
3、網(wǎng)站首頁(yè)突出重要內(nèi)容
一般網(wǎng)站首頁(yè)是用戶第一個(gè)入口頁(yè)面,也是流量時(shí)間比較長(zhǎng)的頁(yè)面,所以說在網(wǎng)站中提現(xiàn)重點(diǎn)主題,有助于更好的展現(xiàn)網(wǎng)站內(nèi)容,讓用戶來到你的網(wǎng)站就知道你的網(wǎng)站是干嘛的,能提供哪些服務(wù),同時(shí)相關(guān)內(nèi)容要鏈接到對(duì)于的子欄目頁(yè)面中,每個(gè)字頁(yè)面都要鏈接到首頁(yè),提高首頁(yè)的權(quán)重,這樣搜索引擎對(duì)你的網(wǎng)站更加重視。
4、網(wǎng)站地圖
網(wǎng)站地圖(SiteMap)是輔助導(dǎo)航的手段,最初是為了用戶設(shè)計(jì)方便用戶更加快捷的打到目標(biāo)頁(yè)面,良好的網(wǎng)站地圖設(shè)計(jì)常常以網(wǎng)站拓?fù)浣Y(jié)構(gòu)體現(xiàn)復(fù)雜的目錄關(guān)系,具有靜態(tài)、直觀、扁平、簡(jiǎn)單的特點(diǎn)。對(duì)于用戶來說采用的是清晰明了的地圖方式,對(duì)于搜索引擎來說也需要網(wǎng)站地圖(xml格式)告訴搜索引擎我們網(wǎng)站有哪些內(nèi)容鏈接,防止搜索引擎漏爬網(wǎng)站內(nèi)容。一般來說xml網(wǎng)站地圖給出的是是網(wǎng)站枝干的鏈接,而不是所有的枝葉都展現(xiàn),內(nèi)容頁(yè)面不適宜放太多的鏈接。有些大型的網(wǎng)站需要講網(wǎng)站地圖拆分多個(gè)網(wǎng)頁(yè),對(duì)于中小企業(yè)來說只需要一個(gè)就完全滿足。
框架結(jié)構(gòu)
框架結(jié)構(gòu),即幀結(jié)構(gòu)(Frame)網(wǎng)頁(yè)表現(xiàn)為一個(gè)頁(yè)面內(nèi)的某一塊保持固定,其它部分信息可以通過滾動(dòng)條上下或左右移動(dòng)顯示,如左邊菜單固定,正文信息可移動(dòng),或者頂部導(dǎo)航和LOGO 部分保持固定,其它部分上下或左右移動(dòng)。我們的郵箱通常都采用框架建構(gòu)??蚣苄途W(wǎng)頁(yè)的另一個(gè)表現(xiàn)是,深層頁(yè)面的域名通常不會(huì)在 URL 中體現(xiàn)出來,即使進(jìn)入深層子頁(yè)面,瀏覽器顯示出來的 URL 仍然是主頁(yè)的 URL。
框架型網(wǎng)站的優(yōu)越性體現(xiàn)在頁(yè)面的整體一致性和更新方便上。尤其對(duì)于那些大型網(wǎng)站而言,框架結(jié)構(gòu)的使用可以使網(wǎng)站的維護(hù)變得相對(duì)容易。但框架對(duì)搜索引擎來說是一個(gè)很大的問題,這是由于大多數(shù)搜索引擎都無(wú)法識(shí)別框架,也沒有什么興趣去抓取框架中的內(nèi)容。此外,某些瀏覽器也不支持框架頁(yè)面。
如果網(wǎng)頁(yè)已經(jīng)使用了框架,或出于某種原因一定要使用框架結(jié)構(gòu),則必須在代碼中使用“Noframes”標(biāo)簽進(jìn) 行優(yōu)化,把 Noframe 標(biāo) 簽看 做是一個(gè)普 通文本內(nèi)容 的主頁(yè)。在<Noframe></Noframe>區(qū)域中包含指向 frame 頁(yè)的鏈接以及帶有關(guān)鍵詞的描述文本,同時(shí)在框架以外的區(qū)域也出現(xiàn)關(guān)鍵詞文本。這樣,搜索引擎才能夠正確索引到框架內(nèi)的信息。
還有一個(gè)辦法是采用 iframe 即內(nèi)聯(lián)框架(Inner Frame)技術(shù)來避免 Frame 帶來的不便。所謂 iframe 也是框架的一種形式,它是相當(dāng)于在主瀏覽器窗口中內(nèi)嵌一個(gè)子窗口,內(nèi)容自動(dòng)打開。iframe 可以嵌在網(wǎng)頁(yè)中的任意部分,也可以隨意定義其大小,其代碼顯示為: <iframe src=xx width=x height=x scrolling=xx frameborder=x></iframe>”
對(duì)搜索引擎來說,iframe 中的文字是可見的,也可以跟蹤到其中鏈接指向的頁(yè)面,不過與用戶所見不同的是,搜索引擎將 iframe 內(nèi)容看成單獨(dú)的一個(gè)頁(yè)面內(nèi)容,與被內(nèi)嵌的頁(yè)面無(wú)關(guān)。
網(wǎng)站圖片優(yōu)化
搜索引擎只對(duì)文本內(nèi)容情有獨(dú)鐘,對(duì)于圖片就有點(diǎn)不怎么喜愛,因?yàn)樗阉饕鎸?duì)于圖片不能很好地識(shí)別,一般網(wǎng)站圖片加載20~30秒左右,用戶就極有可能離開了,所以在做圖片站的服務(wù)器空間一定好很好。網(wǎng)站圖片優(yōu)化主要注意兩點(diǎn)一個(gè)是增加搜索引擎和識(shí)別的文本描述,第二點(diǎn)圖片要盡可能想小。
ALT屬性
每個(gè)圖片下面都有個(gè)alt屬性,方便告訴搜索引擎這個(gè)圖片是什么意思,同時(shí)在圖片下面加上相關(guān)性的描述,并適當(dāng)帶有關(guān)鍵詞。
文本說明細(xì)節(jié):
(1)、在圖片上方或者下方帶有關(guān)鍵詞的描述文本。
(2)、在代碼中添加一個(gè)包含關(guān)鍵詞的heading標(biāo)簽,然后在下面圖片增加文字描述。
(3)、在圖片下方增加一個(gè)包含更多信息的鏈接,包含關(guān)鍵詞。
(4)、創(chuàng)建一些吸引用戶點(diǎn)擊有能吸引搜索引擎抓取的文本內(nèi)頁(yè),把流量吸引到這些內(nèi)容頁(yè)面,在提供文本鏈接指向你的圖片頁(yè)面。
總的來說網(wǎng)站內(nèi)容中盡量少使用裝飾性的圖片,Alt熟悉對(duì)于搜索引擎來說很重要。
Gif和jpge圖片優(yōu)化
網(wǎng)站圖片中alt標(biāo)簽是所以圖片都試用,一般來說網(wǎng)站中圖片格式主要有g(shù)if,jpge,png幾種格式,一般網(wǎng)站首頁(yè)logo中使用的格式是gif和png比較多,PNG,圖像文件存儲(chǔ)格式,其目的是試圖(原來此處使用了”企圖”)替代GIF和TIFF文件格式,同時(shí)增加一些GIF文件格式所不具備的特性。。。PNG格式圖片因其高保真性、透明性及文件體積較小等特性,被廣泛應(yīng)用于網(wǎng)頁(yè)設(shè)計(jì)、平面設(shè)計(jì)中。網(wǎng)絡(luò)通訊中因受帶寬制約,在保證圖片清晰、逼真的前提下,網(wǎng)頁(yè)中不可能大范圍的使用文件較大的bmp、jpg格式文件,gif格式文件雖然文件較小,但其顏色失色嚴(yán)重,不盡人意,所以PNG格式文件自誕生之日起就大行其道。PNG格式圖片通常被我們當(dāng)做素材來使用,在設(shè)計(jì)過程中,不可避免的要搜索相關(guān)文件,如果是JPG格式文件,摳圖就在所難免,費(fèi)時(shí)費(fèi)力,我們經(jīng)常在網(wǎng)頁(yè)中看到整個(gè)頁(yè)面使用同一個(gè)PNG圖片做背景,按鈕、導(dǎo)航條等全做在一張圖片上,其實(shí)就是這個(gè)道理,究其緣由無(wú)非就是PNG圖片在下載過程中占帶寬較小,而且顏色逼真,下載一次可重復(fù)使用。jpge格式一般在壓縮的過程中會(huì)失真,對(duì)于網(wǎng)站中png格式壓縮不會(huì)出現(xiàn)失真的情況,也是后期網(wǎng)站反正的一個(gè)趨勢(shì)!但是目前現(xiàn)狀網(wǎng)站中還是蛀牙以jpge格式為主,上傳圖片信息多以jpg格式。
Flash優(yōu)化
對(duì)于flash來說跟前面的圖片一樣,對(duì)于搜索引擎來說都很不友好,對(duì)于圖片有alt標(biāo)簽做輔助,那么對(duì)于flash就沒有那么幸運(yùn)了,并沒有什么標(biāo)簽熟悉進(jìn)行輔助,一般企業(yè)使用flash才采用下面三種方式:
1、做一個(gè)flash輔助的html版本
這樣的樣式既保留了原本的flash版本的同時(shí),還設(shè)計(jì)一個(gè)html格式文本,這樣既美觀有保持動(dòng)態(tài)效果,首先讓搜索引擎通過html版本的網(wǎng)頁(yè)發(fā)現(xiàn)網(wǎng)站。
2、將flash內(nèi)嵌html文件
還可以通過改變網(wǎng)頁(yè)結(jié)構(gòu)進(jìn)行彌補(bǔ),只需要將flash文件內(nèi)嵌到html中,進(jìn)行對(duì)用戶瀏覽,搜索引擎可以沖html中獲得需要的信息。及時(shí)全部首頁(yè)都是flash,那么也要講相關(guān)的內(nèi)頁(yè)鏈接置于flash之外,這樣有助于搜索引擎抓取獲得內(nèi)頁(yè)信息。
3、付費(fèi)登錄搜索引擎
如果 FLASH 網(wǎng)站錯(cuò)過了被免費(fèi)的技術(shù)型搜索引擎自動(dòng)檢索的機(jī)會(huì),或者搜索結(jié)果排名效果不太理想,可以通過付費(fèi)登錄或做搜索引擎關(guān)鍵詞廣告,同樣被用戶搜索到。
總體上,商業(yè)網(wǎng)站應(yīng)盡量少用 FLASH,站點(diǎn)間進(jìn)行廣告交換時(shí)也要避免采用 FLASH 廣告為上策。
表格使用
表格是網(wǎng)站中最重要的排版方式,如果某個(gè)網(wǎng)頁(yè)采用大量的長(zhǎng)篇文本,除了可以將一頁(yè)文本分成多個(gè)頁(yè)面,可以講文本置于表格中,這樣不僅管理方便,也使得該頁(yè)加載時(shí)每個(gè)
表格內(nèi)容依次加載,這樣訪問者就可以一邊看已下載內(nèi)容一邊等待剩余部分加載,而不是等待很久之后才一齊加載出來。表格之內(nèi)套嵌太多表格也不利于頁(yè)面加載,因?yàn)g覽器是先加載完大表格之后再加載內(nèi)嵌的小
表格,因此內(nèi)嵌表格會(huì)最終降低整頁(yè)加載速度。
網(wǎng)頁(yè)減負(fù)
通常情況下網(wǎng)站代碼太多的話會(huì)減緩網(wǎng)站打開的速度,很不利于用戶的瀏覽,一般需要對(duì)網(wǎng)頁(yè)進(jìn)行減負(fù),讓蜘蛛更輕松的抓取你網(wǎng)站的內(nèi)容。正常情況下一個(gè)頁(yè)面的文件大小在15k左右,最好不要超過50k。
css樣式
網(wǎng)站制作中css樣式是很重要的,所有的樣式都需要通過調(diào)研css進(jìn)行展現(xiàn)出現(xiàn)絢麗的效果,一般css樣式需要采用一個(gè)單獨(dú)頁(yè)面文件夾中,表面網(wǎng)站中出現(xiàn)大量的樣式代碼。
JavaScript腳本
正常情況下下網(wǎng)站前段都以html為開始,但是采用JavaScript技術(shù)的完整就會(huì)出現(xiàn)大量的java代碼,以至于mata及關(guān)鍵詞不能出現(xiàn),被推至頁(yè)面底部,對(duì)于搜索引擎來說很不友好。通常情況下,講腳本移植到網(wǎng)站的底部進(jìn)行加載,還有一種情況使用.js文件腳本文件,在使用的時(shí)候進(jìn)行引用調(diào)用,在訪問過程中在瀏覽器中緩存下來,使得下次訪問的時(shí)候加快速度,也使得網(wǎng)站修改和維護(hù)起來更加方便。
評(píng)論(0人參與,0條評(píng)論)
發(fā)布評(píng)論
最新評(píng)論