搜索引擎工作原理
当我们在输入框中输入关键词，点击搜索或查询时，然后得到结果。深究其背后的故事，搜索引擎做了很多事情。
在搜索引擎网站，比如百度，在其后台有一个非常庞大的数据库，里面存储了海量的关键词，而每个关键词又对应着很多网址，这些网址是百度程序从茫茫的互联网上一点一点下载收集而来的，这些程序称之为“搜索引擎蜘蛛”或“网络爬虫”。这些勤劳的“蜘蛛”每天在互联网上爬行，从一个链接到另一个链接，下载其中的内容，进行分析提炼，找到其中的关键词，如果“蜘蛛”认为关键词在数据库中没有而对用户是有用的便存入数据库。反之，如果“蜘蛛”认为是垃圾信息或重复信息，就舍弃不要，继续爬行，寻找最新的、有用的信息保存起来提供用户搜索。当用户搜索时，就能检索出与关键字相关的网址显示给访客。
一个关键词对用多个网址，因此就出现了排序的问题，相应的当与关键词最吻合的网址就会排在前面了。在“蜘蛛”抓取网页内容，提炼关键词的这个过程中，就存在一个问题：“蜘蛛”能否看懂。如果网站内容是flash和js，那么它是看不懂的，会犯迷糊，即使关键字再贴切也没用。相应的，如果网站内容是它的语言，那么它便能看懂，它的语言即SEO。
什么是SEO？
利用搜索引擎的规则提高网站在有关搜索引擎内的自然排名
优化原则
改良和规范网站设计的作用，使网站对搜索引擎和用户更加友好，并且网站也能从搜索引擎中获取合理的流量，SEO有三条最重要的规律，那就是原创的内容、高质量的外部链接和持之以恒适度的优化。
优化措施
- 优化网页结构，使其扁平化：
控制首页链接数量，不多不少，高质量的链接（页面导航、底部导航、锚文字链接）可以让蜘蛛爬虫迅速爬取内页，尽量让“蜘蛛”只要跳转3次，就能到达任何一个内页，链接如果是图片<img>标签必须添加“alt”和“title”属性，a标签加入文本，方便爬虫爬取，面包屑导航也至关重要，方便爬虫知道网页之间形成的结构。
什么是面包屑导航？看这个图
- 用点标签来增强爬虫识别，其实就是用来设置各种网页内容的关键词让他爬取
1.<title>标签
2.<meta keywords>标签
<meta name="keywords" content="优质课程、智能问答、趣味实践、随心笔记、教育、网易公开课、计算机开发、交互视觉设计、视频教程、交流互动、免费、名师、实用、培训"/>
META标签的`Description`
<meta description>标签
<meta name="description" content="云课堂是网易公司研发的一款大型在线教育平台服务，该平台面向学习者提供海量免费、优质课程，创新的个性化学习体验，自由开放的交流互动环境。继网易公开课后，云课堂是网易公司在教育领域的又一重量级产品。"/>- META标签的Robots
<meta name="Robots" content="信息参数">Robots代表高速搜索引擎机器人抓取哪些页面
网易云课堂的写法：<meta name="robots" content="all">
- h5语义化标签
- h1-h6标题标签
<nav>标签导航标签- 正文标题要用
<h1>标签：“蜘蛛” 认为它最重要，副标题用<h2>标签, 而其它地方不应该随便乱用 h 标题标签 - 表格应该使用
<caption>表格标题标签 <br>、<b>、<i>标签标签别用来干别的正事，老实让他干自己的事就行了<img>应使用 “alt” 属性加以说明<strong>、<em>标签 : 需要强调时使用。<em>标签强调效果仅次于<strong>标签 尽量别用这种特殊符号代码- 重要的内容放代码前面
- 重要内容不要用JS输出，因为“蜘蛛”不认识
- 尽量少使用iframe框架,因为“蜘蛛”一般不会读取其中的内容
- 谨慎使用display：none ：对于不想显示的文字内容，应当设置z-index或设置到浏览器显示器之外。因为搜索引擎会过滤掉display:none其中的内容。
- 不断精简代码
- a标签一定要写入herf属性，尽量不要用click在js中进行路由跳转
