您现在的位置是:芭奇站群管理系统 > 优化技巧 > -> 网站优化的方法flash如何优化(转载)

网站优化的方法flash如何优化(转载)

时间:2010-05-16 15:04

  近年來因爲flash优美的视觉效果和广阔的创意空间,flash技术在网页设计和网络广告中的应用非常广泛,很多网站首页甚至全部用flash设计。但flash网页有一个非常致命的问题,即大部分搜索引擎无法识别flash中的信息。google也只能检索到部分flash文件中的内嵌链接。

  以下列举一个企业网站首页的代码,用flash制作,请注意是否可以看见有意义的文本:

  以下为引用的内容:

  <html>

  <head>

  <title>welcome</title>

  <metahttp-equiv="content-type"c>

  <styletype="text/css">

  <!--body{

  margin-left:0px;

  margin-top:0px;

  margin-right:0px;

  margin-bottom:0px;

  }

  -->

  </style>

  <linkrel="stylesheet"href="style.txt"type="text/css">

  </head>

  <bodybgcolor="#ffffff"text="#000000">

  <tableborder="0"width="100%"height="100%"cellspacing="0"cellpadding="0">

  <tr>

  <tdwidth="100%"background="images/bg.jpg"><divalign="center">

  <center>

  <tablewidth="777"border="0"align="center"cellpadding="0"cellspacing="0">

  <tr>

  <td><objectclassid="clsid27cdb6e-ae6d-11cf-96b8-444553540000"

  codebase="abcddownload.macromedia.com/p...flash.cab#version=6,0,29<abcddownload.macromedia.com/p...s/flash/swflash.cab>

  ,0"width="777"height="455">

  <paramname="movie"value="index.swf">

  <paramname="quality"value="high">

  <embedsrc="index.swf"quality="high"

  pluginspage="<abcdmacromedia.com/go/getflashplayer>"

  type="application/x-shockwave-flash"width="777"height="455"></embed>

  </object></td>

  </tr>

  </table>

  <br>

  <spanclass="style2">

  给企业做站,老板都喜欢动画站,认为那就是好,同时再采用模拟蜘蛛程序的工具,测试到搜索引擎对该页抓取结果如下:

  spideredtext(蜘蛛可识别的文本):

  welcome本页使用flash技术,如果无法正常浏览请下载并安装插件或直接进入ifyouarenotabletoviewtheanimatedpleassinstallplug-infirst

  spideredlinks(蜘蛛可识别的链接):

  <abcdmacromedia.com/shockw>...gerpages/flash.html

  asp-bin/big5/?page=1(下载flash插件的链接地址)

  <abcdmacromedia.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>、<fontsize=××color=××></font>充斥页面。通过css可以控制任何html标签的风格。例如<td>,<p>,<body>,<table>,<tr>,<th>等。只要在html的<head>区内的<styletype="text/css">和</style>之间指定对应标签的风格如字体,颜色,大小即可,例如:

  以下为引用的内容:

  <styletype="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代码正常情况下显示如下:

  以下为引用的内容:

  <scriptlanguage=javascript>

  <!--

  此处是你的代码,将它们拷贝到一个.js文件

  //-->

  </script>

  忽略开始及结束标签,将中间的代码单独保存为扩展名为.js的文件,如文件名为“mycode.js”的一个文件,然后将此文件上传到服务器上与该页同样的目录下。最后将上文列举的完整的javascript置换为简单的一行:<scriptlanguage=javascriptsrc=mycode.js></script>这样,一个“mycode.js”文件就将大段冗长复杂的java代码置换了。

  最后,向大家推荐一款flash优化工具——flashoptimizer是一个功能强大简单易用的flash动画[.swf]文件优化工具,程序采用特殊的算法可以将flash动画文件的体积缩小到只有原来的60%-70%,而可以基本保持动画品质不变!是网管,网页设计师,专业flash动画设计师首选的flash优化压缩解决方案!下载地址:abcddown.anxz.com/俺下载/abcdanxz.com/flash_optimizer.rar大家有兴趣的可以看看,谢谢