Search Engine Optimization

搜索引擎优化。

搜索引擎工作原理

以百度为例，百度的数据库中，有许多关键字，每个关键字都对应着许多链接。百度的程序：百度蜘蛛——负责在互联网上检索网址，下载网站内容并分析，提炼出关键字。如果蜘蛛认为内容是可取的，就将存入数据库。网站与关键字越吻合，排名就越靠前。

SEO分类

分为白帽SEO和黑猫SEO
（1）白帽SEO：其改良和规范网站设计的作用，是网站获取合理的流量；
（2）黒帽SEO：这类行为利用搜索引擎政策缺陷来获取更多用户的访问量，属于欺骗搜索引擎的

HOW？

如何做白帽SEO：
（1）对网站标题，关键字，描述精心设计，反映网站定位，让搜索引擎知道网站是做什么的；
（2）网站内容优化；（增加关键字密度，增加长尾关键字...）
（3）合理设置Robot.txt文件
（4）网站地图；
（5）增加外链；
（6）网站结构优化；（前端攻城狮的分内事！）
（7）页面代码优化。（前端攻城狮的职责所在！）

网站结构优化

扁平化结构
结构一般超过三层百度蜘蛛就不愿意访问了。

• 控制首页链接数量 。中小网站建议链接在100个左右

• 扁平化目录层次（小蜘蛛跳转3次可以到达网站内任何一个内页，网站的设计主页、栏目、内容页，不要用纵线性的结构）

  
  Paste_Image.png
• 面包屑布局（留下返回的标记）
• 网站的加载速度会影响小蜘蛛的爬行，页面最好不要超过100k

代码SEO优化

• <title>
• <meta keywords>
• <meta discription>

Paste_Image.png

• 网页语义化
  语义话代码（HTML 标签有自己的意义，在适当的位置用适当的标签）
  1、h1~h6 多用于标题
  2、ul 多用于无序列表
  3、ol 多用于有序列表
  4、dl 用于定义数据列表
  5、em、strong 表示强调

div、span 是 html 标签中最没有语义的
1、a：访问外部链接时要加上 rel="nofollow"，告诉搜索引擎外部链接无需追踪，加上 title 说明
2、h1：搜索引擎外认为 h1 最重要，使用 css 调整，网页正文标题用 h1，副标题用 h2，其他不要乱用 h 标签
3、br 用于文本间的换行，用在 p 内，也可以用 <p>
</p> 表示空行
4、caption：表格标题
5、img：使用 title、alt 说明
6、strong,em表示强调，em的权重仅次于strong,如果只想表示加粗斜体，建议使用b,i标签,表示强调则使用strong,i.
7、重要内容 HTML 代码放在最前面（使用 css 改变布局）
8、重要内容不要用 JS 输出（搜索引擎看不懂 JS）
9、尽量少使用 iframe 框架（搜索引擎不喜欢）
10、谨慎使用 display:none（搜索引擎会过滤掉其内容，设置 z-index或text-index："-999em"； 代替）
11、精简代码