学习下seo（SEO）第三部分：对搜刮引擎友爱的网页计划制造 ...

在原来的table基础上进行改版,几乎必须改变所有的内容注入渠道，实在是太过于麻烦。

• 
  
• 
  

第三部分：对搜刮引擎友爱的网页计划制造

一样平常的网页计划都由网页计划师完成。计划师计划网站常常仅从美妙、创意和易用的角度思索，这关于一个希冀取得搜刮引擎排名优异的贸易网站来讲，已远远不敷了，网站筹划职员最少应当为计划师递交一份需求备忘录，提示在计划中必要共同和注重的环节。


目次布局和URL

URL是一致资本定位，即每一个网页的网址、路径。网站文件的目次布局间接表现于URL。明晰冗长的目次布局和标准的定名不但有益于用户体验和网址传布，更是搜刮引擎友爱的表现。

目次条理：
关于一个小型网站来讲，一样平常只要一层子目次，以下：
http://www.yoursite.com/dir1/page.htm
www.yoursite.com是域名，dir1是一级目次名，page是文件名。对搜刮引擎而言，这类单一的目次布局最为幻想，即扁平布局（Flat）。
而对范围年夜一些的网站，常常必要二到三层子目次。象如许：
http://www.yoursite.com/dir1/dir2/dir3/page.htm
搜刮引擎仍是会往抓取二到三层子目次下的文件，但最好不要凌驾3层，假如凌驾4层，象以下这个页面，搜刮引擎就很难往搜刮它了：
http://www.yoursite.com/dir1/dir2/dir3/dir4/page.htm

固然，以下情形下，即便深切第四层乃至更深条理的页面，也一样能被搜刮到：
1、假如该页供应了主要内容，有大批来自别的网站的内部链接（InboundLinks）；
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都即是madeinchina，但made_in_china就被读成了madeinchina，连在一同以后，关头词就得到了意义。因而，目次和文件称号假如有关头词组，要用连字符“-”而不是下划线“_”举行分开。

URL应当越短越好。有工资了纯真增添关头字而分外建多一个带有关头字的子目次，改动目次布局。因为URL中含有关头字自己对排名进步匡助其实不年夜，因此这类做法画蛇添足，也是搜刮引擎恶感的。

相对URL和绝对URL：
尽对URL：即网页路径使用包含顶级域名在内的完整的URL。如：www.yoursite.com/page1/index.html是一个相对路径，个中/page1/index.html则为绝对路径，由扫瞄器主动在该链接前加上www.yoursite.com。整体上，Google在排名时其实不在乎URL利用的是绝对路径仍是相对路径。

静态URL：
今朝良多网站都无数据库驱动天生的URL，即静态URL，常常体现为在URL中呈现“?”、“=”、“%”，和“&”、“$”等字符。静态URL极倒霉于搜刮引擎抓取网页，严峻影响网站排名，
一般是经由过程手艺办理计划将静态URL转化成静态的URL情势，如：
将http://www.domain.com/messages.php?id=2&type=5
转化为http://www.domain.com/messages/2/5/
下文将会专门提到静态URL的办理计划。

导航布局

网站导航是对引诱用户会见网站的的栏目、菜单、在线匡助、结构布局等情势的统称。其次要功效在于引诱用户便利地会见网站内容，是评价网站专业度、可费用的主要目标。同时对搜刮引擎也发生诸多提醒感化。归纳综合地讲，网站在导航方面应注重以下几点：

1、主导航夺目明晰
主导航一样平常表现为一级目次，经由过程它们用户和蜘蛛程序都能够层层深切会见到网站一切主要内容。因而主栏目必需在网站首页第一屏的夺目地位表现，并最好接纳文本链接而不是图片。

2、“面包屑型(Breadcrumbs)”路径
所谓“面包屑”是比方用户经由过程主导航到方针网页的会见过程当中的路径提醒，利用户懂得所处网站中的地位而不至于丢失“偏向”，并便利回到下级页面和出发点。路径中的每一个栏目最好增加链接。以下：
时期营销：首页>收集营销静态>出格报导
即便没有具体的路径来历，也最少应当在每一个子页面提醒回想页的链接，包含页面的LOGO作链接。

3、首页凸起主要内容
除主栏目，还应当将次级目次中的主要内容以链接的体例在首页或别的子页中屡次出现，以凸起重点。搜刮引擎会对这类一站内屡次呈现的链接赐与充实器重，对网页级别
（PageRank）进步有很年夜匡助，这也是每一个网站首页的网页级别一样平常高于别的页面级其余主要要素，由于每一个子页都对首页举行了链接。

4、利用网站舆图
网站舆图（SiteMap）是帮助导航的手腕，最后是为用户计划，以便利用户快速抵达方针页。优秀的网站舆图计划经常以网站拓扑布局表现庞大的目次干系，具有静态、直不雅、扁平、复杂的特性。多接纳文本链接，不必或罕用润色性图片，以加速页面加载速率。以上特性切合搜刮引擎友爱的请求，因而网站舆图在SEO中也有主要的意义。特别关于那些接纳图片导航和静态手艺天生的网页，经由过程在网站舆图中举行文本链接，可在必定水平上填补蜘蛛程序没法辨认图片和静态网页酿成的页面不成见的风险。

必要注重，网站舆图也要凸起重点，只管给出骨干性内容及链接，而不是一切细枝小节。一页内不合适放太多链接。Google明白提出“假如网站舆图上的链接凌驾约莫100个，则最好将网站舆图拆成多个网页”。

工具保举：
Xenu：http://home.snafu.de/tilman/xenulink.html天生网站舆图

框架布局

框架布局，即帧布局（Frame）网页体现为一个页面内的某一块坚持流动，别的部分信息能够经由过程转动条高低或摆布挪动显现，如右边菜单流动，注释信息可挪动，大概顶部导航和LOGO部分坚持流动，别的部分高低或摆布挪动。我们的邮箱一般都接纳框架建构。框架型网页的另外一个体现是，深层页面的域名一般不会在URL中表现出来，即便进进深层子页面，扫瞄器显现出来的URL仍旧是主页的URL。

框架型网站的优胜性表现在页面的全体分歧性和更新便利上。特别关于那些年夜型网站而言，框架布局的利用可使网站的保护变得绝对简单。但框架对搜刮引擎来讲是一个很年夜的成绩，这是因为年夜多半搜刮引擎都没法辨认框架，也没有甚么乐趣往抓取框架中的内容。别的，某些扫瞄器也不撑持框架页面。

假如网页已利用了框架，或出于某种缘故原由必定要利用框架布局，则必需在代码中利用“Noframes”标签举行优化，把Noframe标签看作是一个一般文本内容的主页。在<Noframe></Noframe>地区中包括指向frame页的链接和带有关头词的形貌文本，同时在框架之外的地区也呈现关头词文本。如许，搜刮引擎才干够准确索引到框架内的信息。

另有一个举措是接纳iframe即内联框架（InnerFrame）手艺来制止Frame带来的方便。所谓iframe也是框架的一种情势，它是相称于在主扫瞄器窗口中内嵌一个子窗口，内容主动翻开。iframe能够嵌在网页中的恣意部分，也能够随便界说其巨细，其代码显现为：<iframesrc=xxwidth=xheight=xscrolling=xxframeborder=x></iframe>”

对搜刮引擎来讲，iframe中的笔墨是可见的，也能够跟踪到个中链接指向的页面，不外与用户所见分歧的是，搜刮引擎将iframe内容当作独自的一个页面内容，与被内嵌的页面有关。

图象优化

一样平常而言，搜刮引擎只识读文本内容，对图象是不成见的。同时，图象文件间接延缓页面加载工夫，假如凌驾20秒网站还不克不及加载，用户和搜刮引擎极有大概分开你的网站。因而，除非你的网站内容是图片为主，好比游戏站点大概图片相当主要，不然只管制止利用年夜图片，更不要接纳纯图象制造网页(SPLASHPAGE)。

网站图片优化的中心有两点：增添搜刮引擎可见的文本形貌，和在坚持图象质量的情形下只管紧缩图象的文件巨细。

Alt属性：
每一个图象

文本申明：
除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中的信息。Google也只能检索到部分Flash文件中的内嵌链接。以以下举一个打造电机设备的企业网站首页的代码，用FLASH制造，请注重是不是能够瞥见成心义的文本：
<html>
<head>
<title>Welcome</title>
<metahttp-equiv="Content-Type"content="text/html;charset=gb2312">
<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="/uploadfile/200806/17/2C162638664.swf">
<paramname="quality"value="high">
<embedsrc="/uploadfile/200806/17/76162639868.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>
<spanclass="style2">
本页使用FLASH技术,如果无法正常浏览请下载并<ahref="http://www.macromedia.com/shockwave/download/triggerpages/flash.html">安装插件</a>或<ahref="asp-bin/big5/?page=1">间接进进</a><br>ifyouarenotabletoviewtheanimatedahref="http://www.macromedia.com/shockwave/download/triggerpages/flash.html">pleassinstall
plug-in</a>first<br><!--网站计数器入手下手-->
<Scriptlanguage="JavaScript"src="counter/count.asp"></Script>
<!--网站计数器停止-->
</span>
</center>
</div></td>
</tr>
</table>
</body>
</html>

同时再接纳摹拟蜘蛛程序的工具，测试到搜刮引擎对该页抓取了局以下：

SpideredText（蜘蛛可辨认的文本）:
Welcome本页利用FLASH手艺,假如没法一般扫瞄请下载并安装插件或间接进进ifyou
arenotabletoviewtheanimatedpleassinstallplug-infirst
SpideredLinks（蜘蛛可辨认的链接）:
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>、<fontsize=

每天上网看着那样多的网页，于是我才下定决心选择了网页制作这一门课程，目的就是希望以后能够做出一个完美的网页来。

学Dreamweaver技术的过程其实是一个增加信心的过程。

您在所见即所得网页编辑器进行网页制作和在WORD中进行文本编辑不会感到有什么区别，但它同时也存在着致命的弱点。

仓酷云

不管老师做怎样的解释，而我却对它感到很是吃力，诸如里面有许多不知道的功能。

俗话说：兴趣是最好的老师。做每一件事都离不开兴趣的驱动。兴趣是自学技术需要迈出的第一步。在学习的过程中，我们难免会遇到各种各样的问题。

Dreamweaver在所见即所得添加链接，也可以先选中文字或图片然后在属性栏中的链接栏后的一个小圆圈，用鼠标点击小圆圈按住不放拖动出箭头然后指向文件即可。

在Dreamweaver里可以很轻松的完成图文混排、插入图片、插入Flash、插入音频、插入视频。

在刚开始接触网页的第一堂课上，听说网页制作会是一门很无聊并且很难听懂的过程，而事实却印证了这样一个事实。