铜梁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次，过深不利于搜索引擎的抓取。

SEO小白在刚接触网站优化时，往往会因为不了解行业，走了不少弯路。

比如，网站SEO优化最重要的是确立定位以及制定策略，SEO优化人员往往也会注重早期的规划、策略，以达到快速排名的效果。但是，SEO新手们可能会由于知识的缺乏，而在实际操作过程中状态不稳定，导致站点优化情况时好时坏。

下面，柒点传媒会教大家如何确立网站的定位、以及制定SEO优化策略，让网站排名更快。

图片源自网络

1.确立网站定位

网站建立之前，就要先确立这个网站的定位。这就要事先做好调查工作，了解目标行业或所在行业的业务需求以及站点类型需求，从而帮助我们更准确地找好定位。

第一步：理解定位

通过调查，了解目标行业或所在行业的网站需求。行业需要什么样的网站，就做什么样的网站。

第二步：准确定位

确立网站定位不能草草了事，这关系到网站未来的发展趋势，所以一定要保证定位准确度。定位出现偏差的原因，一般在于对目标行业或所在行业需求的了解程度不够深。你越了解这个行业，对网站的定位就会越精准。

第三步：把握方向

把握好网站方向，是SEO优化工作中很重要的一环。一旦完成前期的定位调查工作，网站方向就不应该随意改变。

2.制定SEO优化策略

在网站的发展过程中，会经历几个不同的阶段，分别是新站期、巩固期和扩建期。而在不同的阶段，网站会遇到不同的问题，我们以此来制定SEO优化策略。

①新站期

新站期的问题主要在于网站权重和PR值偏低，以至于网站排名上不去。因此，新站期的网站应该快速集权。顾名思义，集权是指把站点重心集中在一个点上，它的直接作用是快速排序。

②巩固期

等到网站有了一定的排名后，就要进入巩固阶段了。这个阶段主要是做好网站各方面的优化，提高网站质量以及用户体验感，比如网站标题优化、网站文章优化、网站蜘蛛优化、网站页面优化、网站url优化等。值得注意的是，这个阶段的工作量是比较大的，因此需要多方面的协助。

③扩建期

当网站进入建设后期，扩建就成为了必须要做的事情。对网站进行长达半年的用心优化后，网站的信任度、数据以及权重，就都达到了扩建的要求。这时候，为了帮助网站更好的发展，可以增加一些有特色的页面，使网站更加多样化，比如增加专题页面、栏目页面等。

此外，基于对竞争对手以及行业市场的理解程度，还可以针对性地制定一些网站优化策略，使网站发展得更好。

可以点击链接，查看更多帮助。

一、seo关键词优化排名技法之——网站源码与结构的选择设计：

扁平结构如：论坛网站、博客网站一般为扁平结构设计，扁平结构是以网站首页为“根”，拓展出去的页面都是以网站主域名为基础的页面。

树形结构如：树状也叫树形结构网站，如同长大的数目一样的结构网站。树状结构网站分为树根，树干，树枝，树叶等不同表现形式。都是关键词排名的因素点。

树状结构网站和扁平结构的网站对比对于SEO来说不论树状结构还是扁平结构各有利弊，如果排名单一的关键词一般的人喜欢用扁平结构的网站结构。例如博客系统。因为他信息容易 集中到一起。

排名多关键词的时候，一般的人喜欢用树状结构的网站，例如织梦，phpcms等开源系统，这样可以排名很多关键词都会上去。

二、seo关键词优化排名技法之——关键词规划与挖掘

快速有效挖掘精准目标关键词：可以借助百度、360、搜索等搜索引擎平台，在搜索框里输入目标关键词，找到下拉或者相关搜索的词汇作为网站关键词分布，利用百度指数或者 360指数查询，挑选3-5个指数中小的作为首页关键词，其他指数小的可以分布到栏目页或者内页。

三、seo关键词优化排名技法之——网站标题的写法，（Title、Description、Keywords三大标签）

1、写法一、XXX关键词_XXX关键词_XXX关键词_XXX品牌词

2、写法二、XXX品牌词_XXX关键词_XXX关键词_网站核心介绍

3、写法三、XXX关键词_网站核心介绍_XXX品牌词

网站描述的写法：网站描述也是参与排名的重要因数之一，我可以把关键词合理分布到描述的语句当中。Description标签也就是关键词，这里可写可不写，小编建议你还是写上比较好

四、seo关键词优化排名技法之——站内优化的做法

1、网站目录层级切勿过深，一般最多为3层且不超过四层，

例如：http://www.szrqsy.com/product/cpfly0c5/为标准层级，即域名后面一个/斜杠为一个层级。

2、网站做好相关错误链接引导，如：404/403等等，可以避免丢失流量。

3、合理把挖掘好的关键词分布在网站首页、栏目页以及内页当中，一般常见的做法为：主产品词为导航，产品词分类为副导航。

4、发布产品或发布文章资讯时，页面要做好相关推荐和站内链接，一般的做法为：发布产品最底层可以设置产品相关推荐链接、发布文章也是一样，还有发布文章做好站内关键词指向链接并且加粗处理，一般指向链接不宜过多，3个左右为止。

五、seo关键词优化排名技法之——高质量的外链在哪发。

1、交换友情链接，看对方网站友链和收录情况，对方友链一般不超过30个，且最近收录一定要有，一般同等权重的友链双方才愿意交换的除非购买单向链接。

2、寻找网站目录或者网站导航之类的网站提交，一般为付费。（最大的特点是一次收录永久在线而且外链质量非常好，价格不算贵）

3、各种论坛、b2b等行业门户网站发文章和发帖子。（类似这样的网站多数为百度联盟广告可能对转化有一定的影响这里看你自己情况定夺了

---