SEO教程:对搜索引擎友好的网页设计制作

  • A+
所属分类：网站seo

文本说明：
除了ALT属性文字，还可以考虑以下方法直接优化图像，使之被搜索到：
1、在图片上方或下方加上包含关键词的描述文本；
2、在代码中增加一个包含关键词段的heading标题标签，然后在图片下方增加文字描述。
3、在图片下方或旁边增加如"更多某某"链接，包含关键词。
4、创建一些既吸引用户又吸引搜索引擎的文本内页，先把流量吸引到这些页面，再提供文本链
接指向你的图片页面。

 

总体上，网页应尽量减少装饰性图片以及大图片。而Alt属性中的文字对搜索引擎来说，其重要
性比正文内容的文字要低。

 

Gif和JPGE图像优化：
Alt属性和文本说明都只是对图像之外的文本环境进行优化，下面简单谈谈对图片本身的优化处
理。对图片文件优化的目的是在尽量不影响图像画面效果的情况下，将其文件大小降到最低，
以加快页面整体下载速度。

 

网页图片格式主要有GIF和JPGE两种形式。一般来讲，GIF适用于线图和企业标识；JPEG适宜照
片元素的格式。主要通过减少GIF颜色数量、缩小图片尺寸和降低分辩率来缩小文件，也可以采
用层叠样式表达到优化的目的。PhotoShop的版本越高越适用于网络图形。此外，将大图片切割
成若干小图片于不同的表格区间内进行拼接，也可以相对加快下载时间。

 

工具推荐（英文）：
www.xat.com/internet_technology/download.html （图片优化工具）
FLASH优化
FLASH优化：
由于FLASH优美的视觉效果和广阔的创意空间，FLASH技术在网页设计和网络广告中的应用非常
广泛，很多网站首页甚至全部用FLASH设计。但FLASH网页有一个非常致命的问题，即大部分搜
索引擎无法识别FLASH中的信息。Google也只能检索到部分Flash文件中的内嵌链接。
以下列举一个制造机电设备的企业网站首页的代码，用FLASH制作，请注意是否可以看见有意义
的文本：

 

<html>
<head>
<title>欢迎光临！/title>
<meta http-equiv="Content-Type" content="text/html; ch***t=gb2312">
<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/pub/shockwave/cabs/flash/swflash.cab#versi
on=6,0,29,0" width="777" height="455">
<param name="movie" value="/article/UploadPic/2007-3/200739223415598.swf">
<param name="quality" value="high">

 

<embed src="/article/UploadPic/2007-3/200739223415598.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/shockwave/download/triggerpages/flash.html
asp-bin/big5/?page=1 (下载FLASH插件的链接地址)
http://www.macromedia.com/shockwave/download/triggerpages/flash.html

 

因此可以得出结论是：
蜘蛛程序没有在这个企业网站首页获得任何有意义的文本内容，也没有获得该Flash首页中进入
"中文版""英文版"关键性内容的链接。
[NextPage]
FLASH优化可以从以下三个方面来考虑：

 

1、做一个辅助HTML版本： 保留原有FLASH版本的同时，还可以设计一个HTML格式的版本，这样
既可以保持动态美观效果，也可以让搜索引擎通过HTML版本的网页来发现网站。

1 2 3
1 2 3