【文章內(nèi)容簡(jiǎn)介】 下載速度。 網(wǎng)頁(yè)圖片格式主要有 GIF和 JPGE兩種形式。一般來(lái)講， GIF適用于線圖和企業(yè)標(biāo)識(shí)； JPEG適宜照片元素的格式。主要通過(guò)減少 GIF顏色數(shù)量、縮小圖片尺寸和降低分辯率來(lái)縮小文件，也可以采用層疊樣式表達(dá)到優(yōu)化的目的。 PhotoShop的版本越高越適用于網(wǎng)絡(luò)圖形。此外，將大圖片切割成若干小 圖片于不同的表格區(qū)間內(nèi)進(jìn)行拼接，也可以相對(duì)加快下載時(shí)間。 工具推薦（英文）： （圖片優(yōu)化工具） FLASH優(yōu)化 FLASH優(yōu)化： 由于 FLASH優(yōu)美的視覺(jué)效果和廣闊的創(chuàng)意空間， FLASH技術(shù)在網(wǎng)頁(yè)設(shè)計(jì)和網(wǎng)絡(luò)廣告中的應(yīng)用非常廣泛，很多網(wǎng)站首頁(yè)甚至全部用 FLASH設(shè)計(jì)。但 FLASH網(wǎng)頁(yè)有一個(gè)非常致命的問(wèn)題，即大部分搜索引擎無(wú)法識(shí)別 FLASH中的信息。 Google也只能檢索到部分 Flash文件中的內(nèi)嵌鏈接。 以下列舉一個(gè)制造機(jī)電設(shè)備的企業(yè)網(wǎng)站首頁(yè)的代碼，用 FLASH制作，請(qǐng)注意是否可以看見(jiàn)有意義的文本： html head title歡迎光臨！ /title meta equiv=ContentType content=text/html。 charset=gb2312 style type=text/css ! body { marginleft: 0px。 margintop: 0px。 marginright: 0px。 marginbottom: 0px。 } /style link rel=stylesheet href= type=text/css /head body bgcolor=FFFFFF text=000000 table border=0 width=100% height=100% cellspacing=0 cellpadding=0 tr td width=100% background=images/div align=center center table width=777 border=0 align=center cellpadding=0 cellspacing=0 tr tdobject classid=clsid:D27CDB6EAE6D11cf96B8444553540000 codebase= 29,0 width=777 height=455 param name=movie value=/article/UploadPic/20203/ param name=quality value=high embed src=/article/UploadPic/20203/ quality=high pluginspage= type=application/xshockwaveflash width=777 height=455/embed /object/td /tr /table brspan class=style2本頁(yè)使用 FLASH技術(shù) ,如果無(wú)法正常瀏覽請(qǐng)下載并 a href= /a或 a href=aspbin/big5/?page=1直接進(jìn)入 /abr if you are not able to view the animated a href= install plugin /a first br!網(wǎng)站計(jì)數(shù)器開(kāi)始 ! 炯剖 鶻崾 ? /span /center /div /td /tr /table /body /html 同時(shí)再采用模擬蜘蛛程序的工具，測(cè)試到搜索引擎對(duì)該頁(yè)抓取結(jié)果如下： Spidered Text （蜘蛛可識(shí)別的文本）： Wele 本頁(yè)使用 FLASH技術(shù) ,如果無(wú)法正常瀏覽請(qǐng)下載并 安裝插件 或 直接進(jìn)入 if you are not able to view the animated pleass install plugin first Spidered Links（蜘蛛可識(shí)別的鏈接）： aspbin/big5/?page=1 (下載 FLASH插件的鏈接地址 ) 因此可以得出結(jié)論是： 蜘蛛程序沒(méi)有在這個(gè)企業(yè)網(wǎng)站首頁(yè)獲得任何有意義的文本內(nèi)容，也沒(méi)有獲得該 Flash首頁(yè)中進(jìn)入 中文版 英文版 關(guān)鍵性?xún)?nèi)容的鏈接。 FLASH優(yōu)化可以從以下三個(gè)方面來(lái)考慮： 做一個(gè)輔助 HTML版本： 保留原有 FLASH版本的同時(shí)，還可以設(shè)計(jì)一個(gè) HTML格式的版本，這樣既可以保持動(dòng)態(tài)美觀效果，也可以讓搜索引擎通過(guò) HTML版本的網(wǎng)頁(yè)來(lái)發(fā)現(xiàn)網(wǎng) 站。 將 Flash內(nèi)嵌 HTML文件：還可以通過(guò)改變網(wǎng)頁(yè)結(jié)構(gòu)進(jìn)行彌補(bǔ)，即不要將整個(gè)網(wǎng)頁(yè)都設(shè)計(jì)成 Flash動(dòng)畫(huà)，而是將 Flash內(nèi)容嵌入到 HTML文件中，這樣對(duì)于用戶(hù)瀏覽并不會(huì)削弱視覺(jué)效果，搜索引擎也可以從 HTML代碼中發(fā)現(xiàn)一些必要的信息，尤其是進(jìn)入內(nèi)容頁(yè)面的鏈接。即使首頁(yè)全部動(dòng)用了FLASH，也應(yīng)該將進(jìn)入內(nèi)頁(yè)的關(guān)鍵性按鈕 /鏈接置于 FLASH文件之外，以獨(dú)立純文本鏈接的方式呈現(xiàn)。上文案例將 中文版 鏈接置于 FLASH文件中，使得蜘蛛程序一無(wú)所獲，無(wú)法抓取到內(nèi)頁(yè)信息。 付費(fèi)登錄搜索引擎： 如果 FLASH網(wǎng)站錯(cuò)過(guò)了被免費(fèi)的技術(shù)型搜索引擎自動(dòng)檢索的機(jī)會(huì)，或者搜索結(jié)果排名效果不太理想，可以通過(guò)付費(fèi)登錄或做搜索引擎關(guān)鍵詞廣告，同樣被用戶(hù)搜索到。 總體上，商業(yè)網(wǎng)站應(yīng)盡量少用 FLASH，站點(diǎn)間進(jìn)行廣告交換時(shí)也要避免采用 FLASH廣告為上策。 表格使用 表格是網(wǎng)頁(yè)最重要的排版方式。如果某個(gè)網(wǎng)頁(yè)采用了大段的長(zhǎng)篇文本，除了可以將一頁(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è)減肥 代碼設(shè)置不妥不僅延長(zhǎng)網(wǎng)頁(yè)加載時(shí)間，也嚴(yán)重影響蜘蛛程序?qū)W(wǎng)頁(yè)內(nèi)容的抓取。通過(guò)對(duì)網(wǎng)頁(yè)代碼進(jìn)行清減（俗稱(chēng) 網(wǎng)頁(yè)減肥 ），去掉臃腫雜亂的代碼，減小網(wǎng)頁(yè)文件大小，能夠加快網(wǎng)頁(yè)加載速度，讓蜘蛛快速索引到重要內(nèi)容。正常情況下一個(gè)頁(yè)面的文件大小在 15K 左右，最好不要超過(guò) 50K。網(wǎng)頁(yè)減肥重點(diǎn)涉及以下幾個(gè)要點(diǎn)： CSS樣式 網(wǎng)頁(yè)制作應(yīng)通過(guò) CSS（層疊樣式表單）來(lái)統(tǒng)一 定制字體風(fēng)格，以使代碼標(biāo)準(zhǔn)化，避免大量的字體和格式化標(biāo)簽如 h1 /h1 、 font size= color= /font 充斥頁(yè)面。通過(guò) css可以控制任何 HTML標(biāo)簽的風(fēng)格。例如 td, p, body, table, tr, th等。只要在 HTML的 head區(qū)內(nèi)的 style type=text/css和 /style之間指定對(duì)應(yīng)標(biāo)簽的風(fēng)格如字體，顏色，大小即可，例如： style type=text/css ! h2 { fontfamily: 宋體 。 fontsize: 12pt。 color: 333366。 backgroundcolor: FFCCCC。 fontweight: bold } h1 { fontfamily: Arial。 fontsize: 12pt。 color: 993300 } /style 僅通過(guò)以上設(shè)置，就把文字的字體、字號(hào)、顏色、背景色等統(tǒng)一起來(lái)，不用對(duì)每段文字單獨(dú)進(jìn)行格式定義，從而減少大量重復(fù)性標(biāo)簽。注意把所有 css文件單獨(dú)存放在命名為 css的外部文件中。通過(guò)設(shè)置 CSS樣式，也可以提升導(dǎo)航文本的美觀度，達(dá)到與圖片導(dǎo)航同樣優(yōu)美觀的效果，這點(diǎn)尤其提醒網(wǎng)頁(yè)設(shè)計(jì)師注意，沒(méi)有必要將導(dǎo)航條用圖片呈現(xiàn)。 Javascript： 正常情況下，網(wǎng)頁(yè)盡量以 HTML作為代碼的開(kāi)始端。但采用 Javascript技術(shù)的網(wǎng)頁(yè)往往在頁(yè)面一開(kāi)始就堆積大量 JAVA代碼，以至 META及關(guān)鍵字遲遲不能出現(xiàn)，被推至頁(yè)面底部，對(duì)搜索引擎很不友好。有兩種方法可以使之得以改善： 將腳本移至頁(yè)面底部 大部分的 JAVA代碼都可以移到頁(yè)面結(jié)束標(biāo)簽之上，而不影響網(wǎng)站功能。 這樣就能一開(kāi)始突出關(guān)鍵詞，并加快頁(yè)面加載時(shí)間。 將 JAVA腳本置入一個(gè) .js擴(kuò)展名的文件。 包含你的 Javascript的 .js文件通常在網(wǎng)站訪問(wèn)者的瀏覽器中被緩存下來(lái)，使得下次訪問(wèn)速度加快，也使得網(wǎng)站修改和維護(hù)起來(lái)更加方便。例：一段 JAVA代碼正常情況下顯示如下： script language=Javascript ! 此處是你的代碼，將它們拷貝到一個(gè) .js文件 // /script 忽略開(kāi)始及結(jié)束標(biāo)簽，將中間的代碼單獨(dú)保存為擴(kuò)展名為 .js的文件，如文件名為 的一個(gè)文件，然后將此文件上傳到服務(wù)器上與該頁(yè)同樣的目錄下。最后將上文列舉的完整的 Javascript置換為簡(jiǎn)單的一行： 這樣，一個(gè) 文件就將大段冗長(zhǎng)復(fù)雜的 JAVA代碼置換了。 工具推薦： 網(wǎng)頁(yè)減肥工具： 去除網(wǎng)頁(yè)中多余代碼，減小網(wǎng)頁(yè) 第四部分： SEO 指導(dǎo)下的技術(shù)支持 對(duì)搜索引擎最友好（ Search Engine Friendly）的網(wǎng)頁(yè)是靜態(tài)網(wǎng)頁(yè)，但大部分內(nèi)容豐富或互動(dòng)型網(wǎng)站都不可避免采用到相關(guān)技術(shù)語(yǔ)言來(lái)實(shí)現(xiàn)內(nèi)容管理和交互功能。 SEO 思想指導(dǎo)下的技術(shù)支持，主要是對(duì)特定代碼的優(yōu)化和對(duì)動(dòng)態(tài)網(wǎng)頁(yè)進(jìn)行靜態(tài)處理的措施。 Title標(biāo)簽和 Meta標(biāo)簽 以 . html或 .htm為擴(kuò)展名的 HTML文檔稱(chēng)為靜態(tài)網(wǎng)頁(yè) 。 Meta稱(chēng)為元標(biāo)志，用于網(wǎng)頁(yè)的＜ head＞與＜/head＞中。 Meta 標(biāo)簽的用處很多，目前幾乎所有的搜索引擎機(jī)器人都通過(guò)自動(dòng)查找 Meta值來(lái)給網(wǎng)頁(yè)分類(lèi)，是籍此判斷網(wǎng)頁(yè)內(nèi)容的基礎(chǔ)。其中最重要的是 description （網(wǎng)站描述）和 keywords（網(wǎng)站關(guān)鍵詞）。另外一個(gè)基本的屬性是 Title標(biāo)簽，提示搜索引擎關(guān)于本頁(yè)的主題。 Meta和 Title的形式在 html語(yǔ)言中體現(xiàn)為： head titletitle標(biāo)題 /title meta name=keywords content=網(wǎng)頁(yè)描述 meta name=description content=關(guān)鍵詞 ...... /head 盡管 Meta本身不足以解決排名問(wèn)題，但對(duì) Meta標(biāo)簽的書(shū)寫(xiě)仍然是搜索引擎優(yōu)化的基礎(chǔ)工作。清晰準(zhǔn)確的 Meta文字與正文內(nèi)容的關(guān)鍵詞相呼應(yīng)，是排名加分的重要條件之一。 標(biāo)題（ Title）： 網(wǎng)頁(yè)優(yōu)化可以說(shuō)是從 Title開(kāi)始的。在搜索結(jié)果中，每個(gè)抓取內(nèi)容的第一行顯示的文字就是該頁(yè)的Title，同樣在瀏覽器中打開(kāi)一個(gè)頁(yè)面，地址欄上方顯示的也是該頁(yè)的 Title。因此， Title可謂一個(gè)頁(yè)面的核心。對(duì) Title的書(shū)寫(xiě)要注意以下問(wèn)題： title簡(jiǎn)短精煉，高度概括，含有關(guān)鍵詞，而不是只有一個(gè)公司名。但關(guān)鍵詞不宜過(guò)多，不要超過(guò)3個(gè)詞組。企業(yè)網(wǎng)站的 title通常以公司名 +關(guān)鍵詞為內(nèi)容 前幾個(gè)詞對(duì)搜索引擎最重要，因此關(guān)鍵詞位置盡量靠前。 最好將 title組織成符合語(yǔ)法結(jié)構(gòu)和閱讀習(xí)慣的短句或短語(yǔ)，避免無(wú)意義的詞組羅列式 title 關(guān)鍵詞 (Keywords)： Keywords提示搜索引擎：本網(wǎng)站內(nèi)容圍繞這些詞匯展開(kāi)。因此 keywords書(shū)寫(xiě)的關(guān)鍵是每個(gè)詞都能在內(nèi) 容中找到相應(yīng)的匹配才有利于排名。 Meta中的關(guān)鍵詞書(shū)寫(xiě)技巧見(jiàn)前文的 關(guān)鍵詞策略 。 描述 (Description)： 描述部分用簡(jiǎn)短的句子告訴搜索引擎和訪問(wèn)者關(guān)于本網(wǎng)頁(yè)的主要內(nèi)容。用該網(wǎng)站的核心關(guān)鍵詞搜索后得到的搜索結(jié)果中，描述往往顯示為標(biāo)題后的幾行描述文字。 Description一般被認(rèn)為重要性在 title和 keywords之后。描述的書(shū)寫(xiě)要注意以下問(wèn)題： 描述中出現(xiàn)關(guān)鍵詞，與正文內(nèi)容相關(guān) 同樣遵循簡(jiǎn)短原則，字符數(shù)含空格在內(nèi)不要超過(guò) 200個(gè)字符 補(bǔ)充在 title和 keywords中未能充分表述的說(shuō)明 其它 Meta標(biāo)簽： 為了限制搜索引擎對(duì)內(nèi)容的抓取，可以采用以下幾個(gè) Robots Meta標(biāo)簽： ＜ meta name=Robots content=all|none|index|noindex|follow|nofollow＞ 其中： all：文件將被檢索，且頁(yè)面上的鏈接可以被查詢(xún)； none：文件將不被檢索，且頁(yè)面上的鏈接不可以被查詢(xún)； index：文件將被檢索； follow：頁(yè)面上的鏈接可以被查詢(xún)； noindex：文件將不被檢索，但頁(yè)面上的鏈接 可以被查詢(xún)； nofollow：文件將不被檢索，頁(yè)面上的鏈