貴陽(yáng)SEO岑輝宇：增加搜索引擎友好度的頁(yè)面布局設(shè)計(jì)思路

目前企業(yè)所使用的網(wǎng)站都是有網(wǎng)頁(yè)設(shè)計(jì)師設(shè)計(jì)完成的，一般來(lái)說(shuō)設(shè)計(jì)師設(shè)計(jì)網(wǎng)站僅從網(wǎng)站的美觀，創(chuàng)意和易用的角度考慮，這對(duì)于一個(gè)期望獲得搜索引擎排名的網(wǎng)站來(lái)說(shuō)還是遠(yuǎn)遠(yuǎn)不夠的，所以在網(wǎng)站策劃人應(yīng)該為設(shè)計(jì)師提供一個(gè)合理的設(shè)計(jì)方案，提現(xiàn)設(shè)計(jì)師在設(shè)計(jì)的過(guò)程中需要注意的環(huán)節(jié)。

目錄結(jié)構(gòu)和URL

URL官方標(biāo)準(zhǔn)稱(chēng)呼是統(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è)來(lái)說(shuō)網(wǎng)址曾經(jīng)一層或者兩次居多，例如：http://www.muchs.cn/seoexperience/245.html其中www.muchs.cn是域名(二級(jí)域名)，seoexperience是一級(jí)目錄，245.html是文件的名稱(chēng)，對(duì)于搜索引擎來(lái)說(shuō)這種單一的目錄最理想化，即通常我們說(shuō)的扁平結(jié)構(gòu)(Flat)。

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

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

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

網(wǎng)站關(guān)鍵詞無(wú)處不在，所以可以在網(wǎng)站名稱(chēng)和文件名稱(chēng)中使用關(guān)鍵詞。如果是關(guān)鍵詞組的話，一般采用“-”“_”進(jìn)行分割，有時(shí)候網(wǎng)址中也會(huì)出現(xiàn)空格“%20”，例如：中國(guó)制造，有三種寫(xiě)法，made-in-china.htm ，made_in_china.html或者made%20in%20china.htm三種格式，目前來(lái)說(shuō)Google只能識(shí)別第一種和第三種，對(duì)于第二種來(lái)說(shuō)Google會(huì)誤認(rèn)為是madeinchina一個(gè)詞。但是對(duì)于中國(guó)百度搜索引擎來(lái)說(shuō)，前面依舊很適用，切記網(wǎng)址中不要使用中文關(guān)鍵詞，這樣做對(duì)搜索引擎很不友好，一般我建議使用前兩種比較合適。

相對(duì)路徑

現(xiàn)在很多網(wǎng)站中都是使用相對(duì)路徑，一般來(lái)說(shuō)相對(duì)路徑對(duì)后期網(wǎng)站域名更改的化都很方面，相對(duì)路徑一般是http://www.muchs.cn/guiyangseo/一個(gè)完整的路徑，對(duì)于/guiyangseo/這樣的則是相對(duì)路徑，同城瀏覽器自動(dòng)添加www.hwj23.com成為一個(gè)完整的路徑。一般來(lái)說(shuō)搜索引擎在排名的時(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èn)你的網(wǎng)站很重要，一般網(wǎng)站導(dǎo)航對(duì)你的網(wǎng)站進(jìn)行一個(gè)總的大綱概況，用戶可以根據(jù)你的欄目，菜單訪問(wèn)到相關(guān)的信息頁(yè)面，一般來(lái)說(shuō)網(wǎng)站頁(yè)面導(dǎo)航部分采用”F”型的布局方式。主要功能是引導(dǎo)用戶訪問(wèn)你的網(wǎng)站內(nèi)容，同時(shí)也有利于搜索引擎按照一定的路徑抓取你的網(wǎng)站內(nèi)容信息。

1、主導(dǎo)航清晰

主導(dǎo)航一般采用的是一級(jí)目錄，通過(guò)他們競(jìng)用戶和蜘蛛程序都可以層層的訪問(wèn)到你網(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è)面，所以說(shuō)在網(wǎng)站中提現(xiàn)重點(diǎn)主題，有助于更好的展現(xiàn)網(wǎng)站內(nèi)容，讓用戶來(lá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ì)于用戶來(lái)說(shuō)采用的是清晰明了的地圖方式，對(duì)于搜索引擎來(lái)說(shuō)也需要網(wǎng)站地圖(xml格式)告訴搜索引擎我們網(wǎng)站有哪些內(nèi)容鏈接，防止搜索引擎漏爬網(wǎng)站內(nèi)容。一般來(lái)說(shuō)xml網(wǎng)站地圖給出的是是網(wǎng)站枝干的鏈接，而不是所有的枝葉都展現(xiàn)，內(nèi)容頁(yè)面不適宜放太多的鏈接。有些大型的網(wǎng)站需要講網(wǎng)站地圖拆分多個(gè)網(wǎng)頁(yè)，對(duì)于中小企業(yè)來(lái)說(shuō)只需要一個(gè)就完全滿足。

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

框架結(jié)構(gòu)，即幀結(jié)構(gòu)(Frame)網(wǎng)頁(yè)表現(xiàn)為一個(gè)頁(yè)面內(nèi)的某一塊保持固定，其它部分信息可以通過(guò)滾動(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)出來(lái)，即使進(jìn)入深層子頁(yè)面，瀏覽器顯示出來(lái)的 URL 仍然是主頁(yè)的 URL。

框架型網(wǎng)站的優(yōu)越性體現(xiàn)在頁(yè)面的整體一致性和更新方便上。尤其對(duì)于那些大型網(wǎng)站而言，框架結(jié)構(gòu)的使用可以使網(wǎng)站的維護(hù)變得相對(duì)容易。但框架對(duì)搜索引擎來(lái)說(shuō)是一個(gè)很大的問(wèn)題，這是由于大多數(shù)搜索引擎都無(wú)法識(shí)別框架，也沒(méi)有什么興趣去抓取框架中的內(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è)。在區(qū)域中包含指向 frame 頁(yè)的鏈接以及帶有關(guān)鍵詞的描述文本，同時(shí)在框架以外的區(qū)域也出現(xiàn)關(guān)鍵詞文本。這樣，搜索引擎才能夠正確索引到框架內(nèi)的信息。

還有一個(gè)辦法是采用 iframe 即內(nèi)聯(lián)框架(Inner Frame)技術(shù)來(lái)避免 Frame 帶來(lái)的不便。所謂 iframe 也是框架的一種形式，它是相當(dāng)于在主瀏覽器窗口中內(nèi)嵌一個(gè)子窗口，內(nèi)容自動(dòng)打開(kāi)。iframe 可以嵌在網(wǎng)頁(yè)中的任意部分，也可以隨意定義其大小，其代碼顯示為：”

對(duì)搜索引擎來(lái)說(shuō)，iframe 中的文字是可見(jiàn)的，也可以跟蹤到其中鏈接指向的頁(yè)面，不過(guò)與用戶所見(jiàn)不同的是，搜索引擎將 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)不怎么喜愛(ài)，因?yàn)樗阉饕鎸?duì)于圖片不能很好地識(shí)別，一般網(wǎng)站圖片加載20~30秒左右，用戶就極有可能離開(kāi)了，所以在做圖片站的服務(wù)器空間一定好很好。網(wǎng)站圖片優(yōu)化主要注意兩點(diǎn)一個(gè)是增加搜索引擎和識(shí)別的文本描述，第二點(diǎn)圖片要盡可能想小。

ALT屬性

每個(gè)圖片下面都有個(gè)alt屬性，方便告訴搜索引擎這個(gè)圖片是什么意思，同時(shí)在圖片下面加上相關(guān)性的描述，并適當(dāng)帶有關(guān)鍵詞。

文本說(shuō)明細(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è)面。

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

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

網(wǎng)站圖片中alt標(biāo)簽是所以圖片都試用，一般來(lái)說(shuō)網(wǎng)站中圖片格式主要有g(shù)if，jpge，png幾種格式，一般網(wǎng)站首頁(yè)logo中使用的格式是gif和png比較多，PNG，圖像文件存儲(chǔ)格式，其目的是試圖(原來(lái)此處使用了”企圖”)替代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)做素材來(lái)使用，在設(shè)計(jì)過(guò)程中，不可避免的要搜索相關(guān)文件，如果是JPG格式文件，摳圖就在所難免，費(fèi)時(shí)費(fèi)力，我們經(jīng)常在網(wǎng)頁(yè)中看到整個(gè)頁(yè)面使用同一個(gè)PNG圖片做背景，按鈕、導(dǎo)航條等全做在一張圖片上，其實(shí)就是這個(gè)道理，究其緣由無(wú)非就是PNG圖片在下載過(guò)程中占帶寬較小，而且顏色逼真，下載一次可重復(fù)使用。jpge格式一般在壓縮的過(guò)程中會(huì)失真，對(duì)于網(wǎng)站中png格式壓縮不會(huì)出現(xiàn)失真的情況，也是后期網(wǎng)站反正的一個(gè)趨勢(shì)!但是目前現(xiàn)狀網(wǎng)站中還是蛀牙以jpge格式為主，上傳圖片信息多以jpg格式。

Flash優(yōu)化

對(duì)于flash來(lái)說(shuō)跟前面的圖片一樣，對(duì)于搜索引擎來(lái)說(shuō)都很不友好，對(duì)于圖片有alt標(biāo)簽做輔助，那么對(duì)于flash就沒(méi)有那么幸運(yùn)了，并沒(méi)有什么標(biāo)簽熟悉進(jìn)行輔助，一般企業(yè)使用flash才采用下面三種方式：

1、做一個(gè)flash輔助的html版本

這樣的樣式既保留了原本的flash版本的同時(shí)，還設(shè)計(jì)一個(gè)html格式文本，這樣既美觀有保持動(dòng)態(tài)效果，首先讓搜索引擎通過(guò)html版本的網(wǎng)頁(yè)發(fā)現(xiàn)網(wǎng)站。

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

還可以通過(guò)改變網(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ò)過(guò)了被免費(fèi)的技術(shù)型搜索引擎自動(dòng)檢索的機(jī)會(huì)，或者搜索結(jié)果排名效果不太理想，可以通過(guò)付費(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)容依次加載，這樣訪問(wèn)者就可以一邊看已下載內(nèi)容一邊等待剩余部分加載，而不是等待很久之后才一齊加載出來(lái)。表格之內(nèi)套嵌太多表格也不利于頁(yè)面加載，因?yàn)g覽器是先加載完大表格之后再加載內(nèi)嵌的小

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

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

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

css樣式

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

JavaScript腳本

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

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

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供用戶體驗(yàn)、定制開(kāi)發(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í)需注明來(lái)源： 創(chuàng)新互聯(lián)