最近在整理面试题的时候遇到的一些问题，后续也会不断的更新，面对部分看起来很简单的东西，但是很难说的比较有逻辑性。本文打算用最浅显的话把这部分知识讲清楚，希望能够帮助到大家。
全文1500字，不会花费很多时间，看完一定会有收获！！
1.怎么理解HTML标签语义化
HTML语义化简单来说就是用正确的标签来做正确的事。
比如说一些段落就采用p标签，标题用h标签，一些无关文章内容的广告就用aside标签。
这样做带来的好处
- 方便开发人员的维护，阅读性更高，你总不希望自己维护的代码满屏的div和span吧。
- 有利于SEO优化，爬虫抓取数据（这部分内容后续会讲到）
- 有利于不同设备的解析（屏幕阅读器，盲人阅读器等）满屏的div会导致这些设备不知道如何优先加载哪些内容？
常见的语义化标签有哪些
h标签、p标签、ul、ol、table标签等等。
就是你一看到这些标签就马上能想到这里面大概会放置一些什么内容。
html5新增的一些标签
header标签 ：标签定义文档或者文档的一部分区域的页眉。
footer标签 ： 一般和版权作者信息有关。
nav标签 ： 一般定义主要的导航内容
aside标签 ： aside标签中的内容可用作文章的侧栏。 一般用作和内容不太相关的，例如名词解释，相关文献等等。（广告也可以使用这个标签，后面会讲到）
当然还有很多html5的标签，例如audio标签是用做音频相关内容的，这里就不详细介绍了
2.怎么理解SEO优化
对于SEO来说，其译为网络搜索引擎优化，其中包括了网站内容的结构调整，网站内容的建设，网站代码方面的优化和关于网站外部的优化，通俗来讲，其工作就是让搜索出的答案更全面，让答案的显示更为一目了然，保证搜索的深度广度，在运行方面不会出现错误。 简单说就是在搜索某个内容的时候，你写的网站越考前seo的优化就越好
例如我在搜索 邵小白呀白的时候，压根就找不到我自己的网站。
竞价排名的流程
网站seo优化其实也分为前期和后期，这里不做细讲了，简单说一下就是前期一般在没有用户的情况下，就只能靠网页本身的计算的分，后期带来了用户之后，数据的来源就从百度抓取变成了用户。 详细的可以观看 seo优化教程
- 搜索引擎向被收录的网站放出蜘蛛（代码）
- 蜘蛛抓取网页数据
- 计算网页的得分
- 排名 这部分过程就很类似考试，只有你在考试才会有得分（搜索引擎收录），老师负责收卷（抓取网页数据），计算得分，最终得到成绩的排名
爬虫的工作流程
1.来访
这个蜘蛛会模拟普通用户去抓取数据，一个普通用户可以访问到的数据就会被捕获，但是凡是需要登录（vip，附带权限的内容）的部分都不会被爬虫抓取。例如qq空间内部的数据。
2.返回
如果页面的数据不合格，下一次搜索引擎派送的蜘蛛就会减少。（毕竟那么多网站对吧，百度知道你这个页面没有太多价值就避免浪费资源）
怎么提高搜索引擎给我们的卷面分呢？
网页内容权重 参考
根据上图我们就可以知道不同的标签内容中的权重是不一样的，得分也是不一样的。
接下来简单说说可以提高我们分数的几种常见方式。
这里我用掘金来做一个测试，如何想要查询自己网页的得分也可以看 （seo.chinaz.com/）
我们程序员能优化的
- h标签
h1标签，写上网页最关键的内容，一般只出现一次（太多了会出现蜘蛛容易找不到方向）
h2标签，小标题，例如淘宝的这种侧边栏就会提高权重。
- no follow 为了不浪费权重 通过在a标签上添加no follow 属性可以让爬虫不去给这个链接中的内容去打分（防止引流），一般是和我们页面内容不太相关的，例如其他网站的信息，引流信息，或者广告。再者不重要的页面（关于我，总不可能有人去搜索你的电话号码等等吧）
这里掘金主页的浏览器插件，也是使用了no follow属性
- 图片的alt优化
爬虫无法确定图片的内容，只能通过alt属性来确定图片中的内容，含有alt标签和没有alt标签的权重会很不一样。 但是我们不能一直去重复内容，例如我的网页title就是小狗，我的每一个图片的alt标签都写上小狗，是不是得分就会高了呢？
并不是，这样的行为会被百度认为故意优化，反而得分会减少，正确的做法是：
| 小狗 |
|---|
| 黑三的小狗 |
| 奔跑的小狗 |
关键词用来描述网站主题。
结尾
非常感谢你能看到这里，后续也会不断跟新。seo优化展开来一个很大的内容，但是我们作为开发人员也要知道一点必要的seo优化技巧和原理，这样以后和别人（面试官battle）交流也不会说不上来了。
参考：
