铜梁SEO优化之网站前端性能提升策略
前端工程师不仅要与视觉设计师、交互设计师协作，精确呈现设计稿，编写兼容多浏览器、加载迅速、用户体验佳的页面。如今还需与SEO人员协作，调整页面代码架构与标签。
部分成熟平台在开发初期未充分考虑优化问题，导致页面虽视觉效果炫酷、功能强大，但对搜索引擎却不友好。任何成熟网站，后期页面动辄数百万，此时再调整结构，既费时费力，还可能影响排名和收录。
因此，与其后期遇到问题再调整，不如从源头解决问题。我本人也是前端开发人员，以下是我工作中积累的几个开发过程中应注重的SEO优化技巧，与大家分享。
1、精简代码架构，更有利于搜索引擎分析提取有用内容：页面尽量采用DIV+CSS，当然，表格展示模式用table比div更便捷；所有js、css采用外链方式，图片采用css精灵，减少请求次数。对比下同样内容的div和table布局代码，显然div更简洁。
2、重要内容优先加载（第一个链接最好是网站主关键词，不刻意要求），可用css处理，索引一篇文章的长度有限，务必将最重要的内容优先展示给蜘蛛，可通过查看大型网页快照进行验证。
3、每个页面只能出现一次H1标签，H2标签可多次：H1权重很高，普遍认为仅次于title，一般资讯详情页标题、商品详情页标题，都放在H1中。
4、图片一定要添加alt属性，title属性可选：蜘蛛不认识图片内容，只能通过alt属性判断，如果是商品列表页，所有商品都加了alt和title，容易造成关键词堆砌，所以我一般只加alt属性。
5、图片大小声明：若图片大小未定义，页面需重新渲染，影响速度。
6、链接可根据实际需求添加title属性及nofollow值；非特殊性链接，链接地址一定要写入href属性，有些前端开发人员为省事，直接用div加click事件当链接，在视觉和使用上实现了链接效果，但做过SEO优化的人员都知道，蜘蛛目前对js支持很差，基本无法读取里面的链接地址。因此，用click事件是绝对不允许的，特别是重要导航链接。
7、页面内容尽量不要做成flash、图片、视频，这些东西蜘蛛抓不到，若必须，也要生成相应静态页面。许多企业站看似炫酷，全站flash，老板看着开心，但做SEO优化的人员却要抓狂，全站没一个链接。
8、除首页外，其他页面最好加上面包屑型导航，导航结构要清晰。
9、做好404页面，一般会加首页链接及错误提示，并测试其返回状态码为404：1、用户体验友好，可留住用户，不至于直接关闭页面；2、蜘蛛友好，可返回抓取其他页面。
10、网站结构呈扁平状树型，目录结构不宜过深，每个页面离首页最多点击不超过3次，过深不利于搜索引擎抓取。
SEO需要掌握的前端知识有哪些
我认为，可以把技术和逻辑区分开来认识。
如果说技术是驾驶员，那么逻辑是交通工具，显而易见，快慢取决于交通工具。
因为我接触SEO和SEM这块的时候，已经25岁了，今年38岁了，当时我也想自学代码，因为我是自己有厂，面对的客户角度，对SEO的价值认知有了变化。
从此我按自己的思路一直走到今天，结果证明了一点，我的点击转化成交率相当高。
我来谈谈我的逻辑思维吧！
1：网站优化的认知误区，也是重点核心，是为了优化而优化，还是为了用户而优化，这是个价值观念的定义，也是我自己这么多年心得总结出来的。
解释：先来了解一下优化的概念，是为了不完善的事情而弥补，可以理解为优化。
那么就好解释什么是为了优化而优化了，是因为在网站框架架构设计及内容填充时，就有不符合引擎和用户体验的价值缺失，在此情况下，价值就打了折扣。
为用户优化是一套系统的设计，可以理解为准备工作大于后期优化工作，为用户优化是通过我们初期生成网站时，二级类目的定位，和三级类目的定位，而新闻源也是可以当成站内站去运作，是系统的，有组织的，围绕着客户的关注，用途，服务，说明，技术，加盟，代理，等相关触点来完成设计的，我给它起了个名字，叫【3的9次方】网站运营规划。
2网站的运营误区
一个网站解析前，不要填充太多内容，类目清晰，配置稳定就行，在站点收录后，对于运营来讲，要按照规划去针对性发布商业软文，当你配置完二级栏目的用户价值属性，文章的数量基本在100篇内，记住按1234方式，分布在60天内完成，基本上，网站可以在搜狗，百度，我360保持首页固定排名了。
解释：要根据统计数据及关键词排名，均化调整，重点提示，不一定是主要关键搜索词才是成交转化的最终价值。
希望能帮到你。
