小课堂：从前端出发做好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="高效" class="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的区别