学习SEO

---恢复内容开始---

一直听说SEO，但不是很清楚是什么东西，前天趁着工作之余，找个视频学习了下（http://www.imooc.com/learn/204）

下面算是一些我的学习笔记吧。

SEO即为搜索引擎优化，主要是为了能让搜索引擎的爬虫（小蜘蛛）更容易理解和接受你网站/网页的内容，好进行收录，使你的网站排名可以靠前。

对于前端工程师，主要从两个方面来进行SEO优化。

第一，是从布局结构入手

网页的布局不要超过三层。

第二，对代码进行优化

1、使用有语义性强的标签

举个栗子

制作导航栏有许多方法，方法一

<div class="nav">
  <span>首页</span>
  <span>|</span>
  <span>首页</span>
  <span>|</span>
  <span>首页</span>
</div>

这样虽然也能实现导航，但是一般不这么做。因为小蜘蛛在爬到这个导航栏的时候不知道<span>|</span>这个是什么意思，并且<span>标签本身就是没什么语义化的标签。

所以我们一般用<ul>来制作，通过给<li>添加css样式

<ul>
  <li>首页</li>
  <li>首页</li>
  <li>首页</li>
</ul>

2、对标签进行说明

像是给<a>标签添加title属性，给<img>标签添加alt属性，都能增加小蜘蛛对网页内容的理解。

其实这是我第一次接触SEO，作为一个前端小白，觉得SEO对我还是很遥远的。觉得在我目前大部分工作中并不会用到，所以实践的机会很少，现在都是纸上谈兵而已。不过我相信在以后的工作中我肯定会接触到，所以现在先了解一下也是可以的。

---恢复内容结束---