铜梁SEO优化之网站前端性能优化有哪些技巧

前端开发工程师不仅需要要跟视觉设计师、交互式设计师配合，完美还原设计图稿，编写兼容各大浏览器、加载速度快、用户体验好的页面。现在还需要跟SEO人员配合，调整页面的代码结构和标签。

一些成熟的平台，在开发初期并没有考虑优化问题，所以做出来的页面，就算是效果很炫，功能很强，但是对搜索引擎非常的不友善。任何一个成熟的网站，后期页面都是动辄几百万的，到这个时候再来调整结构，既费时又费力，最怕的还是会影响到排名和收录。

所以说与其在后期碰到问题再来调整，还不如把问题解决在源头。我本人也是从事前端开发工作的，下面把我工作过程中，积累的几个开发过程中就需要做好的SEO优化技巧，分享给大家。

1、简化代码结构，更利于搜索引擎分析抓取有用内容：页面尽量采用DIV+CSS，当然，表格展现模式用table还是比div方便很多的；所有js、css采用外联方式，图片采用css精灵，减少请求次数。看下下面同样的内容，用div和talbe布局的代码比较，显而易见用div简便的多。

2、重要内容优先加载（第一个链接最好是网站主关键词，不刻意要求），可以用css来处理，索引一篇文章的长度也是有限制的，一定要把最重要的内容，优先展现给蜘蛛，这方面你可以通过查看一些比较大的网页快照来求证。

3、每个页面只能出现一次H1标签，H2标签可以多次：H1权重很高，普遍认为仅次于title，一般资讯详情页的标题、商品详情页的标题，都放在H1里。

4、图片一定要添加alt属性，title属性可选：蜘蛛不认识图片上的内容，只能通过alt属性来判断，如果是商品列表页，所有商品都加了alt和title的话，容易造成堆砌关键词，所以我一般是只加alt属性。

5、图片大小声明：如果图片大小不做定义的话，页面需要重新渲染，就会影响到速度。

6、链接可根据实际需求添加title属性以及nofllow值；非特殊性链接，链接地址一定要写入herf属性，有些前端开发人员为了省事，直接用div加个click事件当链接，在视觉上和使用上确实是实现了链接效果，但是做过SEO优化的人员都知道，蜘蛛目前对于js的支持很差，基本无法读取里面的链接地址。所以说用click事件是绝对不允许的，特别是一些重要的导航链接。

7、页面内容尽量不要做成flash、图片、视频，这些东西蜘蛛是抓不到的，就算是必须的，也要生成相应的静态页面。有很多企业站看着很炫，全站flash，老板看着是爽了，做SEO优化的人员就要抓狂了，全站没一个链接。

8、除首页外别的页面最好要加上面包屑型导航，导航结构一定要清晰。

9、做好404页面，一般会加首页链接及错误提示，并测试其返回状态码为404：1、用户体验友好，可以留住用户，不至于直接关闭页面；2、蜘蛛友好，可以返回抓取其他页面。

10、网站结构呈扁平状树型，目录结构不宜过深，每个页面离首页最多点击不超过3次，过深不利于搜索引擎的抓取。

1）、关键词分析（也叫关键词定位）：这是进行SEO优化最重要的一环，关键词分析包括：关键词关注量分析、竞争对手分析、关键词与网站相关性分析、关键词布置、关键词排名预测。

2）、网站架构分析：网站结构符合搜索引擎的爬虫喜好则有利于SEO优化。网站架构分析包括：剔除网站架构不良设计、实现树状目录结构、网站导航与链接优化，网站设计的语言最好采好DIV+CSS样式，代码很有层次和简洁。

3）、与搜索引擎对话：向各大搜索引擎登陆入口提交尚未收录站点。在搜索引擎看SEO的效果，通过site:你的域名，知道站点的收录和更新情况。通过 domain:你的域名或者link:你的域名，知道站点的反向链接情况。更好的实现与搜索引擎对话，建议采用Google网站管理员工具。

4）、网站目录和页面优化：SEO不止是让网站首页在搜索引擎有好的排名，更重要的是让网站的每个页面都带来流量，长尾关键词采用内页优化。

5）、内容发布和链接布置：搜索引擎喜欢有规律的网站内容更新，所以合理安排网站内容发布日程，每天更新的时间段，发布文章内容的原创性高，是SEO优化的重要技巧之一。链接布置则把整个网站有机地串联起来，让搜索引擎明白每个网页的重要性和关键词，实施的参考是第一点的关键词布置。友情链接和站外链链的战役也是这个时候展开。

6）、高质量的友情链接：建立高质量的友情链接，对于SEO优化来说，可以提高网站PR值以及网站的更新率，都是非常关键性的问题。

7）、建立网站地图SiteMap：根据自己的网站结构，制作网站地图，让你的网站对搜索引擎更加友好化。让搜索引擎能过SiteMap就可以访问整个站点上的所有网页和栏目。

8）、网站流量分析：网站流量分析从SEO结果上指导下一步的SEO策略，同时对网站的用户体验优化也有指导意义。

SEO优化的主要环节都有哪些：

一． 网站关键词的优化

1. 为什么研究关键词

2. 选择关键词的方法

3. 如何选择关键词

4. 分析关键词的竞争程度

5. 关键词的放置位置

6. 长尾关键词的优化

7. 如何提高关键词排名

8. 关键词优化的自我检查

……

二． 网站结构优化

1． 网站构架分析：实现树状目录结构、网站导航与链接优化、剔除网站架构不良设计等内容。

2． URL静态化

3． 绝对路径和相对路径

4． 网站地图

5． 404页面

……

三． 网站页面优化

1. 页面标题

2. 描述标签

3. H标签：h1页面内容标签、h2页面相关性标签

4. 图片说明

5. 链接说明

……

四． 网站内容更新

1. 网站内容：原创内容、内容策划、内容推广

2. 百度收录、更新

3. 内部链接：网页的互相链接

……

五． 网站外部链接建设

1． 外部链接的意义

2． 高链接的标准

3． 网站目录提交

4． 反向链接

5． 友情链接

6． 自建博客

7． 其他外链建设方法

六． 网站流量分析

1． 网站访问量统计分析

2． 网站流量分析指标

3． 如何提高网站流量

……

以上六个环节是一个循环进行的过程，只有不断的进行以上六个环节才能保证让你的网站在搜索引擎有良好的表现

---