tips：对于搜索引擎优化这个东西，可能给人的感觉是花钱就能解决的事情，也很少涉及的东西，MS的时候可能会问相关的点（我们只关心我们能做的）。
SEO(Search Engine Optimization)，即搜索引擎优化。
SEO是随着搜索引擎的出现而来的，两者是相互促进，互利共生的关系。SEO的存在就是为了提升网页在搜索引擎自然搜索结果中的收录数量以及排序位置而做的优化行为。而优化的目的就是为了提升网站在搜索引擎中的权重，增加对搜索引擎的友好度，使得用户在访问网站时能排在前面。
分类：白帽SEO和黑帽SEO。
白帽SEO，起到了改良和规范网站设计的作用，使网站对搜索引擎和用户更加友好，并且网站也能从搜索引擎中获取合理的流量，这是搜索引擎鼓励和支持的。
黑帽SEO，利用和放大搜索引擎政策缺陷来获取更多用户的访问量，这类行为大多是欺骗搜索引擎，一般搜索引擎公司是不支持与鼓励的。
白帽SEO能做什么？
上硬货：网页代码优化
<title>标题：只强调重点即可，尽量把重要的关键词放在前面，关键词不要重复出现，尽量做到每个页面的<title>标题中不要设置相同的内容。
<meta keywords>标签：关键词，列举出几个页面的重要关键字即可，切记过分堆砌。
<meta description>标签：网页描述，需要高度概括网页内容，切记不能太长，过分堆砌关键词，每个页面也要有所不同。
尽量让代码语义化，在适当的位置使用适当的标签，用正确的标签做正确的事。让阅读源码者和“蜘蛛”都一目了然。比如：h1-h6 是用于标题类的，<nav>标签是用来设置页面主导航，列表形式的代码使用ul或ol，重要的文字使用strong等。
tips:这里提到了语义化标签，有次MS，MSG上来第一个提就问我平时用什么语义化标签，当时给我整懵住了，后来反应过来说了几个strong、section等语义化标签。现在想想如果拓展回答一下语义化标签对于SEO的作用，可能会更加分。
页内链接，要加 “title” 属性加以说明，让访客和 “蜘蛛” 知道。而外部链接，链接到其他网站的，则需要加上 el=”nofollow” 属性, 告诉 “蜘蛛” 不要爬，因为一旦“蜘蛛”爬了外部链接之后，就不会再回来了。
h1标签自带权重“蜘蛛” 认为它最重要，一个页面有且最多只能有一个h1标签，放在该页面最重要的标题上面。如首页的logo上可以加h1标签。副标题用<h2>标签, 而其它地方不应该随便乱用 h 标题标签。
应使用 “alt” 属性加以说明，当网络速度很慢，或者图片地址失效的时候，就可以体现出alt属性的作用，它可以让用户在图片没有显示的时候知道这个图片的作用。同时为图片设置高度和宽度，可提高页面的加载速度。
tips：顺便想起说下img的alt与title属性的区别：
alt属性是为了给那些不能看到你文档中图像的浏览者提供文字说明的。所以alt属性的本意是用于替换图像，而不是为图像提供额外说明的，但是，在ie浏览器中，alt属性会变成文字提示，这本身是一种误导。所以，如果你使用firefox或者chrome，alt属性就会不管用。
title是对图片的说明和额外补充，如果需要在鼠标经过图片时出现文字提示应该用属性title。title属性的优先级高于alt text。
caption 元素定义表格标题。caption 标签必须紧随 table 标签之后，您只能对每个表格定义一个
<strong>标签在搜索引擎中能够得到高度的重视，它能突出关键词，表现重要的内容，<em>标签强调效果仅次于<strong>标签；<b>、<i>标签：只是用于显示效果时使用，在SEO中不会起任何效果。
对于不想显示的文字内容，应当设置z-index或缩进设置成足够大的负数偏离出浏览器之外。因为搜索引擎会过滤掉display:none其中的内容。还有一部分知识是可以做网站性能优化（其实上面介绍的很多知识点都可以做网站性能优化，cdn、浏览器缓存、雪碧图、减少重排重绘、懒加载等）
原文链接：https://www.cnblogs.com/zhenjianyu/p/12965719.html
原创文章，作者：优速盾-小U，如若转载，请注明出处：https://www.cdnb.net/bbs/archives/22363
