在前端开发中如何做好seo优化

很多人学会了一些SEO的常识，就觉得自己已经学会了SEO了，能够给很多网站提供意见，但是其实他们提出的意见，很多时候都是靠猜，靠感觉。至于实际上有没有效果，会不会给网站带来正面的影响，只能走一步看一步。

其实一个SEO做得如何，最了解的还是自己，好的SEOER，能够通过平时一点一滴的数据，进行汇总，通过数据指导，来看清SEO的方向。

SEO是什么，在我看来，SEO就是做搜索引擎的排名，而SEO最终的目的是什么，答案只有一个，那就是通过有排名的关键词，来获得流量，也就是说我们最终的目的就是流量。那么我们很多时候，SEO不要局限在自己的站点上面，我们要把思路拓展，拓展到各个不同的模块领域去。

那么作为SEO，如何科学的去分析自己做的效果如何，如何去更好的通过数据，来指导自己的思维呢？

我们都知道，流量跟排名点击率、排名数、收录数有关系，那么我们的数据，最主要的就是监控这三个维度。

1、排名点击率：

如果是自身网站的话，就比较简单，装个流量统计工具，就可以很好的监控到关键词的点击率。如果是外部的站点，可以通过关键词覆盖的查询，来预估自己的排名点击率。其实在站点和内容都不变的情况下，点击率一般不会有太大的变化。所以排名和收录的因素，就会影响比较大。

2、网站排名：

网站的排名主要看两大块，一块是重点词的排名，一块是看长尾的关键词覆盖率。

2.1、重点词的排名：

每天都要监控，重点词是你的核心词，这个主要用来监控自己站内的关键词变化情况，如果重点词排名出现大幅度的变化，要就意味着在这个周期，你的排名有有极大的波动。排名监控可以用分析牛关键词排名监控，可以记录一个月的排名数据，一个月内的排名变化情况清晰可见。如果发现排名有明显的变化，就要去分析近一个月内的网站日志，看看有什么变化，从而找出问题的原因。

2.2、长尾关键词覆盖率：

长尾词的关键词覆盖率，主要用来监控站外的排名。

之前跟一个做推广的聊，跟他说查一下关键词覆盖率，他反问我，什么是关键词覆盖？

关键词覆盖，目的就是把你的关键词尽可能的覆盖到搜索引擎结果中，比如百度搜索结果第一页有10个排名，10个都是你所发的排名，那么用户就只能点到你了，点不到别人。

而做医疗的长尾关键词，一般都是地域性的，都是尽可能长的关键词。

之前做的关键词覆盖，当你覆盖率达到60%的时候，一天有10个有效对话，当你的覆盖率达到50%的时候，你的有效对话只有8个，当你关键词覆盖达到30%的时候，你的有效对话只有4个。

那么长的长尾关键词能来对话吗？答案是肯定的，能，太能了。有的人说那么长，谁能搜索得到啊？对，那么长的词可能不一定有人搜，但是通过分词所带来的长尾呢？最重要的是，这种长尾有足够的量，当量大的时候，蚂蚁也能干过一个军团。

所以关键词覆盖率，能够很好的体现你关键词所做的情况。

有的人会问，站外推广那么难做，都没有什么地方可做的。其实有的平台，永远都是好的，只是你没去认真研究而已，为什么别人都在做，你却做不了呢？

3、网站收录：

站点的收录是非常关键的，当你排名、覆盖率比较稳定的情况下，收录越多，也就意味着你的长尾关键词能够越多。

而我们看收录，并不是看单个链接的收录，而是看整体的收录变化比。这时候可以通过链接权重查询，来查询网址的收录情况。

在排名率不变的情况下，当你的收录越来越高，你的流量就会越来越多。所以如何提高收录，也是一个非常重要的手段。

总结：

总体来看SEO的主要核心还是数据分析，具体的数据分析可以参考（百度排名只需分析关键词数据）。其实SEO只要观察细致，很多问题都会变得很简单，你要真正搞清楚你想要什么，你想要的流量，而流量跟网站的排名、网站的收录、排名的点击率是有直接关系。搞清楚这些关系，去逐一分析每一个细节，你会发现SEO会变得很简单。

前端开发人员需要具备哪些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必须掌握的一门功课，大型网站虽然有海量的数据，但是每个页面都需要进行关键词分析，除了SEO之外，策划、编辑也需要具备一定的关键词分析能力。

关键词分析的基本原则：

1、 调查用户的搜索习惯：这是一个重要的方面，只有了解用户的搜索习惯，才能把我用户的搜索需求，用户喜欢搜索什么?用什么搜索引擎?等等

2、 关键词不能过于宽泛：关键词过于宽泛会导致竞争激烈，耗费大量时间却不一定得到想要的效果，并且可能降低了关键词的相关性。

3、 关键词不能过冷：想想，没有用户搜索的关键词，还值得去优化吗?

4、 关键词要与页面内容保持高度的相关性：这样既有利于优化又有利于用户。

关键词挑选的步骤：

1、 确定核心关键词：我们应该考虑的是哪一个词或者两个词能够最准确的描述网页的内容?哪一个词用户搜索次数最多?

2、 核心关键词定义上的扩展：例如核心关键词的别名、仅次于核心关键词的组合等、核心关键词的辅助等。

3、 模拟用户思维设计关键词：把自己假想为用户，那么我会去搜索什么关键词呢?

4、 研究竞争者的关键词：分析一下排名占有优势的竞争对手的网页，他们都使用了什么关键词?

第二部分：页面逆向优化

为什么要做逆向优化?因为在大型网站中，页面的优化价值一般不同于中小网站。考虑到各种综合因素(例如品牌、页面内容、用户体验等)，大型网站的页面优化价值大多数呈现逆向顺序，即：最终页>专题页>栏目页>频道页>首页。

如何针对各页面进行关键词分配呢?通常情况是这样的：

1、 最终页：针对长尾关键词

2、 专题页：针对热门关键词，例如"周杰伦"

3、 栏目页：针对固定关键词，例如"音乐试听"

4、 频道页：针对核心关键词，例如 "音乐"

5、 首页：不分配关键词，而是以品牌为主。

在进行关键词分配后，我们可以在最终页中添加匹配的内链作为辅助，这是大型网站内链的优势。

第三部分：前端搜索引擎友好，包括UI设计的搜索友好和前端代码的搜索友好两点

1、首先来看UI设计的搜索引擎友好：主要是做到导航清晰，以及flash和图片等的使用，一般来说，导航以及带有关键词的部分不适合使用flash及图片，因为大多数搜索引擎无法抓取flash及图片中的文字。

2、然后是前端代码的搜索引擎友好：

a、代码的简洁性：搜索引擎喜欢简洁的html代码，这样更有利于分析。

b、重要信息靠前：指带关键词的及经常更新的信息尽量选择出现在html的靠前位置。

c、过滤干扰信息：大型网站的页面一般比较复杂，各种广告、合作、交换内容以及其他没有相关性的信息比较多，我们应该选择使用js、iframe等搜索引擎无法识别的代码过滤掉这一部分信息。

d、代码的基础SEO：这是基础的SEO工作，避免html错误以及语义化标签。

第四部分：内部链接策略

为什么要强调内部链接策略?因为内链具有以下优势：

1、 大型网站海量的数据使内链的优势远远大于外链。外链的数量可能几千几万几十万，但是大型网站拥有成百万上千万甚至上亿的海量网页内容，如果用这些海量的网页做内链的建设，优势是很明显的。

2、 网站内的网页间导出链接是一件很容易的事情。

3、 提高搜索引擎对网站的爬行索引效率，增强收录，也有利于PR的传递。

4、 集中主题，使该主题的关键词在搜索引擎中具有排名优势。

在内链建设中，应该遵循以下原则：1、控制文章内链数量：穿插于文章内的链接可以根据内容的多少控制在3-8个左右。2、链接对象的相关性要高。3、给重要的网页更多的关注：使重要的更有关键词价值的网页得到更好的排名。4、使用绝对路径。

第五部分：外部链接策略

在强调大型网站的内链建设的同时也不能太忽视了外链的建设。外链的建设虽然没有中小网站那么重要，但是也具有很高的价值。通常可以通过交换链接、制造链接诱饵、投放带链接的软文等方法来建设外链。

1、 来看交换链接应该要遵循哪些原则：

a、链接文字中包含关键词b、尽量与相关性高的站点、频道交换链接c、对方网站导出链接数量不能过多，过多的话没有太大的价值d、避免与未被收录以及被搜索引擎惩罚的网站交换链接

2、 制造链接诱饵：制造链接诱饵是一件省力的工作，这使得对方网站主动的为我们添加链接。制造链接诱饵的技巧很多，但是可以用两个字来概括：创意。

3、 带链接的软文投放。指的是在商务推广或者为专门为了得到外链而进行的带链接的软文投放。

第六部分:网站地图策略

有很多大型网站不重视网站地图的建设，不少大型网站的网站地图只是敷衍了事，做一个摆设。其实网站对于大型网站是很重要的，大型网站海量的数据、复杂的网站导航结构、极快的更新频率使得搜索引擎并不能完全抓取所有的网页。这就是为什么有的大型网站拥有百万千万甚至上亿级的数据量，但是却只被搜索引擎收录了网站数据量的一半、三分之一甚至更少的一个重要原因。连收录都保证不了，怎么去做排名?

Html地图：

1、 为搜索引擎建立一个良好的导航结构。

2、 Html地图中可以分为横向和纵向导航，横向导航主要是频道、栏目、专题等链接，纵向导航主要是针对关键词。

3、 每个页面都有指向网站地图的链接。

Xml网站地图：主要针对Google、yahoo、live等搜索引擎。因为大型网站数据量太大，单个的sitemap会导致sitemap.xml文件太大，超过搜索引擎的容忍度。所以我们要将sitemap.xml拆分为数个，每个拆分后的sitemap.xml则保持在搜索引擎建议的范围内。

---