第一部分:域名和主机对 SEO 的影响
每一个网站的域名对应一个 IP 地址,通常大部分中小企业网站都存放在由一台服务器划分出来的若干虚拟主机上,由多个网站共享一 台服务器和 IP 地址,一些 WEB 服务器中有成百上千个域名共享一个 IP 地址的情况。这样对站长来说成本较低,但对网站的搜索引擎排名带来以下潜在风险:
a.共享主机的其他网站如果被搜索引擎惩罚,将或多或少波及你的网站。对此,某搜索引擎曾 有如下忠告:“如果同一 IP 下有一个网站作弊,那么我们的搜索引擎会对该 IP 下的所有网 站进行惩罚”;不过幸运的是,大部分搜索引擎不会如此武断,如 Google、baidu,一般是不会进行 这种连带性惩罚的。 不过风险还是有的,要尽量避免。
提示:你要做的事是获得你的域名所在主机上所有的域名是否被搜索引擎惩罚,来判断你的域名放在这里是否安全。
第二部分:搜索引擎优化的核心:关键字策略
一、关键字的选择 目录
首先确定你的核心关键字,再围绕核心关键字进行排列组合产生关键词组或短句。选择关键字有以下技巧:
a.站在客户的角度考虑潜在客户在搜索你的产品时将使用什么关键词?
比如:做手机的关键词,自然就想到 诺基亚、三星、摩托罗拉、索爱等。
b.将关键词扩展成一系列词组,如:营销→网络营销→网络营销管 理。
问题1:怎么找相关的词?
回答:通过百度的“相关搜索”,例如 搜索 墨攻,看下面的 相关搜索中, 出现 墨攻下载 墨攻 bt 墨攻bt下载 墨攻票房 墨攻迅雷下载 墨攻剧情等
比如要 做 “墨攻 bt”关键词,是选择 “墨攻 bt” 还是 “墨攻bt下载”,原则上是越长的越好,长的包括短的。这样搜索任何一个都可以找到你。
在Google里面搜索, 关键词建议 。
c.不要用意义太泛的关键字。
如果你从事包装机械制造,选择“机械”作为你的核心关键字对你的优化是没有帮助的。实际上,为了准确找到需要的信息,搜索用户倾向使用具体词汇及组合寻找信息,而不是使用那些大而泛的概念。此外,使用意义太广的关键字,也意味着 你的网站要跟更多的网站竞争排名,难以胜出。
例如:中国***网 ,它的标题及关键词:
<title>中国***网 ---- 钢铁 钢材 中厚板 带钢 无缝管 焊管 优钢 不锈钢 铜 镍 铁合金 铁矿石 价格行情走势</title>
< name="deion" content="供求信息/金属/黑色/有色/不锈钢/">
< name="keywords" content="黑色,有色,不锈钢,炉料,供求信息,市场行情,每日分析,价格走势,会展大全,资料库,商务助手,企业黄页,技术交流,企业专版,企业报价,行业资讯,钢厂价格,关键字广告,短信服务,进出口统计,论坛">
很多了,它在搜索任何一个关键词里面都没有找到 中国***网。
d.使用地理位置
地理位置对于服务于地方性的企业尤其重要。如果你的业务范围以本地为主,则在关键词组合中加上地区名称。
例如:搜索网站建设, 找到相关网页约29,400,000篇,而且前10个全是竞价;而搜索深圳网站建设 找到相关网页约4,940,000篇,有9个竞价。 这样不仅可以降低排名的难度,而且更容易找到真正的客户。
f.确定关键词搜索量。
关键词选择好了,还要看看有没有人搜索,每天的搜索量多少,否则即使排名做上去了,也获得不了流量的。
问题1:怎样获得关键词的搜索量?
回答:使用百度指数。
例如查看“飞机票”每天的搜索量, 1922 次。有些词是搜索不到的,例如:去成都飞机票。这是因为 百度只统计通用的搜索词,太具体就需要成为 百度指数用户。
在Google里面比较你选择的关键词的搜索量。
Google trends 趋势图
g.查询关键词的竞争对手。
在最终确定一个关键词后,还要看有没有竞争对手,竞争对手少的词更容易做上去。
问题1:如何查找竞争对手?
回答:
1.查看该词搜索的结果数量,要加引号""来准确的搜索。
例如:浪潮服务器,搜索结果为194,000篇。
服务器,搜索结果39,200,000篇。
浪潮服务器 比 服务器更容易做上去。
2.目测搜索结果页里面,网页内容是否优化。
方法很简单,就是看所搜索的关键词是不是在Title里面关键的地方出现,和出现的次数。
对于优化了这个关键词的网站,可以登录这个网站看看,代码是不是优化,属性,以及外链。
3.对于产品类的关键词,可以查询百度竞价。
百度竞价,竞价太多的关键词不做。
4.对于竞争过于激烈的词,放弃这个关键词。
--------------------------------------------------------------------------------
总结:最好的关键词是那些没有被广泛滥用而又很多人搜索的词。
--------------------------------------------------------------------------------
二、关键字密度 目录
在确定了自己的关键字之后,需要在网页文本中适当出现这些关键字。
a.控制关键词数量
一页中的关键词最多不要超过 3 个为佳,最好是一个,然后所有内容都针对这一个核心关键词展开 ,才能保证关键词密度合理。搜索引擎也会认为该页主题明确。如果确实有大量关键词需要呈现, 可以分散写在其它页面并针对性优化,让这些页面也具有“门页(entry)”的效果。这也是为什么首页和内页的关键词往往要有所区分的原因。最典型的情况是拥有不同的产品和服务的情况下,对每个产品进行单网页优化,而不是罗列在一个首页上。
比如:火车票,排名在前面的 http://train.piao.com.cn/,这个页面,就只针对“火车票”:
<title>火车票查询-北京火车票-上海火车票-广州火车票-二手火车票-转让|求购火车票-中国票务在线火车票网</title>
而http://fly.piao.com.cn/ 这个页面,就只针对“机票”:
<title>机票-北京飞机票-上海飞机票-广州飞机票-飞机票价格查询-中国票务在线</title>
飞机票排名第二页。飞机票。
--------------------------------------------------------------------------------
b.关键字在网页中出现的频次,即关键字密度 (Keyword Density) ,就是在一个页面中,占所有该页面 中总的文字的比例,该指标对搜索引擎的优化起到重要作用。关键字密度一般在 1% 到5% 较为合适,超过这一标准就有过高或过低之嫌。
--------------------------------------------------------------------------------
问题1:怎样检查关键词的密度?
回答:在线测试 关键字密度检查。以http://fly.piao.com.cn/为例 ,拷贝内容到输入框里面,最后显示2.3%,比例很合适。
--------------------------------------------------------------------------------
问题1:如何提高关键词密度?
回答:关键词密度是关键字在网页中出现的总数量/总的文字数量,所以提高关键词密度的方法有两个,增加关键词,或者减去非关键词内容。
--------------------------------------------------------------------------------
--------------------------------------------------------------------------------
总结:关键字最好一页一个,密度一般在 1%到5% 较为合适 。
--------------------------------------------------------------------------------
三、关键字分布 目录
a.网页代码中的 Title, 标签(关键字 keywords 和描述 deion)
例如:浪潮服务器报价
<title>浪潮服务器报价|服务器报价</title>
< name="keywords" content="浪潮服务器报价|服务器报价">
< name="deion" content="销售全系列浪潮英信服务器,提供优惠的价格。本页提供全系列浪潮服务器报价。">
--------------------------------------------------------------------------------
b.正文内容必须适当出现关键词,并且“有所侧重”,意指用户阅读习惯形成的阅读优先位置 ——从上到下,从左至右——成为关键词重点分布位置,包括:页面靠顶部、左侧、标题、 正文前 200 字以内。在这些地方出现关键词对排名更有帮助。如 SEO 学习网站 http://www.seonet.cn 的站长独辟蹊径,把一段富含关键词的文本网站介绍置于网站最顶部(这 个地方通常被安排用来放 banner 广告的)。这样做的好处是让用户和蜘蛛都以最快速度了解 该网站内容,并且以蜘蛛重视的<b>黑体显示,对其排名作用很大。代码显示如下:
<a href="http://www.seonet.cn/"><b>SeoChat</b></a> 成立于2003年10月,致力于<a href="http://www.seonet.cn/"><b>搜索引擎优化</b></a>研究,为国内少数专业<a href="http://www.seonet.cn/"><b>网站优化</b></a>研究站点。为广大网站优化爱好者提供学习、交流、研究场所。在这里你可以找到有关于搜索引擎优化、网站优化、网站排名、<a href="http://www.seonet.cn/"><b>SEO</b></a>等资料。范围覆盖目前主流搜索引擎优化研究,内容包括国内<a href="http://www.seonet.cn/html/baidu/index.html"><b>百度</b></a>、<a href="http://www.seonet.cn/html/google/index.html"><b>Google</b></a>、<a href="http://www.seonet.cn/html/yahoo/index.html"><b>Yahoo</b></a> 及 <a href="http://www.seonet.cn/html/wangzhanxiangguan/index.html"><b>网站运营</b></a> 相关。这些资料可以帮助你对网站进行适当优化以迎合多个搜索引擎索引排序规则,从而得到较好网站排名。<br>
搜索引擎优化 Google 排名、 搜索引擎优化 Baidu 排名 。
--------------------------------------------------------------------------------
c.超链接文本(锚文本)
例如:www.seonet.cn
<a href="http://www.seonet.cn" id=nlinkmenu1 title="搜索引擎优化,seo"><font color="#000000">搜索引擎优化</font></a></td>
--------------------------------------------------------------------------------
d.Header 标签
即正文标题<H1><H1/>中的文字。搜索引擎比较重视标题行中的文字。用<b></b>加粗的文字 往往也是关键词出现的地方。
其他标签:h2-h5 ,strong
--------------------------------------------------------------------------------
问题1:我想使用H1标签,但是会使界面变的很难看?
回答:
普通H1标签的效果:<H1>h1<H1/> -->
H1
经过处理的H1效果:<H1 style="font-size:12px;margin:0px;font-weight:normal;" >H1<H1/> -->
H1
通常将CSS 做成文件链接进来,在文件内部定义 H1 标签
例如:h1 {font-size:12px;margin:0px;font-weight:normal;} ,到时候就可以直接使用<H1>h1<H1/> 。
--------------------------------------------------------------------------------
e.图片 Alt 属性
搜索引擎不能抓取图片,因此网页制作时在图片属性 Alt 中加入关键字是对搜索引擎友好的 好办法,它会认为该图片内容与你的关键字一致,从而有利于排名。
<img align="center" src="/NP110.jpg" alt="浪潮英信NP110 G2服务器图片">
--------------------------------------------------------------------------------
f.域名及路径、文件名。
英文网页内容的网站在进行域名选择和网页文件夹命名时,也可以考虑包含关键字(对关键 词组则要用短横线隔开),如 www.made-in-china.com。不过对 Google 排名作用非常微小。
在google里面搜索langchao,域名或目录中带有langchao的字母就便绿。
排在第四的 langchao.supercss.com,是我的网站,我并没有针对langchao单词做过任何的优化,只在路径中存在这个字母,说明域名路径中出现关键词还是有作用的
我做的一个例子:浪潮服务器报价,仅仅发布一篇介绍,选择了一个不常用的词组做上去了。
--------------------------------------------------------------------------------
总结:合理分布关键字,是内部优化的核心 。
--------------------------------------------------------------------------------
第三部分:对搜索引擎友好的网页设计制作
一、目录结构和 URL 目录
URL 是统一资源定位,即每个网页的网址、路径。网站文件的目录结构直接体现于 URL。清 晰简短的目录结构和规范的命名不仅有利于用户体验和网址传播,更是搜索引擎友好的体 现。
1.目录访问层次: :
即通过几层能够访问到最终页面,Google 最好为三层。
以 www.seochat.org为例。
www.seonet.cn首页为第一层,百度优化为第二层, 百度如何优化为第三层。
这样的结果便于搜索引擎索引。百度如何优化 这个页面在百度和 google 里面都有收录。
--------------------------------------------------------------------------------
问题1:如果我的网站目录层次大于三层,该怎么办?
回答:由于三层的目录,容纳的页面有限,需要多级目录。
这个时候使用前面我们讲过的二级域名的方式扩大级数。因为二级域名算独立网站,目录层次从当前二级域名算起。
例如:搜狐 ,汽车频道 auto.sohu.com
--------------------------------------------------------------------------------
问题2:为什么有的网页在本网站层数很多,也被Google收录呢?
回答:这些页面被其他网站引用,而Google从其他页面进入这个页面也少于三层。
可以使用 link 命令查询该页的反相链接。例如:link:prod.it.com.cn/pricelist/2/1/14/534.htm 。
link 命令只能查询3个月前的历史记录,当前的外链需要3个月后查询。
--------------------------------------------------------------------------------
问题3:所有的搜索引擎是否都和Google一样?
回答:不是
百度收录的时候相对 宽容一些,例如:我的网站 天天收藏夹, 在百度里面 收录这个页面外国驻华使馆-天天收藏夹网站目录 而这个页面从首页算起,已经是第五层了。
--------------------------------------------------------------------------------
总结:三层目录,是最佳的目录结构。
--------------------------------------------------------------------------------
2.目录和文件命名:
a.根据关键字无所不在的原则,可以在目录名称和文件名称中使用到关键词。但如果是关键词 组,则需要用分隔符分开。我们常用连字符“-”和下划线“_”进行分隔,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,
因此,目录和文件名称如果有关键词组,要用连字符“-”而不是下划线“_”进行分隔。
--------------------------------------------------------------------------------
b.URL 应该越短越好。
有人为了单纯增加关键字而额外建多一个带有关键字的子目录,改变目 录结构。由于 URL 中含有关键字本身对排名提高帮助并不大,因而这种做法多此一举,也是搜索引擎反感的。
例如:要做英文关键词 computer,这样的目录 http://www.ibm.com/computer/computer/computer.html 是错误的。
--------------------------------------------------------------------------------
总结:合理的目录命名,可以对网页排名是加分的。
--------------------------------------------------------------------------------
3.绝对 URL 和相对 URL:略
绝 对 URL : 即 网 页 路 径 使 用 包 含 顶 级 域 名 在 内 的 完 整 的 URL 。 如 : www.yoursite.com/page1/index.html 是一个绝对路径,其中/page1/index.html 则为相对 路径,由浏览器自动在该链接前加上 www.yoursite.com。
总体上,Google 在排名时并不在意 URL 使用的是相对路径还是绝对路径。
--------------------------------------------------------------------------------
4.动态 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:为什么动态页面对搜索引擎不友好呢?
回答:1.因为这样会陷入死循环。这就是所谓的蜘蛛陷阱(spider traps)。
--------------------------------------------------------------------------------
二、导航结构 目录
1.主导航醒目清晰
主导航一般体现为一级目录,通过它们用户和蜘蛛程序都可以层层深入访问到网站所有重要 内容。因此主栏目必须在网站首页第一屏的醒目位置体现,并最好采用文本链接而不是图片。
例如:非常代码网 ,导航栏为一级目录。首 页 程序代码(C) 共享软件(S)
--------------------------------------------------------------------------------
2.“面包屑型(Breadcrumbs)”路径 :
所谓“面包屑”是比喻用户通过主导航到目标网页的访问过程中的路径提示,使用户了解所 处网站中的位置而不至于迷失“方向”,并方便回到上级页面和起点。路径中的每个栏目最 好添加链接。如下:
例如:外国驻华使馆-天天收藏夹目录
首页 >> 政法军事(27631) >> 国际政治与外交(591) >> 外国驻华使馆(88)
即使没有详细的路径来源,也至少应该在每个子页面提示回首页的链接,包括页面的 LOGO 作链接。良好的目录导航,可以提高网站的流量。
--------------------------------------------------------------------------------
3.首页突出重要内容 :
除了主栏目,还应该将次级目录中的重要内容以链接的方式在首页或其它子页中多次呈现, 以突出重点。搜索引擎会对这种一站内多次出现的链接给予充分重视,对网页级别 (PageRank)提高有很大帮助,这也是每个网站首页的网页级别一般高于其它页面级别的重 要因素,因为每个子页都对首页进行了链接。
例如:以前很多人使用博客做排名,原因就在于博客首页PR值大,而刚刚更新的博客会出现在首页,如果此时 搜索引擎来索引,收录,对个人博客作用很大,通常能够获得不错的排名。
还有我的非常代码网 小说下载,里面的内容都在 非常代码网 首页出现过,所以流量很大。
--------------------------------------------------------------------------------
4.使用网站地图:
网站地图(Site Map)是辅助导航的手段,多采用文本链接,以加快页面加载速度。 尤其对于那些采用图片导航和动态技术生成的网页,通过在网站地图中进行文本链接, 可在一定程度上弥补蜘蛛程序无法识别图片和动态网页造成的页面不可见的风险。
需要注意,网站地图也要突出重点,尽量给出主干性内容及链接,而不是所有细枝末节。
一页内不适宜放太多链接。Google 明确提出“如果网站地图上的链接超过大约 100 个,则最 好将网站地图拆成多个网页”。 参考地址:网站管理员支持中心 例如:
若页面太多,可以考虑使用前面讲到的二级域名扩展。
使用工具 Xenu 生成网站地图:
浪潮服务器地图
--------------------------------------------------------------------------------
总结:良好的导航结构能够使搜索引擎收录更多的网页。
--------------------------------------------------------------------------------
5.Google SiteMap:
Google新推出的Sitemap,是对原来robots.txt的扩展,它使用XML格式来记录整个网站的信息并供Google读取,使搜索引擎能更快更全面的收录网站的内容。 Sitemap的作用就好像为网站提供了整站的RSS,而Google就是这些RSS的订阅者,只要网站有更新就会自动通知Google。这样一来,搜索引擎的收录由被动的拉变成了主动的推。
Google SiteMap
格式比较简单:
例如:我的Sitemap ,是分成2级的。如果数量比较少,只需要 一级页面。
使用 Sitemap 协议
--------------------------------------------------------------------------------
总结:利用google sitemap,可以提高收录的数量。
--------------------------------------------------------------------------------
三、框架结构 目录
框架结构,即帧结构(),包括I,。
例如:框架结构示例,登录好后即框架结构。
<set rows="30,1%" border="NO" border="0" spacing="0" >
< name="main" src="top.jsp" scrolling="NO">
<set cols="168,1%" border="NO" border="0" spacing="0">
< name="avdNsVDmJQC7" scrolling="AUTO" src="/left.jsp">
< name="right" scrolling="AUTO" noresize src="right.jsp">
</set>
</set>
<nos>
<body bgcolor="#FFFFFF" text="#000000">
</body>
</nos>
框架型网站的优越性体现在页面的整体一致性和更新方便上。尤其对于那些大型网站而言, 框架结构的使用可以使网站的维护变得相对容易。但框架对搜索引擎来说是一个很大的问 题,这是由于大多数搜索引擎都无法识别框架,也没有什么兴趣去抓取框架中的内容。此外, 某些浏览器也不支持框架页面。
如果网页已经使用了框架,或出于某种原因一定要使用框架结构,则必须在代码中使用 “Nos”标签进行优化,把 No 标签看做是一个普通文本内容的主页。在 <No></No>区域中包含指向 页的链接以及带有关键词的描述文本,同时在 框架以外的区域也出现关键词文本。这样,搜索引擎才能够正确索引到框架内的信息。
--------------------------------------------------------------------------------
总结:尽量避免使用I,如果必须使用,采用对应的优化方式。
--------------------------------------------------------------------------------
四、图像优化 目录
1.图片优化
一般而言,搜索引擎只识读文本内容,对图片文件是视而不见的。同时,图像文件直接延缓页面加载时间,如果超过 20 秒网站还不能加载,用户极有可能离开你的网站。因此, 除非你的网站内容是图片为主,比如游戏站点或者图片至关重要,否则尽量避免使用大图片, 更不要采用纯图像制作网页(SPLASH PAGE)。
网站图片优化的有三点:
1. 在保持图像质量的情况下尽量压缩图像的文件大小。
2. Alt 属性:
每个图像<IMG>标签中都有 ALT 属性,搜索引擎会读取该属性以了解图像的信息。因此,最 好在所有插图的 ALT 属性中都有文字描述,并带上该页关键字在其中。
<img align="center" src="/NP110.jpg" alt="浪潮英信NP110 G2服务器图片" >
3.在图片上方或下方加上包含关键词的描述文本;
4.使用链接链接到这个图片。
例如:Google 图片搜索 NP370 浪潮英信NP370 G2排名第一。
Google的图像搜索(Googlebot-Image)和Google的文本搜索(Googlebot)不是同蜘蛛。
--------------------------------------------------------------------------------
总结:避免使用大图片,使用Alt属性、文本或链接优化图片。
--------------------------------------------------------------------------------
2.FLASH 优化:
Flash 会使页面很好看,不过FLASH 网页有一个非常致命的问题,即大部分搜索引擎无法识别 FLASH 中的信息。
例如:一汽轿车
FLASH 优化可以从以下三个方面来考虑:
1、做一个辅助 HTML 版本:
保留原有 FLASH 版本的同时,还可以设计一个 HTML 格式的版本,这样既可以保持动态美观 效果,也可以让搜索引擎通过 HTML 版本的网页来发现网站。
2、将 Flash 内嵌 HTML 文件:
还可以通过改变网页结构进行弥补,即不要将整个网页都设计成 Flash 动画,而是将 Flash 内容嵌入到 HTML 文件中,这样对于用户浏览并不会削弱视觉效果,搜索引擎也可以从 HTML 代码中发现一些必要的信息,尤其是进入内容页面的链接。
--------------------------------------------------------------------------------
总结:避免使用FLASH 做首页。
五、表格使用 目录
表格是网页最重要的排版方式。
a.如果某个网页采用了大段的长篇文本,除了可以将一页文本 分成多面,还可以考虑将文本置入不同表格中,这样不仅管理方便,也使得该页加载时每个 表格内容依次加载,这样访问者就可以一边看已下载内容一边等待剩余部分加载,而不是等 待很久之后才一齐加载出来。
例如:新浪新闻
--------------------------------------------------------------------------------
b.表格之内套嵌太多表格也不利于页面加载,因浏览器是先加载完大表格之后再加载内嵌的小 表格,因此内嵌表格会最终降低整页加载速度。
--------------------------------------------------------------------------------
c.尽量采用XHTML标准,使用DIV代替表格。
具体方法是采用CSS里面的 FLOAT 属性,position 属性等定位
使用FLOAT 属性的例子。复杂三栏式版面
使用position 属性等定位。复杂版面设计.htm
--------------------------------------------------------------------------------
问题1:什么是XHTML?
回答:XHTML是The Extensible HyperText Markup Language(可扩展标识语言)的缩写。HTML是一种基本的WEB网页设计语言,XHTML是一个基于XML的置标语言,看起来与HTML有些相象,只有一些小的但重要的区别,XHTML就是一个扮演着类似HTML的角色的XML,所以,本质上说,XHTML是一个过渡技术,结合了部分XML的强大功能及大多数HTML的简单特性。
参考资料:什么是XHTML。
--------------------------------------------------------------------------------
总结:合理使用表格,最多不超过三层;如果允许,最好使用DIV替换表格。
六、网页减肥 目录
代码设置不妥不仅延长网页加载时间,也严重影响蜘蛛程序对网页内容的抓取。通过对网页代码进行清减去掉臃肿杂乱的代码,减小网页文件大小,能够加快网 页加载速度,让蜘蛛快速索引到重要内容。最好不要超过 50K。 网页减肥重点涉及以下几个要点:
a.CSS 样式
网页制作应通过 CSS(层叠样式表单)来统一定制字体风格。 例如:
<b style="color:red;font-size:16px;">测试</b>
<div id="divmain" style="font-size:12px;">DIV</b>
<div style="color:red;"> 红色 <b style="color:green;">绿色</b> </div>
----------------------
<style type="text/css">
b { color:red;font-size:16px; } /*通用对象*/
#divmain {font-size:12px;} /* ID 对象 */
.red {color:red;}/* 定制类别 */
.red b {color:green;}/* 定制类别下的 通用对象*/
</style>
<b>测试</b>
<div id="divmain">DIV</b>
<div class="red"> 红色 <b>绿色</b> </div>
CSS 减肥示例文件 把文字的字体、字号、颜色、背景色等统一起来,不用对每段文字单独进行格式定义,从而减少大量重复性标签。注意把所有 css 文件单独存放在命名为 css 的外 部文件中。
语法: <link rel="stylesheet" type="text/css" href="/common/client.css">
作用的优先级:自身的style属性 > 页面的内部style对象 > 页面外部css文件。
--------------------------------------------------------------------------------
总结:多使用CSS 样式,能够减小文件大小。
--------------------------------------------------------------------------------
b.Java:
1.简化js中的函数名称和变量。
例如:Google,里面的函数名称只有1个或者2个字符。
2.将网页的公共部分转换为脚本并存于js文件里。这样可以减少文件大小,加快下载速度,同时也方便管理。
不过不能将导航等等优化的关键代码转换成js,否则搜索引擎搜索不到。
例如:华军软件园 ,将标题、导航等等都放着js文件里,将导航放在js里面就不太好了。
--------------------------------------------------------------------------------
总结:将网页的公共的不需要优化的部分转换为脚本并存于js文件里,这样可以减少文件大小,加快下载速度,同时也方便管理。
--------------------------------------------------------------------------------
c.慎用网页减肥工具
通常的网页减肥工具,对htm减肥具有一定的破坏性,常常为了减肥将标签的 后半个标签删除,造成网页的不完整。
--------------------------------------------------------------------------------
d.删除空格和回车。
如果要更加苛刻的减肥,那最后一步就是删除空格了,还可以使文件下降很多。
不过删除空格后的页面由于没有阶梯排列,将很难读懂。
空格减肥代码:看我的程序演示。
--------------------------------------------------------------------------------
总结:在网络条件良好的情况下,对空格和回车不做处理。
第四部分:SEO 指导下的技术支持
对搜索引擎最友好的网页是静态网页,但大部分内容丰富或互动型网站都不可避免采用到相关技术语言来实现内容管理和交互功能。 SEO的优化主要是对特定代码的优化和对动态网页进行静态处理的措施。
一、Title 和 标签 目录
1.Title 和 标签
a.Titlle 和 标签 表现为:
<head>
<title>title 标题</title>
< name="keywords" content="网页描述">
< name="deion" content="关键词">
......
</head>
--------------------------------------------------------------------------------
b.标题(Title):
网页优化可以说是从 Title 开始的。在搜索结果中,每个抓取内容的第一行显示的文字就是 该页的 Title,同样在浏览器中打开一个页面,地址栏上方显示的也是该页的 Title。因此, Title 可谓一个页面的核心。对 Title 的书写要注意以下问题:
1、title 简短精炼,高度概括,含有关键词,而不是只有一个公司名。但关键词不宜过多,不要超过 3 个词组。
2、前7个字对搜索引擎最重要,因此关键词位置尽量靠前。
例如:Google 手机搜索,可以看到排在前面的几个都是大公司手机频道, 手机这个词是排在最前面的。
--------------------------------------------------------------------------------
c. 属性 关键词(Keywords):
Keywords 提示搜索引擎:本网站内容围绕这些词汇展开。
因此 keywords 书写的关键是每个词都能在内容中找到相应的匹配才有利于排名。
例如:网易 手机频道,关键词是 “手机,手机报价,诺基亚,摩托罗拉 ”。
--------------------------------------------------------------------------------
d.描述(Deion):
描述部分用简短的句子告诉搜索引擎和访问者关于本网页的主要内容。用该网站的核心关键词搜索后得到的搜索结果中,描述往往显示为标题后的几行描述文字。Deion 一般被认为重要性在 title 和 keywords 之后。描述的书写要注意以下问题:
1. 描述中出现关键词,与正文内容相关,这部分内容是给人看的,所以要写的很详细,让人感兴趣。
2. 同样遵循简短原则,字符数含空格在内不要超过 80 个汉字。
3. 补充在 title 和 keywords 中未能充分表述的说明 。
例如:网易手机的描述:网易手机频道,立足于原创内容,是国内访问量第一的权威手机门户网站,包括全国30地权威手机报价,最新最热门的手机评测和手机导购。
是那种让人看了就想点击的内容。
注意:该项只适用于Google,百度是以内容中的第一行文本作为显示内容。
例如:网易手机在 百度搜索里面显示:网易手机 通行证:用户名 密码 首页 - 新闻 - 免费邮箱 - 短信 - POPO - 相册 - 搜索 - 交友 - 拍卖 新闻 体育 娱乐 财经 商业 科技 汽车 数码 女人 健康 ...对水货说NO!近期最值得购买的行货手机。