前端seo规范学习
前端的工作主要是HTML+JS+CSS，优化好这几个方面是SEO优化的前提；
通过网站的结构布局设计和网页代码优化，使前端既能让浏览器用户看懂，
也能让“蜘蛛”看懂；
1.对网站的标题、关键字、描述精心设计，反映网站的定位，让搜索引擎明白网站是做什么的；
2.网站内容优化：内容与关键字的对应，增加关键字的密度；
3.在网站上合理设置Rotbot.txt文件；
4.生成针对搜索引擎友好的网站地图；
5.增加外部链接，到各个网站上宣传；
注意事项：
1.网站结构布局优化：
一般而言，建立的网站结构层次越少，越容易被抓取，也就容易被收录。根据相关数据调查显示：如果用户经过挑战3次还没有找到需要的信息，很可能离开。因此，三层目录结构也是体验的需要，为此主要通过：布局优化。
一、网站首页是权重最高的地方，如果链接太少，没有“桥",”蜘蛛“不能继续往下爬到网页，直接影响网站收录数量。但是链接也不能太多，一旦太多，没有实质性的链接，很容易影响用户体验，也会降低网站首页的权重，收录效果也不好
二、扁平化目录层次，让蜘蛛只要跳转3次就能到达网站的任何一个内页；
三、导航优化，导航尽量采用文字方式，也可以搭配图片导航。但是图片代码一定要优化，img标签添加"alt""title"属性；告诉搜索引擎导航的定位，做到图片未能正常显示时，用户也能看到文字提示。
四、在网页上可以加上面包屑导航，好处：从用户体验来说，可以让用户了解当前所处的位置以及当前网页在整个网站中的位置，帮助用户很快了解网站组织形式，从而形成更好的位置感，同时提供了返回各个页面的接口，方便用户操作；对"蜘蛛"而言，能够清楚了解网站结构，同时还增加了大量的内部链接，方便抓取，降低跳出率；
五、利用布局，把重要内容HTML代码放在最前搜索引擎抓取HTML内容是从上到下，利用这一特点，可以让主要代码优先读取，广告等不重要代码放在下边。例如，在左栏和右栏的代码不变的情况下，只需改一下样式，利用float:left;和float:right;就可以随意让两栏在展现上位置互换，这样就可以保证重要代码在最前，让爬虫最先抓取。同样也适用于多栏的情况。
六、控制页面的大小，减少