目前企業(yè)所使用的網(wǎng)站都是有網(wǎng)頁設(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)頁的網(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://jinyejixie.com/seoexperience/245.html其中jinyejixie.com是域名(二級(jí)域名)，seoexperience是一級(jí)目錄，245.html是文件的名稱，對(duì)于搜索引擎來說這種單一的目錄最理想化，即通常我們說的扁平結(jié)構(gòu)(Flat)。

對(duì)于一些大型的網(wǎng)站來說往往需要二層三層或者四層，例如：http://jinyejixie.com/一層/二層/三層/vvvv.html一把三層機(jī)構(gòu)搜索引擎還是會(huì)抓取的，但是好不要超過三層，如果超過4層的話，搜索引擎就很難去搜索抓取。

當(dāng)然也有些特殊的情況，比如說你的網(wǎng)站有絕對(duì)的優(yōu)勢(shì)，在網(wǎng)站首頁部分添加一個(gè)四層的鏈接，同時(shí)四級(jí)頁面中提供了相當(dāng)多的有用的價(jià)值頁面，那么搜索引擎還是會(huì)抓取的，這些頁面可以是通過大量的外部鏈接引流進(jìn)來的，或者其他網(wǎng)站首頁鏈接過來的，那么其效果跟鏈接到自己首頁是一樣的，一般圖片，腳本，CGI-BIN和css樣式都各自有自己獨(dú)立的文件夾，一般不放在根目錄下。

網(wǎng)站目錄文件路徑命名規(guī)則

網(wǎng)站關(guān)鍵詞無處不在，所以可以在網(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://jinyejixie.com/guiyangseo/一個(gè)完整的路徑，對(duì)于/guiyangseo/這樣的則是相對(duì)路徑，同城瀏覽器自動(dòng)添加www.hwj23.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)的信息頁面，一般來說網(wǎng)站頁面導(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)航一般最容易吸引用戶的眼球，在首頁部分主導(dǎo)航一定要清晰位置合理，好采用的是文本鏈接。

2、面包屑導(dǎo)航

所謂的面包屑導(dǎo)航就是像你在某個(gè)地方種不知道方向，但是可以根據(jù)路標(biāo)就可以輕松找到出路一樣。面包屑的左右就是告訴用戶你所在的位置，能根據(jù)導(dǎo)航輕松找到上一級(jí)菜單，不至于迷失方向。

3、網(wǎng)站首頁突出重要內(nèi)容

一般網(wǎng)站首頁是用戶第一個(gè)入口頁面，也是流量時(shí)間比較長(zhǎng)的頁面，所以說在網(wǎng)站中提現(xiàn)重點(diǎn)主題，有助于更好的展現(xiàn)網(wǎng)站內(nèi)容，讓用戶來到你的網(wǎng)站就知道你的網(wǎng)站是干嘛的，能提供哪些服務(wù)，同時(shí)相關(guān)內(nèi)容要鏈接到對(duì)于的子欄目頁面中，每個(gè)字頁面都要鏈接到首頁，提高首頁的權(quán)重，這樣搜索引擎對(duì)你的網(wǎng)站更加重視。

4、網(wǎng)站地圖

網(wǎng)站地圖(SiteMap)是輔助導(dǎo)航的手段，最初是為了用戶設(shè)計(jì)方便用戶更加快捷的打到目標(biāo)頁面，良好的網(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)容頁面不適宜放太多的鏈接。有些大型的網(wǎng)站需要講網(wǎng)站地圖拆分多個(gè)網(wǎng)頁，對(duì)于中小企業(yè)來說只需要一個(gè)就完全滿足。

框架結(jié)構(gòu)

框架結(jié)構(gòu)，即幀結(jié)構(gòu)(Frame)網(wǎng)頁表現(xiàn)為一個(gè)頁面內(nèi)的某一塊保持固定，其它部分信息可以通過滾動(dòng)條上下或左右移動(dòng)顯示，如左邊菜單固定，正文信息可移動(dòng)，或者頂部導(dǎo)航和LOGO 部分保持固定，其它部分上下或左右移動(dòng)。我們的郵箱通常都采用框架建構(gòu)?？蚣苄途W(wǎng)頁的另一個(gè)表現(xiàn)是，深層頁面的域名通常不會(huì)在 URL 中體現(xiàn)出來，即使進(jìn)入深層子頁面，瀏覽器顯示出來的 URL 仍然是主頁的 URL。

框架型網(wǎng)站的優(yōu)越性體現(xiàn)在頁面的整體一致性和更新方便上。尤其對(duì)于那些大型網(wǎng)站而言，框架結(jié)構(gòu)的使用可以使網(wǎng)站的維護(hù)變得相對(duì)容易。但框架對(duì)搜索引擎來說是一個(gè)很大的問題，這是由于大多數(shù)搜索引擎都無法識(shí)別框架，也沒有什么興趣去抓取框架中的內(nèi)容。此外，某些瀏覽器也不支持框架頁面。

如果網(wǎng)頁已經(jīng)使用了框架，或出于某種原因一定要使用框架結(jié)構(gòu)，則必須在代碼中使用“Noframes”標(biāo)簽進(jìn) 行優(yōu)化，把 Noframe 標(biāo) 簽看 做是一個(gè)普 通文本內(nèi)容 的主頁。在區(qū)域中包含指向 frame 頁的鏈接以及帶有關(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)頁中的任意部分，也可以隨意定義其大小，其代碼顯示為：”

對(duì)搜索引擎來說，iframe 中的文字是可見的，也可以跟蹤到其中鏈接指向的頁面，不過與用戶所見不同的是，搜索引擎將 iframe 內(nèi)容看成單獨(dú)的一個(gè)頁面內(nèi)容，與被內(nèi)嵌的頁面無關(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)頁，把流量吸引到這些內(nèi)容頁面，在提供文本鏈接指向你的圖片頁面。

總的來說網(wǎng)站內(nèi)容中盡量少使用裝飾性的圖片，Alt熟悉對(duì)于搜索引擎來說很重要。

Gif和jpge圖片優(yōu)化

網(wǎng)站圖片中alt標(biāo)簽是所以圖片都試用，一般來說網(wǎng)站中圖片格式主要有g(shù)if，jpge，png幾種格式，一般網(wǎng)站首頁logo中使用的格式是gif和png比較多，PNG，圖像文件存儲(chǔ)格式，其目的是試圖(原來此處使用了”企圖”)替代GIF和TIFF文件格式，同時(shí)增加一些GIF文件格式所不具備的特性。。。PNG格式圖片因其高保真性、透明性及文件體積較小等特性，被廣泛應(yīng)用于網(wǎng)頁設(shè)計(jì)、平面設(shè)計(jì)中。網(wǎng)絡(luò)通訊中因受帶寬制約，在保證圖片清晰、逼真的前提下，網(wǎng)頁中不可能大范圍的使用文件較大的bmp、jpg格式文件，gif格式文件雖然文件較小，但其顏色失色嚴(yán)重，不盡人意，所以PNG格式文件自誕生之日起就大行其道。PNG格式圖片通常被我們當(dāng)做素材來使用，在設(shè)計(jì)過程中，不可避免的要搜索相關(guān)文件，如果是JPG格式文件，摳圖就在所難免，費(fèi)時(shí)費(fèi)力，我們經(jīng)常在網(wǎng)頁中看到整個(gè)頁面使用同一個(gè)PNG圖片做背景，按鈕、導(dǎo)航條等全做在一張圖片上，其實(shí)就是這個(gè)道理，究其緣由無非就是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)頁發(fā)現(xiàn)網(wǎng)站。

2、將flash內(nèi)嵌html文件

還可以通過改變網(wǎng)頁結(jié)構(gòu)進(jìn)行彌補(bǔ)，只需要將flash文件內(nèi)嵌到html中，進(jìn)行對(duì)用戶瀏覽，搜索引擎可以沖html中獲得需要的信息。及時(shí)全部首頁都是flash，那么也要講相關(guān)的內(nèi)頁鏈接置于flash之外，這樣有助于搜索引擎抓取獲得內(nèi)頁信息。

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)頁采用大量的長(zhǎng)篇文本，除了可以將一頁文本分成多個(gè)頁面，可以講文本置于表格中，這樣不僅管理方便，也使得該頁加載時(shí)每個(gè)

表格內(nèi)容依次加載，這樣訪問者就可以一邊看已下載內(nèi)容一邊等待剩余部分加載，而不是等待很久之后才一齊加載出來。表格之內(nèi)套嵌太多表格也不利于頁面加載，因?yàn)g覽器是先加載完大表格之后再加載內(nèi)嵌的小

表格，因此內(nèi)嵌表格會(huì)最終降低整頁加載速度。

網(wǎng)頁減負(fù)

通常情況下網(wǎng)站代碼太多的話會(huì)減緩網(wǎng)站打開的速度，很不利于用戶的瀏覽，一般需要對(duì)網(wǎng)頁進(jìn)行減負(fù)，讓蜘蛛更輕松的抓取你網(wǎng)站的內(nèi)容。正常情況下一個(gè)頁面的文件大小在15k左右，好不要超過50k。

css樣式

網(wǎng)站制作中css樣式是很重要的，所有的樣式都需要通過調(diào)研css進(jìn)行展現(xiàn)出現(xiàn)絢麗的效果，一般css樣式需要采用一個(gè)單獨(dú)頁面文件夾中，表面網(wǎng)站中出現(xiàn)大量的樣式代碼。

JavaScript腳本

正常情況下下網(wǎng)站前段都以html為開始，但是采用JavaScript技術(shù)的完整就會(huì)出現(xiàn)大量的java代碼，以至于mata及關(guān)鍵詞不能出現(xiàn)，被推至頁面底部，對(duì)于搜索引擎來說很不友好。通常情況下，講腳本移植到網(wǎng)站的底部進(jìn)行加載，還有一種情況使用.js文件腳本文件，在使用的時(shí)候進(jìn)行引用調(diào)用，在訪問過程中在瀏覽器中緩存下來，使得下次訪問的時(shí)候加快速度，也使得網(wǎng)站修改和維護(hù)起來更加方便。

網(wǎng)站名稱：貴陽SEO岑輝宇：增加搜索引擎友好度的頁面布局設(shè)計(jì)思路
本文來源：http://jinyejixie.com/news/223250.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供用戶體驗(yàn)、定制開發(fā)、網(wǎng)站建設(shè)、網(wǎng)站策劃、網(wǎng)站改版、App設(shè)計(jì)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)