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

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

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

URL官方標準稱呼是統(tǒng)一資源定位符，即網(wǎng)頁的網(wǎng)址，鏈接，路徑。網(wǎng)站文件的目錄結(jié)構(gòu)直接提現(xiàn)與URL。清楚的簡短的目錄結(jié)構(gòu)和規(guī)范的命名不僅利于用戶體驗和網(wǎng)址傳播，更是搜索引擎友好的提現(xiàn)。

目錄層次：

一般中小型企業(yè)來說網(wǎng)址曾經(jīng)一層或者兩次居多，例如：http://www.muchs.cn/seoexperience/245.html其中www.muchs.cn是域名(二級域名)，seoexperience是一級目錄，245.html是文件的名稱，對于搜索引擎來說這種單一的目錄最理想化，即通常我們說的扁平結(jié)構(gòu)(Flat)。

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

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

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

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

相對路徑

現(xiàn)在很多網(wǎng)站中都是使用相對路徑，一般來說相對路徑對后期網(wǎng)站域名更改的化都很方面，相對路徑一般是http://www.muchs.cn/guiyangseo/一個完整的路徑，對于/guiyangseo/這樣的則是相對路徑，同城瀏覽器自動添加www.hwj23.com成為一個完整的路徑。一般來說搜索引擎在排名的時候并不在意是相對路徑還是絕對路徑。

動態(tài)URL

目前很多的網(wǎng)站都是自動生產(chǎn)的動態(tài)鏈接，一般采用”?”,”=”%”,”&”,”$”等字符。但是這樣及不利于搜索引擎抓取，嚴重影響排名，通常使用一定的技術(shù)講網(wǎng)站鏈接進行偽靜態(tài)或者靜態(tài)化。

導航部分

網(wǎng)站導航對于用戶訪問你的網(wǎng)站很重要，一般網(wǎng)站導航對你的網(wǎng)站進行一個總的大綱概況，用戶可以根據(jù)你的欄目，菜單訪問到相關(guān)的信息頁面，一般來說網(wǎng)站頁面導航部分采用”F”型的布局方式。主要功能是引導用戶訪問你的網(wǎng)站內(nèi)容，同時也有利于搜索引擎按照一定的路徑抓取你的網(wǎng)站內(nèi)容信息。

1、主導航清晰

主導航一般采用的是一級目錄，通過他們競用戶和蜘蛛程序都可以層層的訪問到你網(wǎng)站多有的信息內(nèi)容，主導航一般最容易吸引用戶的眼球，在首頁部分主導航一定要清晰位置合理，好采用的是文本鏈接。

2、面包屑導航

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

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

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

4、網(wǎng)站地圖

網(wǎng)站地圖(SiteMap)是輔助導航的手段，最初是為了用戶設(shè)計方便用戶更加快捷的打到目標頁面，良好的網(wǎng)站地圖設(shè)計常常以網(wǎng)站拓撲結(jié)構(gòu)體現(xiàn)復雜的目錄關(guān)系，具有靜態(tài)、直觀、扁平、簡單的特點。對于用戶來說采用的是清晰明了的地圖方式，對于搜索引擎來說也需要網(wǎng)站地圖(xml格式)告訴搜索引擎我們網(wǎng)站有哪些內(nèi)容鏈接，防止搜索引擎漏爬網(wǎng)站內(nèi)容。一般來說xml網(wǎng)站地圖給出的是是網(wǎng)站枝干的鏈接，而不是所有的枝葉都展現(xiàn)，內(nèi)容頁面不適宜放太多的鏈接。有些大型的網(wǎng)站需要講網(wǎng)站地圖拆分多個網(wǎng)頁，對于中小企業(yè)來說只需要一個就完全滿足。

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

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

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

如果網(wǎng)頁已經(jīng)使用了框架，或出于某種原因一定要使用框架結(jié)構(gòu)，則必須在代碼中使用“Noframes”標簽進 行優(yōu)化，把 Noframe 標 簽看 做是一個普 通文本內(nèi)容 的主頁。在區(qū)域中包含指向 frame 頁的鏈接以及帶有關(guān)鍵詞的描述文本，同時在框架以外的區(qū)域也出現(xiàn)關(guān)鍵詞文本。這樣，搜索引擎才能夠正確索引到框架內(nèi)的信息。

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

對搜索引擎來說，iframe 中的文字是可見的，也可以跟蹤到其中鏈接指向的頁面，不過與用戶所見不同的是，搜索引擎將 iframe 內(nèi)容看成單獨的一個頁面內(nèi)容，與被內(nèi)嵌的頁面無關(guān)。

網(wǎng)站圖片優(yōu)化

搜索引擎只對文本內(nèi)容情有獨鐘，對于圖片就有點不怎么喜愛，因為搜索引擎對于圖片不能很好地識別，一般網(wǎng)站圖片加載20~30秒左右，用戶就極有可能離開了，所以在做圖片站的服務器空間一定好很好。網(wǎng)站圖片優(yōu)化主要注意兩點一個是增加搜索引擎和識別的文本描述，第二點圖片要盡可能想小。

ALT屬性

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

文本說明細節(jié)：

(1)、在圖片上方或者下方帶有關(guān)鍵詞的描述文本。

(2)、在代碼中添加一個包含關(guān)鍵詞的heading標簽，然后在下面圖片增加文字描述。

(3)、在圖片下方增加一個包含更多信息的鏈接，包含關(guān)鍵詞。

(4)、創(chuàng)建一些吸引用戶點擊有能吸引搜索引擎抓取的文本內(nèi)頁，把流量吸引到這些內(nèi)容頁面，在提供文本鏈接指向你的圖片頁面。

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

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

網(wǎng)站圖片中alt標簽是所以圖片都試用，一般來說網(wǎng)站中圖片格式主要有g(shù)if，jpge，png幾種格式，一般網(wǎng)站首頁logo中使用的格式是gif和png比較多，PNG，圖像文件存儲格式，其目的是試圖(原來此處使用了”企圖”)替代GIF和TIFF文件格式，同時增加一些GIF文件格式所不具備的特性。。。PNG格式圖片因其高保真性、透明性及文件體積較小等特性，被廣泛應用于網(wǎng)頁設(shè)計、平面設(shè)計中。網(wǎng)絡通訊中因受帶寬制約，在保證圖片清晰、逼真的前提下，網(wǎng)頁中不可能大范圍的使用文件較大的bmp、jpg格式文件，gif格式文件雖然文件較小，但其顏色失色嚴重，不盡人意，所以PNG格式文件自誕生之日起就大行其道。PNG格式圖片通常被我們當做素材來使用，在設(shè)計過程中，不可避免的要搜索相關(guān)文件，如果是JPG格式文件，摳圖就在所難免，費時費力，我們經(jīng)常在網(wǎng)頁中看到整個頁面使用同一個PNG圖片做背景，按鈕、導航條等全做在一張圖片上，其實就是這個道理，究其緣由無非就是PNG圖片在下載過程中占帶寬較小，而且顏色逼真，下載一次可重復使用。jpge格式一般在壓縮的過程中會失真，對于網(wǎng)站中png格式壓縮不會出現(xiàn)失真的情況，也是后期網(wǎng)站反正的一個趨勢!但是目前現(xiàn)狀網(wǎng)站中還是蛀牙以jpge格式為主，上傳圖片信息多以jpg格式。

Flash優(yōu)化

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

1、做一個flash輔助的html版本

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

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

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

3、付費登錄搜索引擎

如果 FLASH 網(wǎng)站錯過了被免費的技術(shù)型搜索引擎自動檢索的機會，或者搜索結(jié)果排名效果不太理想，可以通過付費登錄或做搜索引擎關(guān)鍵詞廣告，同樣被用戶搜索到。

總體上，商業(yè)網(wǎng)站應盡量少用 FLASH，站點間進行廣告交換時也要避免采用 FLASH 廣告為上策。

表格使用

表格是網(wǎng)站中最重要的排版方式，如果某個網(wǎng)頁采用大量的長篇文本，除了可以將一頁文本分成多個頁面，可以講文本置于表格中，這樣不僅管理方便，也使得該頁加載時每個

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

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

網(wǎng)頁減負

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

css樣式

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

JavaScript腳本

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

網(wǎng)站標題：貴陽SEO岑輝宇：增加搜索引擎友好度的頁面布局設(shè)計思路
URL鏈接：http://www.muchs.cn/news0/223250.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站營銷、動態(tài)網(wǎng)站、網(wǎng)站制作、定制開發(fā)、云服務器、網(wǎng)站改版

廣告

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