对搜索引擎友好的网页设计制作二（okidc-免费空间-提供共享）

咨询QQ号713182 · 发表于 2009-12-2 09:23:42

FLASH 优化：
由于FLASH 优美的视觉效果和广阔的创意空间，FLASH 技术在网页设计和网络广告中的应用非常广泛，很多网站首页甚至全部用FLASH 设计。但FLASH 网页有一个非常致命的问题，即大部分搜索引擎无法识别FLASH 中的信息。Google 也只能检索到部分Flash 文件中的内嵌链接。以下列举一个制造机电设备的企业网站首页的代码，用FLASH 制作，请注意是否可以看见有意义的文本：
<html>
<head>
<title>Welcome</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style type="text/css">

</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/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29
,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"> 本页使用FLASH 技术, 如果无法正常浏览请下载并<a href="http://www.macromedia.com/shockwave/download/triggerpages/flash.html">安装插件</a>或
<a href="asp-bin/big5/?page=1">直接进入</a><br>
if you are not able to view the animated <a
href="http://www.macromedia.com/shockwave/download/triggerpages/flash.html">pleass install
plug-in </a> first <br>
<Script language="JavaScript" src="counter/count.asp"></Script>

</span>
</center>
</div> </td>
</tr>
</table>
</body>
</html>
同时再采用模拟蜘蛛程序的工具，测试到搜索引擎对该页抓取结果如下：
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 优化可以从以下三个方面来考虑：
1、做一个辅助HTML 版本：
保留原有FLASH 版本的同时，还可以设计一个HTML 格式的版本，这样既可以保持动态美观效果，也可以让搜索引擎通过HTML 版本的网页来发现网站。
2、将Flash 内嵌HTML 文件：
还可以通过改变网页结构进行弥补，即不要将整个网页都设计成Flash 动画，而是将Flash 内容嵌入到HTML 文件中，这样对于用户浏览并不会削弱视觉效果，搜索引擎也可以从HTML 代码中发现一些必要的信息，尤其是进入内容页面的链接。
即使首页全部动用了FLASH，也应该将进入内页的关键性按钮/链接置于FLASH 文件之外，以独立纯文本链接的方式呈现。上文案例将“中文版”链接置于FLASH 文件中，使得蜘蛛程序一无所获，无法抓取到内页信息。
3、付费登录搜索引擎：
如果FLASH 网站错过了被免费的技术型搜索引擎自动检索的机会，或者搜索结果排名效果不太理想，可以通过付费登录或做搜索引擎关键词广告，同样被用户搜索到。
总体上，商业网站应尽量少用FLASH，站点间进行广告交换时也要避免采用FLASH 广告为上策。

表格使用
表格是网页最重要的排版方式。如果某个网页采用了大段的长篇文本，除了可以将一页文本分成多面，还可以考虑将文本置入不同表格中，这样不仅管理方便，也使得该页加载时每个表格内容依次加载，这样访问者就可以一边看已下载内容一边等待剩余部分加载，而不是等待很久之后才一齐加载出来。
表格之内套嵌太多表格也不利于页面加载，因浏览器是先加载完大表格之后再加载内嵌的小表格，因此内嵌表格会最终降低整页加载速度。
网页减肥
代码设置不妥不仅延长网页加载时间，也严重影响蜘蛛程序对网页内容的抓取。通过对网页代码进行清减（俗称“网页减肥”），去掉臃肿杂乱的代码，减小网页文件大小，能够加快网页加载速度，让蜘蛛快速索引到重要内容。正常情况下一个页面的文件大小在15K 左右，最好不要超过50K。
网页减肥重点涉及以下几个要点：
CSS 样式
网页制作应通过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">

</style>
仅通过以上设置，就把文字的字体、字号、颜色、背景色等统一起来，不用对每段文字单独进行格式定义，从而减少大量重复性标签。注意把所有css 文件单独存放在命名为css 的外部文件中。通过设置CSS 样式，也可以提升导航文本的美观度，达到与图片导航同样优美观的效果，这
点尤其提醒网页设计师注意，没有必要将导航条用图片呈现。
JavaScript：
正常情况下，网页尽量以<HTML>作为代码的开始端。但采用JavaScript 技术的网页往往在页面一开始就堆积大量JAVA 代码，以至META 及关键字迟迟不能出现，被推至页面底部，对搜索引擎很不友好。有两种方法可以使之得以改善：
1、将脚本移至页面底部
大部分的JAVA 代码都可以移到页面结束标签之上，而不影响网站功能。这样就能一开始突出关键词，并加快页面加载时间。
2、将JAVA 脚本置入一个.js 扩展名的文件。
包含你的JavaScript 的.js 文件通常在网站访问者的浏览器中被缓存下来，使得下次访问速度加快，也使得网站修改和维护起来更加方便。例：一段JAVA 代码正常情况下显示如下：
<script language=JavaScript>

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

小新啦 · 发表于 2009-12-2 09:36:14

kedi · 发表于 2009-12-2 12:04:23

好多~~~~~

账号		自动登录	找回密码
密码			注册

[建站交流] 对搜索引擎友好的网页设计制作二（okidc-免费空间-提供共享）