这里是修真院前端小课堂，每篇分享文从
【背景介绍】【知识剖析】【常见问题】【解决方案】【编码实战】【扩展思考】【更多讨论】【参考文献】
八个方面深度解析前端知识/技能，本篇分享的是：
【 从前端出发做好SEO需要考虑什么】
一、背景介绍
什么是SEO？
SEO由英文Search Engine Optimization缩写而来，中文意译为“搜索引擎优化”。
其实叫做针对搜索引擎优化更容易理解。它是指从自然搜索结果获得网站流量的技术和过程，是在了解搜索引擎自然排名机制的基 础上，对网站进行内部及外部的调整优化， 改进网站在搜索引擎中的关键词自然排名， 获得更多流量，从而达成网站销售及品牌建设的目标。
二、知识剖析
了解搜索引擎的抓取工具
1、百度
百度通过一个叫做Baiduspider的程序抓取互联网上的网页，经过处理后建入索引中。
① 对网站抓取的友好性： 会制定一个规则最大限度的利用带宽和一切资源获取信息，同时也会仅最大限度降低对所抓取网站的压力。
② 识别url重定向： 对互联网众多的url重新识别
③ 百度蜘蛛抓取优先级合理使用： 优先抓取的策略主要有：深度优先、宽度优先、PR（权重）优先 、反链优先。
④ 无法抓取数据的获取： 在互联网中可能会出现各种问题导致百度蜘蛛无法抓取信息，在这种情况下百度开通了手动提交数据。
⑤ 对作弊信息的抓取： 百度出台了绿萝、石榴等算法对作弊链接进行过滤，据说内部还有一些其他方法进行判断，这些方法没有对外透露。
2、谷歌
（谷歌使用许多计算机来提取（或“抓取”）网站上的大量网页。Googlebot 使用算法确定抓取过程：计算机程序确定要抓取的网站、抓取频率以及从每个网站抓取的网页数量。 进行抓取时，Googlebot 会先查看以前的抓取过程所生成的一系列网页网址，包含网站站长提供的站点地图数据。 Googlebot 在访问其中的每个网站时，会检测各网页上的链接（SRC 和 HREF），并将这些链接添加到要抓取的网页列表。 它会记录新出现的网站、现有网站的更新以及无效链接，并据此更新 Google 索引。
三、常见问题：前端怎么做SEO
四、解决方法
① 经常更新网站内容，优质的原创内容越多，搜索引擎收录越多，权重越高。
② 优化meta标签的关键词，启用Keep-Alive；为每个页面单独命名，要符合页面内容。
③ 优化网站、代码结构，简洁，清晰，结构鲜明的代码容易被搜索引擎爬取。
④ 确保每个页面都可以通过至少一个文本链接到达
⑤ 重要的内容，应该能从首页或者网站结构中比较浅的层次访问到
⑥ 使用文字而不是flash、图片、Javascript等来显示重要的内容或链接，为图片的alt添加文本。
等等-------
五、代码实战
1、在meta标签中添加关键词，使其在无法访问时显示文本信息、
<meta name="keywords" content="技能树成长IT学习升职加薪迎娶白富美">
简单来说就是META标签中description正确描述网页主体内容的摘要信息，是对网页内容的概括并且含有该网页的核心关键词，META标签中的keywords则进一步说明该网页的核心关键词（这些关键词同样出现在网页描述信息中），如果核心关键词不止一个，则关键词之间用逗号分开。
2、对图片的alt添加文本，使其在无法访问时显示文本信息、
<img src="images/rocket.jpg" alt="高效" "r-b-p">
用百度统计的seo建议其中一条图片ALT信息“存在没有alt信息的img标签”扣分较多。对于加载网页有困难的访问者，alt标签能帮助他们了解图片的内容，方便用户体验。所以，在合适的范围内给图片加alt标签必然能有助于网站SEO。
六、扩展思考
如何不让搜索引擎抓取网站的隐私内容？？
可以使用Robots协议，也称为爬虫协议、机器人协议等。其全称是“网络爬虫排除标准”（Robots Exclusion Protocol）， 网站通过Robots协议告诉搜索引擎哪些页面可以抓取，哪些页面不能抓取。
写法：不允许搜索引擎访问任何文件
新建txt文件：robots.txt
User-agent: *
Disallow: /
七、参考资料
1、百度文库：https://wenku.baidu.com/view/f576c31d650e52ea5518983f.html
2、meta标签的优化：http://www.jb51.net/web/70787.html，
视频地址：https://v.qq.com/x/page/c0393k0p1ca.html
八、更多讨论
SEO与SEM的区别
更多内容，可以加入IT交流群565734203与大家一起讨论交流
这里是技能树·IT修真院：https://www.jnshu.com，初学者转行到互联网的聚集地