在前端开发中如何做好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优化基本要点

1. 定义网站的名字，选择与网站文字相关的域名。

2. 分析网站核心内容，定义相关栏目，定制栏目菜单导航

3. 根据网站栏目，收集信息内容，整理，修改，创作，添加。

4. 分析网站相关长尾关键字，合理添加到内容中。

5. 符合W3网页标准，全站生成静态网页。

6. 合理交换网站相关的友情链接，不能与搜索引擎惩罚的或与行业不相关的网站交换链接。

7. 制作XML ,HTML的地图，以便spider对网站内容的抓取。

8. 为每个网页定义标题，meta标签标题简洁，meta围绕主题关键词。

9. 网站经常更新相关信息内容，禁用采集，手工添加，原创为主。

10. 网站设计美观大方，菜单清晰，网站色彩搭配合理，尽量少用图片、flash、视频等影响网页打开速度。

SEO的效果

内部优化分为结构优化和页面优化

1、 网站的结构优化

a、 避免spider陷阱

主要有flash,sessonID各种跳转框架结构、动态URL、

b、 清晰的导航栏，解决我们现在在哪里，下一步要去哪里。

c、 复制内容的处理

d、 URL的静态化

e、 网站的地图。Sitemap的提交

f、 内部链接分布原则

g、 锚文本尽量多样性，重点关键词重复出现的次数要多，翻页尽量要好，页面距离首页点击次数越少越好，

页面优化

a、 标题优化独特而不重复，准确相关，字数要在显示范围内，关键词出现在最前面吸引点击。

b、 关键词标签，主要是说明页面的主题关键词，但现行的搜索引擎都无一例外把此标签排除在排名算法外。

页面内容

1、 用好的页面和内容留下浏览者的眼球，可以让搜索引擎的spider快速载入并记录网站相关内容，可提升PR值。

2、 页面较好用文字描述，少用flash, ajax，仅在需要用的地方用，并把flash,ajax当做网页上的单元，而非网页本身，替代的html.javascript也可达到flash,ajax的效果。flash, ajax可以带来好的创意，但也会带来难以侦测的垃圾网站形式，因为搜索引擎只索引页面而不索引程序。

3、 页面内容不只是给用户看的，更是给搜索引擎看的。

网页内容给用户看

a、 懂得广告学思维，让不同类型的用户在你的站点上都能找到他们喜欢的信息，用户认同的信息更容易赢得信任，从而使用户成为你的用户。

b、 内容越短越好，用户的时间都很宝贵，他们不会认真的看一个陌生站点的内容，正如我们对其他站点的态度那样。

c、 内容要有主次重要。

d、 美工、图片、动画等等引导用户随你的思维进行。

网页内容给搜索引擎看

a、 确定网页的关键词，然后频繁出现在文章内。

b、 每个网页的关键词不要超过三个，让内容围绕关键词展开。

c、 关键词出现在meta keywords. Meta description 中

d、 关键词重点突出，给关键词加黑体、斜体或加入H1之间。

e、 适当的时候，把一些关键词链接向权威的专业的站点。

f、 网页页面内容通过链接锚文本的形式相互链接。

内容页面有规律的更新

网站更新的越频繁，spider爬行的就越频繁，这意味着网站新文章几天甚至几个小时可以出现在索引中，而不需要等几个星期，这是网站最好的收益方面。

怎样使网页内容或网站受到高关注点

1、按某种分类或者归类，列出清单，引用大量数据，容易组织也容易被当做权威数据而被大量引用。

Eg.中国十大知名导航网，特点：列表简单、非常实用

2、 怎加文章内容的权威性

内容通俗易懂，深入浅出，便于挖掘、理解。

3、 减少语法或者拼写错误，结构合理，措辞严谨，因为权威的数据中出现不应有的错误，是权威性大打折扣。

4、 为站点添加“隐私政策”“关于我们”“联系方式”、“顾问”等会使网站变得可信。

5、 巧用新闻站点和RSS聚合

撰写高质量的文章，在对应的行业新闻门户网站发布。

Eg.研究SEO，就要在SEO方面的网站上和论坛上发表。

6、发表动态性的文章，可以提交新闻门户网站，然后提供供稿来源。

7、为了推广，可以同其他站点交换文章，相互发表，增加文章的出现率和点击率。

8、利用RSS，把文章发布在RSS网站上，便于人们阅读和收藏。

9、利用网址站，目录站，和社会化书签，把自己的精品文章添加到百度收藏，雅虎收藏，google.书签，QQ书签等社会化书签，让用户通过google阅读器，RSS等阅读你的文章，不断扩大网站的影响力及其知名度。

10、利用社会关系在特定的场合或者有吸引眼球的地方，拍摄名人炒作的照片，或记录下某人的某句话，并写上精彩点评和解说，进行抛砖引玉，便于快速传播。

关键词

1、 长尾关键词

a、 对于一般的小型网站，目标目标关键词带来的流量占网站总站搜索流量的绝大部分

b、 存在于网站目录页，内容页的关键词也会带来流量，但为数不多。

c、 特征：

1 比较长，往往要2-3个词组成，甚至是短语。

2 存在于内容页面，除了内容的标题，还存在于内容中。

3 长尾关键词带来的客户，转化为网站产品客户的概率化目标关键词低很多。

4 搜索亮非常少，并且不稳定。

5 存在大量长尾关键词的大中型网站，其带来的总流量非常大

2、 关键词优化的好坏

a) 站点的规模，及由此定位的关键词。

b) 关键词在站点的分布情况。

c) 关键词扩展的挖掘和利用

d) 首页，目录页，内容页的标题标签是否书写规范

e) 关键词密度以及关键词在网页上的位置

密度在2%-8%

位置：网页标签，目录名文件，正文标题，在正文中各处自然使用关键词

f) 关键词的字体，特殊性

Eg.加粗、黑体、斜体

g) 是否存在关键词叠加、隐藏文本和链接等作弊行为

3、 关键词分析

思路：a、选择符合自己实力的关键词

b、不选择流量太低的关键词

过程：a、了解行业状况

b、行业关键词集合

c、关键词竞争分析

d、关键词发展规划和流量预计

f、确定目标关键词

4、目标关键词的特征

a、目标关键词一般作为网站首页的标题

b、目标关键词一般是2－4个字构成的一个词或词组，名词居多

c、目标关键词在搜索引擎每个月都有一定数量的稳定搜索量

d、搜索目标关键词的用户往往对网站的产品和服务有要求，或者对网站的内容感兴趣

e、网站的主要内容围绕目标关键词展开

5、关键词确定

a、关键词的相关性和密度性

b、关键词的搜索频率

c、关键词的竞争对手

6、关键词的位置

a、首先关键词应该在文章的每个段落里

b、网页头部标签(eg: description tag 描述标签、关键词标签等)应该放入关键词

c、网页图片的ALT标签应写上关键词

d、可以吧关键词作为子目录

e、网页中谈到其他网页的关键词时，不要忘了添加链接并指向那个网页

7、关键词权重的参数

a、这个网页的PR值，这个网页域名的PR值

b、关键词在网页标题中的比重和位置

c、关键词在meta 标签中是否被提及

d、网页内是否有很多与该关键字相关的关键词组

e、关键字的密度、字体、位置

f、以这个关键词链接向本网页的外部链接和内部链接的数量

8、关键词在meta keywords中应注意

a、确信使用的关键词出现在网页文本中

b、不要重复使用关键词

c、一个网页从关键词标签里应该包含了3-5个重要的关键词，不要超过5个。

d、主流搜索引擎对其的字数要求是不超过160字节

9、关键词在H1、H2、H3等Headline标签中的使用

H1、H2、H3等标签的搜索引擎表明他们包含的部分在整个页面的重要程度

同时注意同一个页面不要出现两次及两次以上的的H1、H2，否则会受到惩罚

10、关键词在URL中的使用

URL中的关键词对搜索引擎排名中的重要作用，但是在域名中包含关键字比在目录中包含关键字拥有更大权重，这也促使很多网站使用大量的二级域名　

链接

链接分为交叉链接和反向链接（外部链接）

1、 反向链接又称为导入链接和外部链接

Eg 网页A上有一个链接指向网页B，则网页A上的链接是网页B的反向链接

2、 链接的质量和相关性

链向作弊以及质量差的页面，会受到搜索引擎的连带处罚，同样。链向质量高的，相关性高的页面会受到搜索引擎的喜欢

3、 外部链接的锚文字

外部链接的锚文字与页面主体密切相关的时候，搜索引擎会对该页面给予正面的评价，但是如果外部链接的锚文字与页面主体毫不相干，甚至可能被搜索引擎惩罚

4、 外部链接页面本身的链接流行度

外部链接页面本身的链接流行度越广，该页面的权重权重越高，也就能传递更多的页面权重。

5、 链接的周围文字

搜索引擎链接周围的文字进行语义分析或判断外部链接页面的相关性，相关性越高，则会获得越高的权重

6、 每页的链接页面在相关主题的网站社区中的链接流行度，用于判断外部链接页面是否采用了链接买卖等作弊手段，间接影响网页的排名

7、 每页的最高链接数应少于100个，避免被搜索引擎视为链接农场（链接农场：无上下文，全篇充斥着大量的链接，大多被黑帽所喜爱。黑帽：用以伪装、欺诈和窃取的方式，取得最高排名）

8、 外部链接按PR值

外部链接PR值越高，代表该网站的权重越高，则能够传递更多的页面权威度

9、 网站新外部链接产生的速度应当平稳增长，否则可能引起搜索引擎的怀疑

网站内链接结构

1、 尽量改原来的图像链接和fiash链接，使用纯文本链接，并统一全局链接位置

2、 内容结构的调整后，应立即到搜索引擎登录，并希望能尽早收录新标题和新描述

增加反向链接的方法

1、 向目录网站（如DMOZ---开放目录）提交你的网站

2、 书写文章，并发布在合适的站点上

3、 站点上的文章写明版权声明

4、 在人气旺的论坛上发表文章和留言，并带着签名指向你的网站

5、 在博客上留言、名称指向你的站点

6、 参与百度知道，百度贴吧，google论坛等，留下站点链接

交叉链接

交叉链接又称友情链接，

其目：1、提升新站的PR值

2、优化中的网站

弊端：在交换友情链接后，站长如果需要检查对方的链接是否依然还在，那么使用普通的查询友情链接的工具就无法完成，然后就需要逐个打开交叉页面来检查，增加了工作量

导入交叉链接的方法

1、 合作伙伴，链接交换、

充分利用合作伙伴或者商业伙伴之间的关系，尽可能让对方为自己的网站添加一个链接或者交换链接（互换权重高的）

2、 管理好自己的站点

想办法尽可能的从权重高的网站上获得链接的支持，利用某些网站提供交换链接的地方留下自己的网站链接

3、利用相互参与社会化WIKI平台，如百度百科的编辑，Googlepage建立专业网页并建立指向自己网站的链接

4、开百度空间，空间域名可使用公司产品的关键字，同时进行公司原网站信息的转载，附带公司网站，让百度robot在第一时间访问本站点，同时可使空间账户去随机访问百度空间内其他用户，以获得回访

链接优化

1、 建立网站地图

建立一个完整的网站地图，把网站地图的链接放在首页上，是spider很快很方便的发现和抓取所有网页

2、 每个网页做多离首页四次就可到达

3、 网站的导航系统最好使用文字链接

4、 导航中的链接文字应准确描述栏目中的内容

5、 整站的PR传递和流动

6、 网页的互相链接

---