大家好,我講課的主題是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 大家有愛好的可以看看,謝謝