初识SEO

        以前做网页认为只要网页漂亮，看的人就会多，对于网页收录什么的根本没什么概念。最近，接触到前端的一些知识，发现做好一个网站，里面的道道还是非常多，非常复杂的。推广网站，其中一个重要的技能就是seo，今天就先来了解一下它吧。

为什么要做SEO？

SEO是什么？

      SEO在百度百科中的定义为：

SEO是英文Search Engine Optimization的缩写， 中文意译为“搜索引擎优化”。 简单地说， SEO是指从自然搜索结果获得网站流量的技术和过程。复杂但更严谨些的定义：SEO是指在了解搜索引擎自然排名机制的基础上， 对网站进行内部及外部的调整优化， 改进网站在搜索引擎中的关键词自然排名， 获得更多流量， 从而达成网站销售及品牌建设的目标。

SEO分类

      SEO分为两类，一种是白帽SEO，这种seo起到改良和规范网站设计的作用，对搜索引擎和用户都比较友好，网站也能从搜索引擎中获取更多合理的流量，是搜索引擎鼓励和支持的。另一种是黑帽SEO，这种seo利用和放大搜索引擎的缺陷来获取更多的流量。
我们要做的当然是通过白帽SEO来提高网站流量了。

如何做好SEO？

白帽SEO
-网站标题、关键字、描述（精心设计，反映网站定位）
-网站内容（增加关键字密度，增加长尾关键字...）
-合理设置Robot.txt文件
-网站地图

-增加外链引用

对于前端工程师而言，主要通过以下两方面来优化，

1. 网站结构布局设计

1.1  避免使用table布局

    1）不利于后期维护

    2）不利于SEO（小蜘蛛不喜欢table布局）
1.2  采用扁平化结构（目录层次越少越容易被搜索，因为层次结构超过三层小蜘蛛就不愿意爬了）
   1）.控制首页链接数量（中小网站100以内，页面导航、底部导航、锚文字链接等有实质性的链接）
   2）.扁平化的目录层次（顶多跳转三次进入内容页）
   3）.导航seo优化（导航尽量用文字，如果为了用户体验或整体风格而用图片，则图片代码一定要优化，必要的title、alt要添加；面包屑导航：用户体验，让用户知道当前所处位置以及当前页面在整个网站中的位置，了解网站的组织形式）
  4）.细节：

•     见图片1.留住访客

• 对于SEO，这些文章对于正文来说属于相关链接，增强了页面相关性，也会增强页面的权重；

• 在栏目内有很多记录时，会按20/50个每页来分页

        分页：
           （1）.首页-上页-下页-尾页（不易收入）；
           （2）.首页 1 2 3 4 5 6 下一页（更有利于小蜘蛛抓取内页，如果抓取第101页，直接进入第10页进行抓取）；
           （3）.首页 1 2 3 4 5 6 下拉选择，小蜘蛛最喜欢第3种（可以直接进入每一页）；

• 网页加载速度，过慢小蜘蛛不会等待，一个页面最好不要超过100k

2. 网站代码优化

2.1  <title> 标题

强调重点即可，重要的关键词放在前面，不要重复出现，每个页面的title不要相同

2.2  <meta keywords>关键词

列举几个关键词即可，不要过分堆积

2.3  <meta description>网页描述

要高度概括网页的内容，不要过长，也不要过分堆积关键词，每个页面的description要不同

2.4  语义化代码（html标签都有自己的意义，在适当的位置用适当的标签）

包括
1）.H1—H6标签多用于标题
2）.UL标签多用于无序列表
3）.OL标签多用于有序列表
4）.DL标签用于定义数据列表
5）.em、strong表示强调
div、span是html标签中最没有语义的（导航栏的代码比较，见课件，尽量用css表现样式，避免用html标签来表现样式）
尽量用ul li 这类的标签描述导航

2.6.细节

<a>标签
<h1> 标签正文标题 推荐用

注意<br >只用于文本格式的换行

用<caption>第一表格标题

1.<img> 标签应使用alt说明
2.<strong><em>与 <b><i>
strong权重最大
b、i 权重小
em群众仅次于strong
3.重要内容HTML代码放在最前面
4.重要内容不要用JS输出
5.尽量不要使用iframe框架
6.谨慎使用display:none;（小蜘蛛会过 滤.掉的）
（ 使用Z-Index使暂时不显示的代码隐 藏，或者设置为浏览器显示范围外）

2.7.不断精简代码