标签：
---恢复内容开始---
一直听说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对我还是很遥远的。觉得在我目前大部分工作中并不会用到，所以实践的机会很少，现在都是纸上谈兵而已。不过我相信在以后的工作中我肯定会接触到，所以现在先了解一下也是可以的。
---恢复内容结束---
标签：
原文地址：http://www.cnblogs.com/tsngke/p/4763968.html
