我爱电脑技术论坛's Archiver

不和人说话 发表于 2008-4-6 08:35

针对搜索引擎如何优化网页中的FLASH？

大家好，我讲课的主题是FLASH如何优化，时间仓促，请大家多多谅解！8X.fcC(aW)f'Cb
XZ.\6JY1a2]f4b+?
近年來因爲 FLASH 优美的视觉效果和广阔的创意空间，FLASH 技术在网页设计和网络广告中的应用非常广泛，很多网站首页甚至全部用 FLASH 设计。但 FLASH 网页有一个非常致命的问题，即大部分搜索引擎无法识别 FLASH 中的信息。Google 也只能检索到部分 Flash 文件中的内嵌链接。
#|lN8jJ 8TQ#I @+_
以下列举一个企业网站首页的代码，用 FLASH 制作，请注意是否可以看见有意义的文本：
;Q+xP4[2| +O [:Ir;_'K
<Html>
n&|(S$L*^ Lz <head>
!Y4L"o4{wS <title>Welcome</title>.v.d[(f:b4~Ar)T
<meta http-equiv="Content-Type" c>@[C#Z6FkgRO
<style type="text/Css">
u0p ]v,U R <!-- body {^/j*sD z{ ~
  margin-left: 0px;
C0j)nz$sw7n&c8i   margin-top: 0px;,h3uo%[V~$mN
  margin-right: 0px;
*X+vh1o+d1g   margin-bottom: 0px;D)q%[p]q
}^N%Rs-v2E.yk
-->9b]0ls0lL m,p|3i
</style>
|1m1al$^l <link rel="stylesheet" href="style.txt" type="text/css">8Z/P+mq }
</head>
QQ4ys [3{c <body bgcolor="#FFFFFF" text="#000000">
~&mI;T4L <table border="0" width="100%" height="100%" cellspacing="0" cellpadding="0">
2lp\1C+|4CL5y:gN <tr>$MT L4f(z3\`U
  <td width="100%" background="images/bg.jpg"><div align="center">
TUT-ZmsM+Z P.D     <center>
;SCa_-Z2r!k     <table width="777" border="0" align="center" cellpadding="0" cellspacing="0">R*O&m }$a8P)c7z
      <tr>
0K6p1p V5?8Q5l:F/B.`         <td><object classid="clsid27CDB6E-AE6D-11cf-96B8-444553540000"6y(wigSV$rNQ X
codebase=" [url]http://download.macromedia.com/p[/url] ... flash.cab#version=6,0,29 < [url]http://download.macromedia.com/p[/url] ... s/flash/swflash.cab>
R7In.P-w!O ,0" width="777" height="455">
BB-c4q CQ(h         <param name="movie" value="http://www.webjx.com/htmldata/2007-07-10/index.swf">
j"X9tHT2fv         <param name="quality" value="high">
/C-e&NE!Wb,J&| I)_ P         <embed src="http://www.webjx.com/htmldata/2007-07-10/index.swf" quality="high"7n]|o p
pluginspage="< [url]http://www.macromedia.com/go/getflashplayer[/url]>"6Hv?w&[
type="application/x-shockwave-flash" width="777" height="455"></embed>0TO_1zc7@W7ZFx:O5q
        </object></td>
$] @v3w!s       </tr>
$Y2}Uz p qt-?D     </table>$k4Xe%S+Sh*Sf
    <br>/b s,CH'eTS!R
   <span class="style2">\~T*sRm&}1H

E%z$K:DgdB/N9jB s 给企业做站，老板都喜欢动画站，认为那就是好，同时再采用模拟蜘蛛程序的工具，测试到搜索引擎对该页抓取结果如下：
\*a$eN etq
k [}.pI*@1o4T Spidered Text （蜘蛛可识别的文本）:*K'i0AO!|w;~{Hmo
    Welcome 本页使用 FLASH 技术,如果无法正常浏览请下载并 安装插件 或 直接进入 if you are not able to view the animated pleass install plug-in first

不和人说话 发表于 2008-4-6 08:36

Spidered Links（蜘蛛可识别的链接）:b8o'n5i U$_k
    < [url]http://www.macromedia.com/shockw[/url]> ... gerpages/flash.html
#JB"h2Y(@     ASP-bin/big5/?page=1 (下载 FLASH 插件的链接地址)
}_ TA"?^X-XN @#e     < [url]http://www.macromedia.com/shockw[/url]> ... gerpages/flash.html
g9aQ5St|
6Ue9HZ&By#Z` 因此可以得出结论是：蜘蛛程序没有在这个企业网站首页获得任何有意义的文本内容，也没有获得该 Flash 首页中进入“中文版”“英文版”关键性内容的链接。
4@gWB'xV^;a"i QNYwQ
FLASH 优化可以从以下三个方面来考虑：3个基本方面3\ZLP5|\GF
vw6]YS;Yr
1、做一个辅助 HTML 版本：
1A;r9b@i-^
}yd"h-W2c c 保留原有 FLASH 版本的同时，还可以设计一个 HTML 格式的版本，这样既可以保持动态美观效果，也可以让搜索引擎通过 HTML 版本的网页来发现网站。
&m7\,e KAoc]
pN V"Ey/IdV @x 2、将 Flash 内嵌 HTML 文件：:[F!JA AlO(s5O
zC,yV?j p J2s
还可以通过改变网页结构进行弥补，即不要将整个网页都设计成 Flash 动画，而是将 Flash内容嵌入到 HTML 文件中，这样对于用户浏览并不会削弱视觉效果，搜索引擎也可以从 HTML代码中发现一些必要的信息，尤其是进入内容页面的链接。即使首页全部动用了 FLASH，也应该将进入内页的关键性按钮/链接置于 FLASH 文件之外，以独立纯文本链接的方式呈现。上文案例将“中文版”链接置于 FLASH 文件中，使得蜘蛛程序一无所获，无法抓取到内页信息。J]*R1CZ"Jk+i

BMJL _0x 注意：不要将整个网页都设计成 Flash 动画，而是将 Flash内容嵌入到 HTML 文件中4p m xIk6L}%P0N

+F7OM8hdU&I 3、 付费登录搜索引擎：
0j;L N9|,E
d9I"Q6DmHy$?'hJ t 如果 FLASH 网站错过了被免费的技术型搜索引擎自动检索的机会，或者搜索结果排名效果不太理想，可以通过付费登录或做搜索引擎关键词广告，同样被用户搜索到。呵呵，付费的我们个人不理会总体上，商业网站应尽量少用 FLASH，站点间进行广告交换时也要避免采用 FLASH 广告为上策。X5@1on`;I P
%U4BT L C&m;z/xh"k
表格是网页最重要的排版方式。如果某个网页采用了大段的长篇文本，除了可以将一页文本分成多面，还可以考虑将文本置入不同表格中，这样不仅管理方便，也使得该页加载时每个表格内容依次加载，这样访问者就可以一边看已下载内容一边等待剩余部分加载，而不是等待很久之后才一齐加载出来。表格之内套嵌太多表格也不利于页面加载，因浏览器是先加载完大表格之后再加载内嵌的小表格，因此内嵌表格会最终降低整页加载速度。6p c|A1@#J!CN!S;\
k(K]p7p
网页减肥:
X!^:p:[:HN-{
f0F _m*xDf+{.[VV 代码设置不妥不仅延长网页加载时间，也严重影响蜘蛛程序对网页内容的抓取。通过对网页代码进行清减（俗称“网页减肥”），去掉臃肿杂乱的代码，减小网页文件大小，能够加快网页加载速度，让蜘蛛快速索引到重要内容。正常情况下一个页面的文件大小在 15K 左右，最好不要超过 50K。网页减肥重点涉及以下几个要点：4|g2](`6q#}
,lQA,U7ef
网页制作应通过 CSS（层叠样式表单）来统一定制字体风格，以使代码标准化，避免大量的字体和格式化标签如< h1 >< /h1 >、< font size=×× color=×× >< /font >充斥页面。通过 css 可以控制任何 HTML 标签的风格。例如<td>,<p>,<body>,<table>,<tr>,<th>等。只要在HTML的<head>区内的<style type="text/css">和</style>之间指定对应标签的风格如字体，颜色，大小即可，例如：
3a$} T5]I ].z Wl-ux9Y
<style type="text/css">
T;E*KT,a;C E K <!--
2Y2cy^*y NYb h2 { font-family: "宋体"; font-size: 12pt; color: #333366; background-color:Pz%R-?c0r4|x)Jd
#FFCCCC; font-weight: bold}
$Fk:k-Cz.|t h1 { font-family: "Arial"; font-size: 12pt; color: #993300}r/I C#j7k4~\
-->XntI0hm.{,I
</style>
w[w}Z3?8r}7u2g4P
8SM-wCQF 仅通过以上设置，就把文字的字体、字号、颜色、背景色等统一起来，不用对每段文字单独进行格式定义，从而减少大量重复性标签。
i'|,^5l4XDU,a
:| d*r n,S m javascript：正常情况下，网页尽量以<HTML>作为代码的开始端。但采用 JavaScript 技术的网页往往在页面一开始就堆积大量 JAVA 代码，以至 META 及关键字迟迟不能出现，被推至页面底部，对搜索引擎很不友好。有两种方法可以使之得以改善：
9b)E_x\:Z&J'L$W
:C,r.b5lH5W`]1sp 2、 将 JAVA 脚本置入一个.js 扩展名的文件。
2BwAo_o 3^lu'bU
    包含你的 JavaScript 的.js 文件通常在网站访问者的浏览器中被缓存下来，使得下次访问速度加快，也使得网站修改和维护起来更加方便。例：一段 JAVA 代码正常情况下显示如下：T0W/N8WOEUe~
Z"|,L.fSc8yl7yqr"I
<script language=JavaScript>
"y]+H5I @}e <!--uED3A2`+JG3e
此处是你的代码，将它们拷贝到一个.js 文件
X/kIV{ y&W //-->/@ZF7t,?6N
</script>
u\.h4Y%u w1iu K)O#@nn ^
忽略开始及结束标签，将中间的代码单独保存为扩展名为.js 的文件，如文件名为“mycode.js”的一个文件，然后将此文件上传到服务器上与该页同样的目录下。最后将上文列举的完整的 JavaScript 置换为简单的一行：<script language=JavaScript src=mycode.js></script>这样，一个“mycode.js”文件就将大段冗长复杂的 JAVA 代码置换了。
[2}~ a |I0j @V*zkT6q)S
最后，向大家推荐一款FLASH优化工具——Flash Optimizer是一个功能强大简单易用的Flash动画[*.SWF]文件优化工具，程序采用特殊的算法可以将Flash动画文件的体积缩小到只有原来的60%-70%，而可以基本保持动画品质不变！是网管，网页设计师，专业Flash动画设计师首选的Flash优化压缩解决方案！下载地址：[url]http://down.anxz.com/[/url]俺下载/www.anxz.com/flash_optimizer.rar 大家有兴趣的可以看看，谢谢

页: [1]
   

Powered by Discuz! Archiver 6.1.0  © 2001-2007 Comsenz Inc.