tips：对于搜索引擎优化这个东西，可能给人的感觉是花钱就能解决的事情或者说不做ToC项目，也很少涉及的东西，MS的时候可能会问相关的点，前提是公司做的业务是ToC的。、
SEO(Search Engine Optimization)，即搜索引擎优化。
SEO是随着搜索引擎的出现而来的，两者是相互促进，互利共生的关系。SEO的存在就是为了提升网页在搜索引擎自然搜索结果中的收录数量以及排序位置而做的优化行为。而优化的目的就是为了提升网站在搜索引擎中的权重，增加对搜索引擎的友好度，使得用户在访问网站时能排在前面。
分类：白帽SEO和黑帽SEO。
白帽SEO，起到了改良和规范网站设计的作用，使网站对搜索引擎和用户更加友好，并且网站也能从搜索引擎中获取合理的流量，这是搜索引擎鼓励和支持的。
黑帽SEO，利用和放大搜索引擎政策缺陷来获取更多用户的访问量，这类行为大多是欺骗搜索引擎，一般搜索引擎公司是不支持与鼓励的。
白帽SEO能做什么？
- 对网站的标题、关键字、描述精心设置，反应网站的定位，让搜索引擎知道网站是做什么的
- 网站内容的优化，内容与关键字的对应，增加关键字的密度
- 在网站上合理的设置Robot.txt文件
- 生成针对搜索引擎友好的网站地图
- 增加外部链接，到各处网站宣传。
上硬货：网页代码优化
- 突出重要内容---合理的设计title、description和keywords
<title>标题：只强调重点即可，尽量把重要的关键词放在前面，关键词不要重复出现，尽量做到每个页面的<title>标题中不要设置相同的内容。
<meta keywords>标签：关键词，列举出几个页面的重要关键字即可，切记过分堆砌。
<meta description>标签：网页描述，需要高度概括网页内容，切记不能太长，过分堆砌关键词，每个页面也要有所不同。
- 语义化书写HTML代码，符合W3C标准
尽量让代码语义化，在适当的位置使用适当的标签，用正确的标签做正确的事。让阅读源码者和“蜘蛛”都一目了然。比如：h1-h6 是用于标题类的，<nav>标签是用来设置页面主导航，列表形式的代码使用ul或ol，重要的文字使用strong等。
tips:这里提到了语义化标签，有次MS，MSG上来第一个提就问我平时用什么语义化标签，当时给我整懵住了，后来反应过来说了几个strong、section等语义化标签。现在想想如果拓展回答一下语义化标签对于SEO的作用，可能会更加分。
- <a>标签
页内链接，要加 “title” 属性加以说明，让访客和 “蜘蛛” 知道。而外部链接，链接到其他网站的，则需要加上 el="nofollow" 属性, 告诉 “蜘蛛” 不要爬，因为一旦“蜘蛛”爬了外部链接之后，就不会再回来了。
- 正文标题要用<h1>标签
h1标签自带权重“蜘蛛” 认为它最重要，一个页面有且最多只能有一个H1标签，放在该页面最重要的标题上面。如首页的logo上可以加H1标签。副标题用<h2>标签, 而其它地方不应该随便乱用 h 标题标签。
- <img>标签
应使用 "alt" 属性加以说明，当网络速度很慢，或者图片地址失效的时候，就可以体现出alt属性的作用，它可以让用户在图片没有显示的时候知道这个图片的作用。同时为图片设置高度和宽度，可提高页面的加载速度。
- 表格应该使用<caption>表格标题标签
caption 元素定义表格标题。caption 标签必须紧随 table 标签之后，您只能对每个表格定义一个
- <br>标签：只用于文本内容的换行
- <strong>、<em>标签需要强调时使用。（这也说明了语义化标签的好处）
<strong>标签在搜索引擎中能够得到高度的重视，它能突出关键词，表现重要的内容，<em>标签强调效果仅次于<strong>标签；<b>、<i>标签：只是用于显示效果时使用，在SEO中不会起任何效果。
- 文本缩进不要使用特殊符号 应当使用CSS进行设置。版权符号不要使用特殊符号 © 可以直接使用输入法打出版权符号©
- 重要内容不要用JS输出，因为“蜘蛛”不会读取JS里的内容，所以重要内容必须放在HTML里。（这也是单页应用搜索引擎优化的问题，所以做单页应用有的时候用SSR，我寝室大哥原公司项目就用的SSR）
- 尽量少使用iframe框架,因为“蜘蛛”一般不会读取其中的内容。
- 谨慎使用 display：none
对于不想显示的文字内容，应当设置z-index或缩进设置成足够大的负数偏离出浏览器之外。因为搜索引擎会过滤掉display:none其中的内容。还有一部分知识是可以做网站性能优化（其实上面介绍的很多知识点都可以做网站性能优化，CDN、浏览器缓存、雪碧图、减少重排重绘、懒加载等）