搜索引擎优化模式(前端开辟工程师不但需求跟网络计划师、背景工程师合营)

　　搜索引擎优化模式(前端开辟工程师不但需求跟网络计划师、背景工程师合营)

　　前端开发工程师不仅需要配合网络规划师和后台工程师，完善恢复方案图纸，编写出兼容主流浏览器、加载速度快、用户体验好的页面。现在也需要配合搜索引擎优化人员调整页面的代码结构和标签。

　　在一些成熟的领域，发展初期的优化是毋庸置疑的。所以，即使结果很炫，结果也很厉害，但是和搜索引擎很不兼容。任何成熟的网站后期都有百万页。此时调整结构既费时又费力。恐怕会影响排名和收录。

　　所以，最好是从源头处理问题，而不是在后期遇到问题时进行调解。

　　1、简化代码结构，更有利于搜索引擎分析和抓取有效内容：页面虽然采用了div css，当然表格显示方式比div方便多了；所有js和css采用外链方式，图片采用css精灵减少请求次数。对于下图相同的内容，使用div和talbe结构的代码是相对的，不用说使用div就轻多了。

　　2、 紧内容优先加载（第一个链接很好作为网站的主关键字，未确定请求），可被css惩罚，索引文章长度文章@ > 也受限制了，难免先把很紧张的内容先给蜘蛛们看。对此，可以通过几个比较大的网络来快速验证。

　　3、每个页面只找到h1标签一次，h2标签可以重复：h1权重高，被认为仅次于标题，常见的logo和内容页文章@>标题都放在h1。（这里注意内容页需要单独去掉logo的h1，只给内容页文章@>标题。可以阅读搜索引擎优化优化中不同页面H标签的应用技巧。）

　　4、 图片必须有alt属性，标题属性可以根据用户体验适当增加：蜘蛛还不能完全识别图片上的内容，需要体验alt属性帮助验证. 如果是商品列表页，所有商品都加了alt和title，容易导致关键词堆积，一般只增加alt属性。

　　5、图片大小的声明：如果没有定义图片的大小，页面要求会重新排版，影响速度。

　　6、 链接可以根据实际需要添加title属性和nofollow值：非异常链接，链接的位置必须写在href属性中，有的前端开发者干脆用div添加点击以交易为链接，省事。视觉上和应用中，结论是链接结果完成，但是做过搜索引擎优化的工作人员都知道，蜘蛛目前对js的支持很差，基本无法读取内部链接位置。因此，完全不允许使用点击交易，除了它是一个有点紧张的导航链接。

　　7、虽然页面内容不应该被做成flash、图片或视频，但这些蜘蛛无法捕捉到它们。即使有必要，也需要产生一个响应的静态页面。有很多企业网站看起来很眼花缭乱，整个网站都在闪烁，领导的样子好酷啊。做搜索引擎优化的员工都快疯了，整个网站都没有链接了。（下图是模仿蜘蛛爬行得到的信息，在蜘蛛眼中，李宁官网和shi一样……）

　　8、 除了第一页，其他页面都很好。必须添加面包屑导航，导航结构必须清晰。

　　9、 做好404页面，一般会添加首页链接和故障提醒，试试它的404返回状态码：1、用户体验友好，能留住用户，不会简单的关闭页面; 2、蜘蛛有爱，能够检索到其余的页面。

　　1 0、网站结构为扁平树状，目录结构不宜过深。每页的点击次数不超过第一页的3次。过深不利于搜索引擎的抓取。（下图为2层，不能跨3层）

　　11、开启Gzip压缩，提高网络打开率。

　　12、 尽量删除gaze语句。