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

  • A+
所属分类:网站技术

一般的网页设计都由网页设计师完成。设计师设计网站往往仅从美观、创意和易用的角度考
虑,这对于一个期望获得搜索引擎排名优秀的商业网站来说,已经远远不够了,网站策划人员
至少应该为设计师递交一份需求备忘录,提醒在设计中需要配合和注意的环节。

目录结构和URL
URL是统一资源定位,即每个网页的网址、路径。网站文件的目录结构直接体现于URL。清晰简
短的目录结构和规范的命名不仅有利于用户体验和网址传播,更是搜索引擎友好的体现。

目录层次:
对于一个小型网站来说,一般只有一层子目录,如下:
http://www.vv11.com/dir1/page.htm

www.vv11.com是域名,dir1是一级目录名,page是文件名。
对搜索引擎而言,这种单一的目录结构最为理想,即扁平结构(Flat)。

而对规模大一些的网站,往往需要二到三层子目录。象这样:
http://www.vv11.com/dir1/dir2/dir3/page.htm
搜索引擎还是会去抓取二到三层子目录下的文件,但最好不要超过3层,如果超过4层,象以下
这个页面,搜索引擎就很难去搜索它了:
http://www.vv11.com/dir1/dir2/dir3/dir4/page.htm

当然,以下情况下,即使深入第四层甚至更深层次的页面,也同样能被搜索到:

1、如果该页提供了重要内容,有大量来自其它网站的外部链接(Inbound Links);

2、如果在首页上增加一个该页的链接,可以通过首页直接到达,搜索Spider还是可以轻易地找
到它;

3、如果有其它网站在顶级页面上链接了该页,其效果就好似你在自己的首页上做了该链接。

此外,图形、脚本、CGI-BIN和CSS样式表则各自建立专门的目录收入其中,一般不放在根目录
下。

目录和文件命名:

根据关键字无所不在的原则,可以在目录名称和文件名称中使用到关键词。但如果是关键词组,
则需要用分隔符分开。我们常用连字符"-"和下划线"_"进行分隔,URL中还经常出现空格码
"%20"。因此,如果以"中国制造"作文件名,就可能出现以下三种分隔形式:
made-in-china.htm
made_in_china.htm
made%20in%20china.htm

但事实上,至少在目前Google并不认同"_"为分隔符。对Google来说, made-in-china和
made%20in%20china都等于made in china,但made_in_china就被读成了madeinchina,连在一
起之后,关键词就失去了意义。

因此,目录和文件名称如果有关键词组,要用连字符"-"而不是下划线"_"进行分隔。

URL应该越短越好。有人为了单纯增加关键字而额外建多一个带有关键字的子目录,改变目录结
构。由于URL中含有关键字本身对排名提高帮助并不大,因而这种做法多此一举,也是搜索引擎
反感的。

绝对URL和相对URL:

绝对URL:即网页路径使用包含顶级域名在内的完整的URL。
如:www.vv11.com/page1/index.html是一个绝对路径,其中/page1/index.html则为相对路
径,由浏览器自动在该链接前加上www.vv11.com。

总体上,Google在排名时并不在意URL使用的是相对路径还是绝对路径。 动态URL: 目前很多
网站都有数据库驱动生成的URL,即动态URL,往往表现为在URL中出现"?"、"="、"%",以及"&"
、"$"等字符。动态URL极不利于搜索引擎抓取网页,严重影响网站排名,通常是通过技术解决
方案将动态URL转化成静态的URL形式,如:
将http://www.vv11.com/messages.php?id=2&type=5 转化为
http://www.vv11.com/messages/2/5/ 下文将会专门提到动态URL的解决方案。

导航结构
网站导航是对引导用户访问网站的的栏目、菜单、在线帮助、布局结构等形式的统称。其主要
功能在于引导用户方便地访问网站内容,是评价网站专业度、可用度的重要指标。同时对搜索
引擎也产生诸多提示作用。概括地讲,网站在导航方面应注意以下几点:

1、主导航醒目清晰
主导航一般体现为一级目录,通过它们用户和蜘蛛程序都可以层层深入访问到网站所有重要内
容。因此主栏目必须在网站首页第一屏的醒目位置体现,并最好采用文本链接而不是图片。

2、"面包屑型(Breadcrumbs)"路径
所谓"面包屑"是比喻用户通过主导航到目标网页的访问过程中的路径提示,使用户了解所处网
站中的位置而不至于迷失"方向",并方便回到上级页面和起点。路径中的每个栏目最好添加链
接。

如下: 网信设计: 网信日志 > 技术资讯 > 网络营销

即使没有详细的路径来源,也至少应该在每个子页面提示回首页的链接,包括页面的LOGO作链
接。

3、首页突出重要内容
除了主栏目,还应该将次级目录中的重要内容以链接的方式在首页或其它子页中多次呈现,以
突出重点。搜索引擎会对这种一站内多次出现的链接给予充分重视,对网页级别(PageRank)
提高有很大帮助,这也是每个网站首页的网页级别一般高于其它页面级别的重要因素,因为每
个子页都对首页进行了链接。

4、使用网站地图
网站地图(Site Map)是辅助导航的手段,最初是为用户设计,以方便用户快捷到达目标页。
良好的网站地图设计常常以网站拓扑结构体现复杂的目录关系,具有静态、直观、扁平、简单
的特点。多采用文本链接,不用或少用修饰性图片,以加快页面加载速度。以上特点符合搜索
引擎友好的要求,因此网站地图在SEO中也有重要的意义。尤其对于那些采用图片导航和动态技
术生成的网页,通过在网站地图中进行文本链接,可在一定程度上弥补蜘蛛程序无法识别图片
和动态网页造成的页面不可见的风险。

需要注意,网站地图也要突出重点,尽量给出主干性内容及链接,而不是所有细枝末节。一页
内不适宜放太多链接。Google明确提出"如果网站地图上的链接超过大约 100 个,则最好将网
站地图拆成多个网页"。

工具推荐:
Xenu:http://home.snafu.de/tilman/xenulink.html 生成网站地图
框架结构
框架结构,即帧结构(Frame)网页表现为一个页面内的某一块保持固定,其它部分信息可以通
过滚动条上下或左右移动显示,如左边菜单固定,正文信息可移动,或者顶部导航和LOGO部分
保持固定,其它部分上下或左右移动。我们的邮箱通常都采用框架建构。框架型网页的另一个
表现是,深层页面的域名通常不会在URL中体现出来,即使进入深层子页面,浏览器显示出来的
URL仍然是主页的URL。

框架型网站的优越性体现在页面的整体一致性和更新方便上。尤其对于那些大型网站而言,框
架结构的使用可以使网站的维护变得相对容易。但框架对搜索引擎来说是一个很大的问题,这
是由于大多数搜索引擎都无法识别框架,也没有什么兴趣去抓取框架中的内容。此外,某些浏
览器也不支持框架页面。

如果网页已经使用了框架,或出于某种原因一定要使用框架结构,则必须在代码中使用
"Noframes"标签进行优化,把Noframe标签看做是一个普通文本内容的主页。在
<Noframe></Noframe>区域中包含指向frame页的链接以及带有关键词的描述文本,同时在框架
以外的区域也出现关键词文本。这样,搜索引擎才能够正确索引到框架内的信息。

还有一个办法是采用iframe即内联框架(Inner Frame)技术来避免Frame带来的不便。所谓
iframe也是框架的一种形式,它是相当于在主浏览器窗口中内嵌一个子窗口,内容自动打开。
iframe可以嵌在网页中的任意部分,也可以随意定义其大小,其代码显示为:

<iframe src=xx width=x height=x scrolling=xx frameborder=x></iframe>"

 

对搜索引擎来说,iframe中的文字是可见的,也可以跟踪到其中链接指向的页面,不过与用户
所见不同的是,搜索引擎将iframe内容看成单独的一个页面内容,与被内嵌的页面无关。
图像优化
一般而言,搜索引擎只识读文本内容,对图像是不可见的。同时,图像文件直接延缓页面加载
时间,如果超过20秒网站还不能加载,用户和搜索引擎极有可能离开你的网站。因此,除非你
的网站内容是图片为主,比如游戏站点或者图片至关重要,否则尽量避免使用大图片,更不要
采用纯图像制作网页(SPLASH PAGE)。

网站图片优化的核心有两点:增加搜索引擎可见的文本描述,以及在保持图像质量的情况下尽
量压缩图像的文件大小。
Alt属性:
每个图像<IMG>标签中都有ALT属性,搜索引擎会读取该属性以了解图像的信息。因此,最好在
所有插图的ALT属性中都有文字描述,并带上该页关键字在其中。
如:www.vv11.com的主页LOGO部分代码为:

<img src="/article/UploadPic/2007-3/200739223415731.gif" alt="SEO教程:对搜索引擎友好的网页设计制作" alt="深圳市网信设计工作室"

width="200" height="70" border="0">