<code id="6mcsu"></code>
<li id="6mcsu"></li>
<li id="6mcsu"><dl id="6mcsu"></dl></li>
  • <code id="6mcsu"><tr id="6mcsu"></tr></code>
    或者

    增加搜索引擎友好度的頁面布局設計思路

    作者:微笑 瀏覽:128 發(fā)布時間:2017-10-23
    分享 評論 0

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

    目錄結構和URL


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

    目錄層次:

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

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

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

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

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

    相對路徑

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

    動態(tài)URL

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

    導航部分


    網(wǎng)站導航對于用戶訪問你的網(wǎng)站很重要,一般網(wǎng)站導航對你的網(wǎng)站進行一個總的大綱概況,用戶可以根據(jù)你的欄目,菜單訪問到相關的信息頁面,一般來說網(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)站是干嘛的,能提供哪些服務,同時相關內(nèi)容要鏈接到對于的子欄目頁面中,每個字頁面都要鏈接到首頁,提高首頁的權重,這樣搜索引擎對你的網(wǎng)站更加重視。

    4、網(wǎng)站地圖

    網(wǎng)站地圖(SiteMap)是輔助導航的手段,最初是為了用戶設計方便用戶更加快捷的打到目標頁面,良好的網(wǎng)站地圖設計常常以網(wǎng)站拓撲結構體現(xià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è)來說只需要一個就完全滿足。

    框架結構

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

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

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

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

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

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


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

    ALT屬性

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

    文本說明細節(jié):

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

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

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

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

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

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

    網(wǎng)站圖片中alt標簽是所以圖片都試用,一般來說網(wǎng)站中圖片格式主要有gif,jpge,png幾種格式,一般網(wǎng)站首頁logo中使用的格式是gif和png比較多,PNG,圖像文件存儲格式,其目的是試圖(原來此處使用了”企圖”)替代GIF和TIFF文件格式,同時增加一些GIF文件格式所不具備的特性。。。PNG格式圖片因其高保真性、透明性及文件體積較小等特性,被廣泛應用于網(wǎng)頁設計、平面設計中。網(wǎng)絡通訊中因受帶寬制約,在保證圖片清晰、逼真的前提下,網(wǎng)頁中不可能大范圍的使用文件較大的bmp、jpg格式文件,gif格式文件雖然文件較小,但其顏色失色嚴重,不盡人意,所以PNG格式文件自誕生之日起就大行其道。PNG格式圖片通常被我們當做素材來使用,在設計過程中,不可避免的要搜索相關文件,如果是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版本的同時,還設計一個html格式文本,這樣既美觀有保持動態(tài)效果,首先讓搜索引擎通過html版本的網(wǎng)頁發(fā)現(xiàn)網(wǎng)站。

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

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

    3、付費登錄搜索引擎

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

    總體上,商業(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技術的完整就會出現(xiàn)大量的java代碼,以至于mata及關鍵詞不能出現(xiàn),被推至頁面底部,對于搜索引擎來說很不友好。通常情況下,講腳本移植到網(wǎng)站的底部進行加載,還有一種情況使用.js文件腳本文件,在使用的時候進行引用調(diào)用,在訪問過程中在瀏覽器中緩存下來,使得下次訪問的時候加快速度,也使得網(wǎng)站修改和維護起來更加方便。


    中文字幕无码久久久| 国模无码人体一区二区| 国产aⅴ无码专区亚洲av麻豆| 国产网红主播无码精品| 中文字幕无码人妻AAA片| 久久无码AV中文出轨人妻| 久久精品aⅴ无码中文字字幕重口 久久精品国产亚洲AV无码娇色 | 久久午夜伦鲁片免费无码| 炫硕日本一区二区三区综合区在线中文字幕 | 亚洲一区二区无码偷拍| 无码人妻精品中文字幕免费| 中文字幕永久一区二区三区在线观看| 亚洲国产精品成人AV无码久久综合影院 | 少妇极品熟妇人妻无码| 人妻系列无码专区无码中出| 无码精品A∨在线观看十八禁 | 日韩精品无码一区二区中文字幕 | 免费 无码 国产在线观看观| 日韩精品无码一区二区三区不卡| 熟妇人妻系列aⅴ无码专区友真希| 久热中文字幕无码视频| 一本大道无码日韩精品影视 | 人妻少妇无码视频在线| 精品无码久久久久久尤物| 亚洲gv猛男gv无码男同短文| 国产AV无码专区亚洲AWWW| 人妻无码人妻有码中文字幕| 中文自拍日本综合| 伊人蕉久中文字幕无码专区| 韩国三级中文字幕hd久久精品| 精品久久久久久中文字幕人妻最新| 天堂网www中文在线| 中文字幕无码久久精品青草| 久久无码AV中文出轨人妻| 在线精品自拍无码| 99久久超碰中文字幕伊人| 天堂在线中文字幕| 国产成人无码区免费内射一片色欲| 最近2019中文字幕一页二页 | 中文字幕无码人妻AAA片| 亚洲熟妇无码AV在线播放|