大家好，我講課的主題是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=" http://download.macromedia.com/p ... flash.cab#version=6,0,29 < http://download.macromedia.com/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="< http://www.macromedia.com/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（蜘蛛可識別的鏈接）:
< http://www.macromedia.com/shockw> ... gerpages/flash.html
asp-bin/big5/?page=1 (下載 FLASH 插件的鏈接地址)
< http://www.macromedia.com/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優化壓縮解決方案！下載地址：http://down.anxz.com/俺下載/www.anxz.com/flash_optimizer.rar 大家有愛好的可以看看，謝謝
留言列表