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