FLASH如何優化

大傢好,我講課的主題是FLASH如何優化,時間倉促,請大傢多多諒解!

近年來因爲 FLASH 優美的視覺效果和廣闊的創意空間,FLASH 技術在網頁設計和網絡廣告中的應用非常廣泛,很多網站首頁甚至全部用 FLASH 設計。但 FLASH 網頁有一個非常致命的問題,即大部分搜索引擎無法識別 FLASH 中的信息。Google 也隻能檢索到部分 Flash 文件中的內嵌鏈接。
以下列舉一個企業網站首頁的代碼,用 FLASH 制作,請註意是否可以看見有意義的文本:

以下為引用的內容:
<html>
<head>
<title>Welcome</title>
<meta http-equiv=Content-Type c>
<style type=text/css>
<!– body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
–>
</style>
<link rel=stylesheet href=style.txt 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/bg.jpg><div align=center>
<center>
<table width=777 border=0 align=center cellpadding=0 cellspacing=0>
<tr>
<td><object classid=clsid27CDB6E-AE6D-11cf-96B8-444553540000
codebase= /p … flash.cab#version=6,0,29 < /p … s/flash/swflash.cab>
,0 width=777 height=455>
<param name=movie value=index.swf>
<param name=quality value=high>
<embed src=index.swf quality=high
pluginspage=< /go/getflashplayer>
type=application/x-shockwave-flash width=777 height=455></embed>
</object></td>
</tr>
</table>
<br>
<span class=style2>

給企業做站,老板都喜歡動畫站,認為那就是好,同時再采用模擬蜘蛛程序的工具,測試到搜索引擎對該頁抓取結果如下:
Spidered Text (蜘蛛可識別的文本):
Welcome 本頁使用 FLASH 技術,如果無法正常瀏覽請下載並 安裝插件 或 直接進入 if you are not able to view the animated pleass install plug-in first
Spidered Links(蜘蛛可識別的鏈接):
< /shockw> … gerpages/flash.html
asp-bin/big5/?page=1 (下載 FLASH 插件的鏈接地址)
< /shockw> … gerpages/flash.html

因此可以得出結論是:蜘蛛程序沒有在這個企業網站首頁獲得任何有意義的文本內容,也沒有獲得該 Flash 首頁中進入中文版英文版關鍵性內容的鏈接。

FLASH 優化可以從以下三個方面來考慮:3個基本方面

1、做一個輔助 HTML 版本:

保留原有 FLASH 版本的同時,還可以設計一個 HTML 格式的版本,這樣既可以保持動態美觀效果,也可以讓搜索引擎通過 HTML 版本的網頁來發現網站。

2、將 Flash 內嵌 HTML 文件:

還可以通過改變網頁結構進行彌補,即不要將整個網頁都設計成 Flash 動畫,而是將 Flash內容嵌入到 HTML 文件中,這樣對於用戶瀏覽並不會削弱視覺效果,搜索引擎也可以從 HTML代碼中發現一些必要的信息,尤其是進入內容頁面的鏈接。即使首頁全部動用瞭 FLASH,也應該將進入內頁的關鍵性按鈕/鏈接置於 FLASH 文件之外,以獨立純文本鏈接的方式呈現。上文案例將中文版鏈接置於 FLASH 文件中,使得蜘蛛程序一無所獲,無法抓取到內頁信息。
註意:不要將整個網頁都設計成 Flash 動畫,而是將 Flash內容嵌入到 HTML 文件中

3、 付費登錄搜索引擎:

如果 FLASH 網站錯過瞭被免費的技術型搜索引擎自動檢索的機會,或者搜索結果排名效果不太理想,可以通過付費登錄或做搜索引擎關鍵詞廣告,同樣被用戶搜索到。呵呵,付費的我們個人不理會總體上,商業網站應盡量少用 FLASH,站點間進行廣告交換時也要避免采用 FLASH 廣告為上策。

表格是網頁最重要的排版方式。如果某個網頁采用瞭大段的長篇文本,除瞭可以將一頁文本分成多面,還可以考慮將文本置入不同表格中,這樣不僅管理方便,也使得該頁加載時每個表格內容依次加載,這樣訪問者就可以一邊看已下載內容一邊等待剩餘部分加載,而不是等待很久之後才一齊加載出來。表格之內套嵌太多表格也不利於頁面加載,因瀏覽器是先加載完大表格之後再加載內嵌的小表格,因此內嵌表格會最終降低整頁加載速度。

網頁減肥:

代碼設置不妥不僅延長網頁加載時間,也嚴重影響蜘蛛程序對網頁內容的抓取。通過對網頁代碼進行清減(俗稱網頁減肥),去掉臃腫雜亂的代碼,減小網頁文件大小,能夠加快網頁加載速度,讓蜘蛛快速索引到重要內容。正常情況下一個頁面的文件大小在 15K 左右,最好不要超過 50K。網頁減肥重點涉及以下幾個要點:

網頁制作應通過 CSS(層疊樣式表單)來統一定制字體風格,以使代碼標準化,避免大量的字體和格式化標簽如< h1 >< /h1 >、< font size=×× color=×× >< /font >充斥頁面。通過 css 可以控制任何 HTML 標簽的風格。例如<td>,<p>,<body>,<table>,<tr>,<th>等。隻要在HTML的<head>區內的<style type=text/css>和</style>之間指定對應標簽的風格如字體,顏色,大小即可,例如:

以下為引用的內容:
<style type=text/css>
<!–
h2 { font-family: 宋體; font-size: 12pt; color: #333366; background-color:
#FFCCCC; font-weight: bold}
h1 { font-family: Arial; font-size: 12pt; color: #993300}
–>
</style>

僅通過以上設置,就把文字的字體、字號、顏色、背景色等統一起來,不用對每段文字單獨進行格式定義,從而減少大量重復性標簽。

JavaScript:正常情況下,網頁盡量以<HTML>作為代碼的開始端。但采用 JavaScript 技術的網頁往往在頁面一開始就堆積大量 JAVA 代碼,以至 META 及關鍵字遲遲不能出現,被推至頁面底部,對搜索引擎很不友好。有兩種方法可以使之得以改善:

2、 將 JAVA 腳本置入一個.js 擴展名的文件。
包含你的 JavaScript 的.js 文件通常在網站訪問者的瀏覽器中被緩存下來,使得下次訪問速度加快,也使得網站修改和維護起來更加方便。例:一段 JAVA 代碼正常情況下顯示如下:

以下為引用的內容:
<script language=JavaScript>
<!–
此處是你的代碼,將它們拷貝到一個.js 文件
//–>
</script>

忽略開始及結束標簽,將中間的代碼單獨保存為擴展名為.js 的文件,如文件名為mycode.js的一個文件,然後將此文件上傳到服務器上與該頁同樣的目錄下。最後將上文列舉的完整的 JavaScript 置換為簡單的一行:<script language=JavaScript src=mycode.js></script>這樣,一個mycode.js文件就將大段冗長復雜的 JAVA 代碼置換瞭。

最後,向大傢推薦一款FLASH優化工具Flash Optimizer是一個功能強大簡單易用的Flash動畫[*.SWF]文件優化工具,程序采用特殊的算法可以將Flash動畫文件的體積縮小到隻有原來的60%-70%,而可以基本保持動畫品質不變!是網管,網頁設計師,專業Flash動畫設計師首選的Flash優化壓縮解決方案!下載地址:/俺下載//flash_optimizer.rar 大傢有興趣的可以看看,謝謝