前端页面切图能为SEO做什么？

几乎所有的网站上线以后都离不开网页SEO优化，似乎这已是一件无需多言的准则了。那么前端切图能为SEO优化做点什么呢？众所周知，SEO的两大核心是内链和外链，然而所有一些SEO优化的基础都是前端HTML页面，前端页面的好坏对SEO优化的难易程度有很大影响。

一、页面代码是否规范

搜索应请蜘蛛怎么说都是一个程序，符合规范的页面，他们会很顺利的完成处理，但是一个不规范的前端页面，可能会让蜘蛛迷惑，甚至爬取失败。SEO优化的一个大的原则就是让蜘蛛顺利爬取页面，更容易的对页面代码进行分析，试想一个不规范的页面，肯定会增加蜘蛛的爬取分析时间。

页面代码不规范的案例比比皆是，常见的有两种，1、乱用标签甚至标签不闭合，2、CSS样式和js代码片段到处都是，一个页面中，充斥着大量的CSS样式片段及内联样式和JS代码片段，这类问题常见于一些智能建站生成的页面，看着页面效果是能很好的呈现出来，但是这类页面不管是蜘蛛机器去读还是前端开发人员去维护都是噩梦。

二、标签是否语义化

很多新手前端开发，一开始的时候对标签的理解不是很透彻，经常误用标签。一些没有养成良好开发习惯的前端人员也经常会出现class、id命名特别乱的情况，虽然这些情况在页面呈现效果上影响不大，但是更好的语义化标签的使用却可以为页面加分不少。

三、页面体积大小及网页加载速度

最后再来说页面的体积大小，在客户端带宽网络固定的前提下，页面体积越小加载越快。当然在当下的5G时代，带宽已不是问题。但是这里我们要讨论的是几种较为极端的情况。

3.1 前端页面上引入的图片不加裁剪优化，直接引入原图，有些数码相机拍摄的图片，光一张图片就好几兆甚至十几兆。客户在打开这样的页面的时候需要等待很久才能打得开。

3.2 为了引入某种前端特效，直接引入大量的框架源文件，曾经重构过的一个客户页面情况是，一个页面上同时引入了bootstrap、Jquery、JqueryUI等等不下十来种JS文件，但是页面效果并不复杂，有些组件是完全没必要用框架去实现，甚至JqueryUI这种后端框架他只是引入了但是却丝毫没有使用。

3.3 页面中大量的使用Table布局，这类常见于一些前多年的旧页面，除了不好维护外，这类页面的兼容性也是极差的。

综合以上几点，前端页面作为SEO的基础，前端HTML页面的好坏在很大程序上决定着页面的SEO是否能更轻松的去做好。对那些使用竞价SEM的用户也一样重要，试想你花重金推广的页面，让客户点击过去却要等待十几秒的响应时间，有多少用户会有这个耐心去等待。简洁的会造成很多的无效点击。因此，不管你是做SEO优化还是做SEM竞价，前端页面都是重中之重，务必要重视起来。