seo-book教程(编辑修改稿)

seo-book教程(编辑修改稿)内容摘要：

下载速度。 网页图片格式主要有 GIF和 JPGE两种形式。 一般来讲， GIF适用于线图和企业标识； JPEG适宜照片元素的格式。 主要通过减少 GIF颜色数量、缩小图片尺寸和降低分辩率来缩小文件，也可以采用层叠样式表达到优化的目的。 PhotoShop的版本越高越适用于网络图形。 此外，将大图片切割成若干小 图片于不同的表格区间内进行拼接，也可以相对加快下载时间。 工具推荐（英文）： （图片优化工具） FLASH优化 FLASH优化： 由于 FLASH优美的视觉效果和广阔的创意空间， FLASH技术在网页设计和网络广告中的应用非常广泛，很多网站首页甚至全部用 FLASH设计。 但 FLASH网页有一个非常致命的问题，即大部分搜索引擎无法识别 FLASH中的信息。 Google也只能检索到部分 Flash文件中的内嵌链接。 以下列举一个制造机电设备的企业网站首页的代码，用 FLASH制作，请注意是否可以看见有意义的文本： html head title欢迎光临。 /title meta equiv=ContentType content=text/html。 charset=gb2312 style type=text/css ! body { marginleft: 0px。 margintop: 0px。 marginright: 0px。 marginbottom: 0px。 } /style link rel=stylesheet href= 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/div align=center center table width=777 border=0 align=center cellpadding=0 cellspacing=0 tr tdobject classid=clsid:D27CDB6EAE6D11cf96B8444553540000 codebase= 29,0 width=777 height=455 param name=movie value=/article/UploadPic/20203/ param name=quality value=high embed src=/article/UploadPic/20203/ quality=high pluginspage= type=application/xshockwaveflash width=777 height=455/embed /object/td /tr /table brspan class=style2本页使用 FLASH技术 ,如果无法正常浏览请下载并 a href= /a或 a href=aspbin/big5/?page=1直接进入 /abr if you are not able to view the animated a href= install plugin /a first br!网站计数器开始 ! 炯剖 鹘崾 ? /span /center /div /td /tr /table /body /html 同时再采用模拟蜘蛛程序的工具，测试到搜索引擎对该页抓取结果如下： Spidered Text （蜘蛛可识别的文本）： Wele 本页使用 FLASH技术 ,如果无法正常浏览请下载并 安装插件 或 直接进入 if you are not able to view the animated pleass install plugin first Spidered Links（蜘蛛可识别的链接）： aspbin/big5/?page=1 (下载 FLASH插件的链接地址 ) 因此可以得出结论是： 蜘蛛程序没有在这个企业网站首页获得任何有意义的文本内容，也没有获得该 Flash首页中进入 中文版 英文版 关键性内容的链接。 FLASH优化可以从以下三个方面来考虑： 做一个辅助 HTML版本： 保留原有 FLASH版本的同时，还可以设计一个 HTML格式的版本，这样既可以保持动态美观效果，也可以让搜索引擎通过 HTML版本的网页来发现网 站。 将 Flash内嵌 HTML文件：还可以通过改变网页结构进行弥补，即不要将整个网页都设计成 Flash动画，而是将 Flash内容嵌入到 HTML文件中，这样对于用户浏览并不会削弱视觉效果，搜索引擎也可以从 HTML代码中发现一些必要的信息，尤其是进入内容页面的链接。 即使首页全部动用了FLASH，也应该将进入内页的关键性按钮 /链接置于 FLASH文件之外，以独立纯文本链接的方式呈现。 上文案例将 中文版 链接置于 FLASH文件中，使得蜘蛛程序一无所获，无法抓取到内页信息。 付费登录搜索引擎： 如果 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 ! h2 { fontfamily: 宋体。 fontsize: 12pt。 color: 333366。 backgroundcolor: FFCCCC。 fontweight: bold } h1 { fontfamily: Arial。 fontsize: 12pt。 color: 993300 } /style 仅通过以上设置，就把文字的字体、字号、颜色、背景色等统一起来，不用对每段文字单独进行格式定义，从而减少大量重复性标签。 注意把所有 css文件单独存放在命名为 css的外部文件中。 通过设置 CSS样式，也可以提升导航文本的美观度，达到与图片导航同样优美观的效果，这点尤其提醒网页设计师注意，没有必要将导航条用图片呈现。 Javascript： 正常情况下，网页尽量以 HTML作为代码的开始端。 但采用 Javascript技术的网页往往在页面一开始就堆积大量 JAVA代码，以至 META及关键字迟迟不能出现，被推至页面底部，对搜索引擎很不友好。 有两种方法可以使之得以改善： 将脚本移至页面底部 大部分的 JAVA代码都可以移到页面结束标签之上，而不影响网站功能。 这样就能一开始突出关键词，并加快页面加载时间。 将 JAVA脚本置入一个 .js扩展名的文件。 包含你的 Javascript的 .js文件通常在网站访问者的浏览器中被缓存下来，使得下次访问速度加快，也使得网站修改和维护起来更加方便。 例：一段 JAVA代码正常情况下显示如下： script language=Javascript ! 此处是你的代码，将它们拷贝到一个 .js文件 // /script 忽略开始及结束标签，将中间的代码单独保存为扩展名为 .js的文件，如文件名为 的一个文件，然后将此文件上传到服务器上与该页同样的目录下。 最后将上文列举的完整的 Javascript置换为简单的一行： 这样，一个 文件就将大段冗长复杂的 JAVA代码置换了。 工具推荐： 网页减肥工具： 去除网页中多余代码，减小网页 第四部分： SEO 指导下的技术支持 对搜索引擎最友好（ Search Engine Friendly）的网页是静态网页，但大部分内容丰富或互动型网站都不可避免采用到相关技术语言来实现内容管理和交互功能。 SEO 思想指导下的技术支持，主要是对特定代码的优化和对动态网页进行静态处理的措施。 Title标签和 Meta标签 以 . html或 .htm为扩展名的 HTML文档称为静态网页。 Meta称为元标志，用于网页的＜ head＞与＜/head＞中。 Meta 标签的用处很多，目前几乎所有的搜索引擎机器人都通过自动查找 Meta值来给网页分类，是籍此判断网页内容的基础。 其中最重要的是 description （网站描述）和 keywords（网站关键词）。 另外一个基本的属性是 Title标签，提示搜索引擎关于本页的主题。 Meta和 Title的形式在 html语言中体现为： head titletitle标题 /title meta name=keywords content=网页描述 meta name=description content=关键词 ...... /head 尽管 Meta本身不足以解决排名问题，但对 Meta标签的书写仍然是搜索引擎优化的基础工作。 清晰准确的 Meta文字与正文内容的关键词相呼应，是排名加分的重要条件之一。 标题（ Title）： 网页优化可以说是从 Title开始的。 在搜索结果中，每个抓取内容的第一行显示的文字就是该页的Title，同样在浏览器中打开一个页面，地址栏上方显示的也是该页的 Title。 因此， Title可谓一个页面的核心。 对 Title的书写要注意以下问题： title简短精炼，高度概括，含有关键词，而不是只有一个公司名。 但关键词不宜过多，不要超过3个词组。 企业网站的 title通常以公司名 +关键词为内容 前几个词对搜索引擎最重要，因此关键词位置尽量靠前。 最好将 title组织成符合语法结构和阅读习惯的短句或短语，避免无意义的词组罗列式 title 关键词 (Keywords)： Keywords提示搜索引擎：本网站内容围绕这些词汇展开。 因此 keywords书写的关键是每个词都能在内 容中找到相应的匹配才有利于排名。 Meta中的关键词书写技巧见前文的 关键词策略。 描述 (Description)： 描述部分用简短的句子告诉搜索引擎和访问者关于本网页的主要内容。 用该网站的核心关键词搜索后得到的搜索结果中，描述往往显示为标题后的几行描述文字。 Description一般被认为重要性在 title和 keywords之后。 描述的书写要注意以下问题： 描述中出现关键词，与正文内容相关 同样遵循简短原则，字符数含空格在内不要超过 200个字符 补充在 title和 keywords中未能充分表述的说明 其它 Meta标签： 为了限制搜索引擎对内容的抓取，可以采用以下几个 Robots Meta标签： ＜ meta name=Robots content=all|none|index|noindex|follow|nofollow＞ 其中： all：文件将被检索，且页面上的链接可以被查询； none：文件将不被检索，且页面上的链接不可以被查询； index：文件将被检索； follow：页面上的链接可以被查询； noindex：文件将不被检索，但页面上的链接 可以被查询； nofollow：文件将不被检索，页面上的链。