搜索引擎优化（SEO）

搜索引擎优化（SEO）

1.什么是SEO

1. SEO 是“Search Engine Optimization”（搜索引擎优化）或“Search Engine Optimizer”（搜索引擎

优化服务商）的首字母缩写。

2. 一个关键词对用多个网址，因此就出现了排序的问题，相应的当与关键词最吻合的网址就会排在前

面了。在“蜘蛛”抓取网页内容，提炼关键词的这个过程中，就存在一个问题：“蜘蛛”能否看懂。如

果网站内容是flash和js等，那么它是看不懂的，会犯迷糊，即使关键字再贴切也没用。相应的，如

果网站内容可以被搜索引擎能识别，那么搜索引擎就会提高该网站的权重，增加对该网站的友好

度。这样一个过程我们称之为SEO。

2.为什么需要用SEO

提高网站的权重，增强搜索引擎友好度，以达到提高排名，增加流量，改善（潜在）用户体验，促

进销售的作用。

3.如何简单的实现SEO的优化？

1.网站结构布局优化

1.控制首页链接数量

2.扁平化的目录层次

3.导航优化

4.网站的结构布局

5.利用布局，把重要内容HTML代码放在最前

6.控制页面的大小，减少http请求，提高网站的加载速度。

2.网页代码优化

1. 突出重要内容—合理的设计title、description和keywords

2. 语义化书写HTML代码，符合W3C标准

3. 标签：页内链接，要加 “title” 属性加以说明，让访客和 “蜘蛛” 知道。而外部链接，链接到其他网站

的，则需要加上 el=“nofollow” 属性, 告诉 “蜘蛛” 不要爬，因为一旦“蜘蛛”爬了外部链接之后，就不

会再回来了

4. 正文标题要用标签：h1标签自带权重“蜘蛛” 认为它最重要，一个页面有且最多只能有一个H1标

签，放在该页面最重要的标题上面，如首页的logo上可以加H1标签。副标题用标签, 而其它地方不

应该随便乱用 h 标题标签。

5. 应使用 “alt” 属性加以说明

6. 表格应该使用表格标题标签

7. 标签：只用于文本内容的换行

8. 标签 ：需要强调时使用。

9. 文本缩进不要使用特殊符号 应当使用CSS进行设置。版权符号不要使用特殊符号 © 可以直接使用

输入法打出版权符号©。

10. 重要内容不要用JS输出，因为“蜘蛛”不会读取JS里的内容，所以重要内容必须放在HTML里。

11. 尽量少使用iframe框架,因为“蜘蛛”一般不会读取其中的内容。

12. 谨慎使用 display：none ：对于不想显示的文字内容，应当设置z-index或缩进设置成足够大的负

数偏离出浏览器之外。因为搜索引擎会过滤掉display:none其中的内容。

3.前端网站性能优化

1. 减少http请求数量

2. 控制资源文件加载优先级

3. 尽量外链CSS和JS（结构、表现和行为的分离），保证网页代码的整洁，也有利于日后维护

4. 利用浏览器缓存

5. 减少重排（Reflow）

6. 减少 DOM 操作

7. 图标使用IconFont替换

8. 不使用CSS表达式，会影响效率

9. 使用CDN网络缓存，加快用户访问速度，减轻服务器压力

10. 启用GZIP压缩，浏览速度变快，搜索引擎的蜘蛛抓取信息量也会增大

11. 伪静态设置，如果是动态网页，可以开启伪静态功能，让蜘蛛“误以为”这是静态网页，因为静态网

页比较合蜘蛛的胃口，如果url中带有关键词效果更好。