seo代码优化第一课.doc 16页

代码优化必知：：：：：： 1、网站布局清晰 2、结构简洁明朗 3、代码做到精简，不需要的功能不要，可以去掉代码去掉。 4、尽量少用或者不用JS类蜘蛛无法识别的代码 第一把，是网站排名的基础设施，如盖房子打地基一样 架构： 1、网站的定位、预期的发展规模 2、网站的程序选择、整体架构 3、空间、域名的选择，是否支持静态化、是否支持301，空间是否稳定 4、标题、各个频道的标题、描述、关键词等 5、URL标准化、首选域的确定、重要页面采用绝对地址、robots、404、清晰的次导航、网站更新机制、挖掘用户的力量 网站已经上线了的所要做的： 1、网站整体的架构，是否利于蜘蛛的抓取 2、标题、各个频道的标题、描述、关键词是否有堆积的现象 3、URL标准化、首选域、重要页面采用绝对地址、robots、404、清晰的次导航、网站更新机制、挖掘用户的力量 第二把：网站需要足够强大的内容，告诉搜索引擎你的网站是干什么的 内容： 有了一个好的网站架构之后，我们需要做的是丰富网站的内容，内容不管从哪来，我们需要做的是告诉搜索引擎我们的内容是与我们网站相关的，再细分一些是与网站各个频道、目录是一致的。 言归正传，如何做内容？ 1、问答型：是在网站目录下完成，建一个问答类的平台，前期比较累，这个需要设计师及优化师沟通好，前期如何做，后期你的原创会源源不断，如百度知道类这样 2、论坛型，是在网站目录下完成，像SEOWHY、站长论坛等，前期会很辛苦，后期会很开心。 3、博客型，是在网站目录下完成，像ZAC老师一样，你写的东西足够原创，有一定的个人见解，也是非常不错的喔。 4、伪原创型：如果你是一个企业站或者小站的话，你就不用考虑这么多了，直接就是在站内更新就是了，每个版块弄一个更新的版块，像夫唯老师seowhy首页一样，伪原创很多站长都在用，你可以学习一下，这方面的手法基本上都差不多的。 第三把：网站需要足够强大的外链，让更多的网站告诉搜索引擎你是什么 外链： 外链当中友情链接是质量最高的，为什么很多人拼命的加友链就是这道理，其实个人感觉友链控制在30个左右是最佳的，质量是最重要的。 言归正传，如何做外链？ 1、软文链轮思路，即一篇软文链着上一篇软文，篇篇相连 2、博客链轮思路，即一个博客链着上一个博客，篇篇相链，形成一个小轮，然后用两到三小轮，形成一个大轮。然后你可以拉朋友这样一起操作，几大轮再形成一大轮。 3、电子书型思路，即很多人喜欢写作，那么你就抓住人们的心理，写一些确实能够吸引人的东西，利用这种形式留下你的网址。 4、制作模版思路，即很多人懂程序的人，可以开发一些小插件，然后带其一个网址，前提是你的这个小插件对别人确实有用哈。 5、劳累苦力思路，即比较重复的动作，但又不得不去做，比如问答类、提交目录类，这个可以招一些实习生去做，前提是你要教他们如何做，费用可能比较适合。 常用HTML代码解释 一、文字 1.标题文字 h#........../h# #=1~6；h1为最大字，h6为最小字 2.字体变化 font........../font 【1】字体大小 font size=#........../font #=1~7；数字愈大字也愈大 【2】指定字型 font face=字体名称........../font 【3】文字颜色 font color=#rrggbb........../font rr：表红色（red）色码 gg：表绿色（green）色码 bb：表蓝色（blue）色码 rrggbb也可用6位颜色代码数字 3.显示小字体 small........../small 4.显示大字体 big........../big 5.粗体字 b........../b 6.斜体字 i........../i 7.打字机字体 tt........../tt 8.底线 u........../u 9.删除线 strike........../strike 10.下标字 sub........../sub 11.上标字 sup........../sup 12.文字闪烁效果 blink........../blink 13.换行（也称回车） br 14.分段 p 15.文字的对齐方向 p align=# #号可为 left：表向左对齐（预设值） center：表向中对齐 right：表向右对齐 P.S.p align=#之后的文字都会以所设的对齐方式显示，直到出现另一个p align=#改变其对齐方向，遇到hr或h#标签时会自动设回预设的向左对齐。 16.分隔线 hr 【1】分隔线的粗细 hr size=点数 【2】分隔线的宽度 hr size=点数或百分比 【3】分隔线对齐方向 hr align=# #号可为 left：表向左对齐（预设值） center：表向中对齐 right：表向右对齐 【4】分隔线的颜色 hr color=#rrggbb 【5】实心分隔线 hr noshade 17.居中对齐 center........../center 18.依原始样式显示 pre........../pre 19.body指令的属性 【1】背景颜色 -- bgcolor body bgcolor=#rrggbb 【2】背景图案 -- background body background=图形文件名 【3】设定背景图案不会卷动 -- bgproperties body bgproperties=fixed 【4】文件内容文字的颜色 -- text body text=#rrggbb 【5】超连结文字颜色 -- link body link=#rrggbb 【6】正被选取的超连结文字颜色 -- vlink body vlink=#rrggbb 【7】已连结过的超连结文字颜色 -- alink body alink=#rrggbb 20.文字移动指令MARQUEE........../MARQUEE 移动速度指令是:scrollAmount=# #最小为1，速度为最慢；数字越大移动的越快。 移动方向指令是：direction=# up向上、down向下、left向左、right向右。 指令举例：MARQUEE scrollAmount=3 direction=up........../MARQUEE 二、图片 1.插入图片 img src=图形文件名”图片关键词” （alt的重要性不言而喻 ） 2.设定图框 -- border img src=图形文件名 border=点数 3.设定图形大小 -- width、height img src=图形文件名 width=宽度点数 height=高度点数 4.设定图形上下左右留空 -- vspace、hspace img src=图形文件名 vspace=上下留空点数 hspace=左右留空点数 5.图形附注 img src=图形文件名 alt=说明文字 6.预载图片 img src=高解析度图形文件名 lowsrc=低解析度图形文件名 P.S.两个图的图形大小最好一致; 7.影像地图（Image Map） img src=图形文件名 usemap=#图的名称 map name=图的名称 area shape=形状 coords=区域座标列表 href=连结点之URL area shape=形状 coords=区域座标列表 href=连结点之URL area shape=形状 coords=区域座标列表 href=连结点之URL area shape=形状 coords=区域座标列表 href=连结点之URL /map 【1】定义形状 -- shape shape=rect：矩形 shape=circle：圆形 shape=poly：多边形 【2】定义区域 -- coords a.矩形：必须使用四个数字，前两个数字为左上角座标，后两个数字为右下角座标 例：area shape=rect coords=100,50,200,75 href=URL b.圆形：必须使用三个数字，前两个数字为圆心的座标，最后一个数字为半径长度 例：area shape=circle coords=85,155,30 href=URL c.任意图形（多边形）：将图形之每一转折点座标依序填入 例：area shape=poly coords=232,70,285,70,300,90,250,90,200,78 href=URL 三、表格相关 1.表格标题 caption........../caption 表格标题位置 -- align caption align=# #号可为 top：表标题置于表格上方（预设值） bottom：表标题置于表格下方 2.定义列 tr 3.定义栏位 《1》td：靠左对齐 《2》th：靠中对齐粗体 【1】水平位置 -- align th align=# #号可为 left：向左对齐 center：向中对齐 right：向右对齐 【2】垂直位置 -- align th align=# #号可为 top：向上对齐 middle：向中对齐 bottom：向下对齐 【3】栏位宽度 -- width th width=点数或百分比 【4】栏位垂直合并 -- rowspan th rowspan=欲合并栏位数 【5】栏位横向合并 -- colspan th colspan=欲合并栏位数 四、表格的主要属性 1. table标记的主要属性 align定义表格的对齐方式，有三个属性值center，left，right background定义表格的背景图案，属性值为图片的地址 bgcolor定义表格的背景颜色，属性值是各种颜色代码 border定义表格的边框宽度，属性值是数字 bordercolor定义表格边框的颜色，属性值是各种颜色代码 cellpadding定义单元格内容与单元格边框之间的距离，属性值是数字 cellspacing定义表格中单元格之间的距离 height定义表格的高度，属性值是数字 width定义表格的宽度，属性值是数字 2. tr标记，表格是由多行与多列组成的，tr标记用来定义表格的一行，他的属性极其属性值定义的是表格中的该行，其主要属性与属性值如下： align定义对齐方式，属性值与上同 background定义背景图案 bgcolor定义背景色 3. td标记。用td标记概况起来的内容表示表格的单元。其主要属性与属性值和table标记的一样，补充两个合并列和行的代码： colspan定义合并表格的列数，属性值是数字 rowspan定义合并表格的行数，属性值是数字 五、FRAME 1、分割视窗指令 frameset........../frameset 【1】垂直（上下）分割 -- rows frameset rows=# #号可为点数： 如欲分割为100,200,300三个视窗，则frameset rows=100,200,300； 亦可以*号代表，如frameset rows=*,500,* 百分比：如frameset rows=30%,70%，各项总和最好为100%; 【2】水平（左右）分割 -- cols frameset cols=点数或百分比 2、指定视窗内容 -- frame frameset cols=30%,70% frame frame /frameset 【1】指定视窗的文件名称 -- src frame src=HTML档名 【2】定义视窗的名称 -- name frame name=视窗名称 【3】设定文件与上下边框的距离 -- marginheight frame marginheight=点数 【4】设定文件与左右边框的距离 -- marginwidth frame marginwidth=点数 【5】设定分割视窗卷轴 -- scrolling frame scrolling=# #号可为 yes：固定出现卷轴 no：不出现卷轴 auto：自动判断文件大小需不需要卷轴（预设值） 【6】锁住分割视窗的大小 -- noresize frame noresize 六、歌曲代码: 在这组代码中，不必管它是mms.http.rtsp，只要看尾缀是asf、wma、wmv、wmv、rm都可适用下面的代码: 1. 手动播放: EMBED src=歌曲地址 volume=100 width=39 height=18 hidden=FALSE autostart=fault type=audio/x-pn-realaudio-plugin controls=PlayButton 2. 打开页面自动播放: EMBED src=歌曲地址 width=39 height=18 autostart=true hidden=false loop=infinite align=middle volume=100 type=audio/x-pn-realaudio-plugin controls=PlayButton autostart=true ------------------------------------------------------------------ 套用代码: div align=center table border=1 width=90% height=403 background=背景图片地址 trtd width=80% height=100% p align=centerbrbrbr font face=华文彩云 size=6 color=#FFFFFF歌曲或音乐名称/fontbrbr p align=centerimg src=图片地址brbr font color=#FFFFFF size=3介绍文字/fontbrbrbr EMBED style=FILTER: xray() src=音乐地址 width=250 height=30 type=audio/x-ms-wma autostart=true loop=-1brbrbr /td/tr /table /div 简易套用代码详解: div align=center是定义帖子居中; table border=1 width=90% height=403 background=背景图片地址trtd width=80% height=100% 这其中的border=1是定义表格边线的宽度,定义为0则无边线;width=90% height=403分别定义背景图表格的宽度和高度.如果背景图是一张大图,可以这样定义:width=图片宽度 height=图片高度 p align=centerbrbrbrfont face=华文彩云 size=6 color=#FFFFFF歌曲或音乐名称/fontbrbr p align=center是定义文字居中的，br是回行代码，加几个就会空几行。font face=华文彩云 size=6 color=#FFFFFF是定义文字属性的。face=华文彩云是定义字体，你可以把字体换成隶书、宋体等。size=6是定义字号的，数字越大字越大，如果不定义，默认是2号字。color=#FFFFFF是定义字体颜色的。全部字体颜色的代码在妙手饰图区有人发过，你可以找来改。 p align=centerimg src=图片地址brbrfont color=#FFFFFF介绍文字/fontbrbrbr 第一个括号里的代码仍然是定义图片和文字居中的。img src=图片地址是插入图片代码。font color=#FFFFFF size=3介绍文字/font是定义这段文字的。如果想改变字拧痔濉值难丈烧瞻嵘厦嫖医驳亩ㄒ宸椒ā?/font EMBED style=FILTER: xray() src=音乐地址 width=250 height=30 type=audio/x-ms-wma autostart=true loop=-1 这一段是插入播放器代码，因为我插的是特殊的播放器，style=FILTER: xray() 是特殊代码。“src=音乐地址”是插入音乐文件的地址。width=250 height=30分别定义播放器的宽度和高度(如果把宽和高都设成零则为隐藏,并且只能自动播放)。autostart=true loop=-1是定义音乐播放方式的，autostart=true是设定手动或自动播放，“true”或“1”是自动播放，“false”或“0”是手动播放；loop=-1是播放次数，“true”或“1”表示重复播放，“false”“-1”或“0”是只播放一次。 brbrbr/td/tr/table/div回行代码和与前面对应的固定代码。 如何做flash网站优化 如今做Flash网站的SEO优化，可是一个真正的烫手山芋，无论是SEO专家还是网页设计师，Flash全站无疑是一个了不起的技术，包括声音和图片在一个网站上， Flash动画，对于大部分SEO人来说是一个噩梦。原因是相当简单——搜索引擎无法索引（或至少不容易）到内容内的Flash文件，除非你给Flash配备网页文字，可以指望这些问题来提高你的网站排名。当然也有替代，但直到搜索引擎开始索引Flash动画，当然也有人使用纯文本这些替代方法，因为他们认为是聊胜于无，所以使用这种拙劣的方式来优化Flash网站。为什么搜索引擎不喜欢的Flash网站？ 搜索引擎不喜欢的Flash网站，不是因为他们的艺术素质与专业角度（或缺乏这些），而是因为Flash动画过于复杂，一个蜘蛛明白了。 蜘蛛不能直接索引Flash影片，因为它们与平常网页的文字不同。蜘蛛索引的文件名（在网络上可以招到），而不是内容内。Flash动画，在一个专有的二进制格式和蜘蛛无法读取内部的一个Flash文件，至少对搜索引擎没有帮助，蜘蛛并不会抓取并编制索引所有的Flash内容，这是目前所有的搜索引擎（可能我的论述会有差异），那如何衡量搜索引擎网页的相关性？相信大部分SEO人都比较恨搜索引擎的这些缺点。不使用Flash吗？ 尽管事实上，Flash动画不是蜘蛛的最爱，但有时Flash影片优化仍然值得的SEO努力。 但作为一般规则，保持Flash动画在最低限度。在这种情况下对搜索引擎有一定的友好度。第一，Flash动画，尤其是横幅广告和其他种类的广告，大部分网友普遍倾向于跳过他们。第二，Flash动画是脂肪，消耗着大量的带宽，首页使用Flash导航，虽然Flash时尚华丽，但外部链接无法让搜索引擎索引到，也有一些较为常见的错误是使用图象或Java为导航，这样对搜索引擎是并无益处的，文本链接是唯一的SEO核准的方式建立网站导航。 替代优化Flash网站 但Flash网站，仍然可以优化。有几个办法： 1? ?输入中继 这是一个非常重要的做法，但往往被低估和误解。虽然元数据对搜索引擎来说并不是重要依据，但让元数据容易添加到您的电影，是没有任何借口离开中继领域的空白。 2? ?提供替代网页 一个良好的网站，这是必须提供的HTML的页面，只有不强迫用户观看Flash电影。准备这些网页需要更多的工作，但搜索引擎会给你更多回报的，因为不仅是用户习惯HTML页面，搜索引擎也喜欢HTML页面。 不过，你仍然需要有一个正确的内容，举例来说，为了其中的文本和链接，可能页面需要一点调整，可以在标题和描述中把关键字内容丰富，。 此外，你还需要检查，如果没有重复的内容当中提取的句子和段落。文本的字体颜色，也是另一个问题，如果文本字体颜色与背景是一样的颜色，那就要小心搜索引擎发火了。 这两种方法只是一些最重要的例子，其实优化Flash网站，还有很多其他的方法。但并不是所有方法都是和明确的，或者他们可以被归类于边界的伦理SEO，例如，创造无形层的文字是交付给蜘蛛而不是F lash影片本身。 虽然这项技术是没有错——即不存在重复或假的内容，但这是非常类似的伪装和入口网页，最好是要避免。 flash做主要界面，html代码做跳转按钮，网站的设计巧妙融合。 b.充分发挥html代码title、description、keywords的作用，做到简洁、准确。 c.做好FLASH媒体文件的优化，尽可能压缩文件的大小，提高网页的打开速度。 .做好flash的跳转和衔接，可以加入looding或过度动画等，增加网站的粘度。 随着技术的发展和人们审美的不断提高，FLASH网站也会逐渐增多，打造符合SEO的flash网站也会被逐渐重视。 Seo寶典注意到一个有趣之处，那就是“business cards，要比business card出现的更为频繁。关键一课：尽量用复数形式来表示关键字。研究搜索引擎处理查询词的方式和用户实际搜索的方式，你才能获得高流量。正如我说过的，尽量向你的竞争对手学习 对于一个典型的小站点(10个页面左右)，你应该有大约35～40个单字或双字关键字，并有大约60～70个三字或四字乃至更多字的关键字组合了。 target=_blank合理而不频繁的使用target=_blank是能够在一定程度上为网站带来回旋流量和点击。同时在细节上使用target=_blank也可以增强网站整体性用户体验。 1、全站式导航： 正向类型参考： 反向类型参考： 首页尽量采用target=_blank 为什么我们建议在首页采用target=_blank，其原因是适当的首页使用target=_blank，能够在一定程度上增强首页的展示机会和几率，从而提升整个网站的二次点击。 二级页面跳入详细页面尽量采用target=_blank创建新窗口 此处注意凡是到终端页面的链接尽量可以采用target=_blank创建新窗口的方式打开，以为终端页面的展示内容将单一到本身内容的突出，可能大多情况下会忽视页面链接布局。 作为二级页面其链接到终端页面的链接应该是最多的，那么在二级页面上target=_blank的布局应该是。 除去返回首页、平级跳转、相关性极高页面调整外多需要采用target=_blank创建新窗口。 我们要在新窗口中打开链接通常的做法是在链接后面加target=_bl