SEO 和 SEM 是什么？
我们技术人员开发的产品最后总要运营推广出去，这就需要很多的运营推广手段
SEO 和 SEM 就是两种常规的推广手段
SEO：网络推广（以互联网为媒介）
SEM：百度竞价（只要花钱就能排名靠前的）
搜索引擎：百度、谷歌、360、搜狗…
当我们在百度搜索框中输入一个关键词，下面会呈现出很多网站，有的靠前，有的靠后，如何让搜索的结果有自己的网站，而且位置还靠前，这就是SEO优化技巧需要考虑的
1、各大搜索引擎养了一个宠物：蜘蛛（爬虫），他会每天让这个小蜘蛛去各个网站中检索内容，把一些内容或者关键词收录到自己的搜索引擎库中（记录：某某内容来自于哪个网站）
2、当用户在搜索框中输入一个关键词，搜索引擎会通过关键词到自己词库中进行检索，把所有匹配到内容对应的网站给检索出来，并且呈现给用户（谁的关键词被检索的次数多或者其它原因，决定排名的前后）
通过 site:网站的域名 可以查看出当前网站被搜索引擎收录的内容，我们也可以下载一些专门做SEO优化的工具 爱站工具…
对于前端开发而言，我们需要注意哪些事情，用来有助于SEO的优化
1、给网站设置META标签以及设置TITLE（设置的内容可以找专业的推广人员要）
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>我的兜兜有糖</title> <meta name="keywords" content=""> <meta name="description" content=""> <!-- 1、title不可以乱写，这个是很重要的一个优化技巧 2、keywords这个META标签是用来设置网站关键词的 3、description这个META标签是设置网站的描述 --> </head> ...
其它常用的META标签汇总
[不管是PC还是移动端都经常使用的]
http://www.zhufengpeixun.com/qianduanjishuziliao/CSS3heHTML5zhuanti/2016-06-29/457.html
[移动端常用的]
http://www.zhufengpeixun.com/qianduanjishuziliao/CSS3heHTML5zhuanti/2016-07-02/480.html
2、注意代码上的优化，合理使用HTML标签，以及注意代码的SEO优化技巧
1）标签语义化
2）一个页面中的H1标签只能使用一次
3）img标签都要设置 alt 属性，在这个属性中声明当前图片的信息（蜘蛛不能收录图片，但是可以抓取到图片alt属性的值）
4）HTML的层级不要太深，太深的层级，蜘蛛可能不会抓取和收录
5）把需要推广的关键词尽可能的在页面中曝光（最好都写在H(2~6)标签中）
…
<style>
.logo{
font-size:0; //=>不是给用户看文字，而是给蜘蛛收录看的文字
}
</style>
<h1 class='logo'>
<img src='xxx.png' alt='我的兜兜有糖'/>
我的兜兜有糖
</h1>3、尽量不要使用前后端分离，页面中的数据绑定交给后台处理（由服务器渲染页面），交给前端处理（由客户端渲染页面），渲染出来的数据，搜索爬虫是抓取不到的（在网站源码中无法看见通过客户端渲染数据的代码）
=>所有通过JS字符串拼接（ES6模板字符串、模板引擎…）绑定的数据，在网站原代码中都看不见，也就是无法被收录