web前端之网站seo优化学习笔记

     这两天由于一些公司业务上的缘由，学习了一些关于网站seo优化的方法和技巧。

     以前在码代码的过程当中其实尚未考虑过对于网站导流和优化网站关键字搜索排名的问题。

     在了解了一些这方面的资料以后，以为这是一个颇有意思的领域。把这几天的学习笔记记下来。

     我的理解是在一个项目基本上完成主要需求后须要运营需求加入的时候，此时seo优化就很是重要。因此在网站开发的最开始有经验的前端coder们在搭架子的时候就应该提早把之后运营汪们可能会提出的运营需求，特别是一些针对影响关键字排名和与搜索引擎相关的部分就能够考虑进去。整站seo优化是个很大的工程。这几天看到一篇13年讲到京东的seo优化的帖子，说到当时的电商网站里京东的seo优化作的是最好的。私觉得从13年到如今可能京东的seo在大型电商网站里仍是作的最好的。毕竟到如今为止在百度搜［淘宝］仍是第一个跳出来京东。因此这篇帖子的参考价值依然很是大。（帖子地址会贴在最后）

    首先来讲说什么是seo，SEO由英文Search Engine Optimization缩写而来， 中文意译为“搜索引擎优化”。SEO是指从天然搜索结果得到网站流量的技术和过程，是在了解搜索引擎天然排名机制的基础上， 对网站进行内部及外部的调整优化， 改进网站在搜索引擎中的关键词天然排名， 得到更多流量， 从而达成网站销售及品牌建设的目标及用途。（来源百度百科）

   seo的核心思想是：每一个页面抓取几个关键字（通常不超过5个）进行核心优化，想试图经过一个页面就作完全部关键字，是不可能的。

   seo优化的基础思路：（四处一词）

（1）当前页面的title上出现这个关键字；

（2）当前页面的keywords和description中出现这个关键字；

（3）当前页面的内容里屡次出现这个关键词，而且在第一次出现的时候，加粗；

（4）其余页面的锚文本里，出现这个关键词。

   下面来讲说看对于网站seo优化的具体方法总结。

（1）调整页面代码结构和标签。这里我以为就算不从seo的角度来看，有良好编码习惯的前端开发人员也都是应该作到的。css，js和html分离原本就是最最基础的开发习惯。这样不只仅可以提升编码速度和代码整洁度，更有利于搜索引擎抓取有用的内容。图片使用雪碧图也是好习惯，由于每一张图片都会发送请求，经过css来调整一张雪碧图的不一样显示位置也是提升用户体验的很好的方法。

（2）让重要内容优先加载。搜索引擎蜘蛛爬行抓取页面的顺序是从上到下，从左到右，因此最早出现的的连接和关键字权重也会越大。能够经过人为调整html结构来完成seo优化。而金三角，指的是google抓取关键字重点位置通常分布在页面左上，呈三角形。

（3）title。title标签是最最最重要的一个部分。要放在description和keywords以前。最好是不一样的页面都能考虑到title的书写合理性，不一样的页面，都能根据页面的特色，设置不一样的title，优化重点突出。

      京东标题优化的思路是：从京东品牌，到热门商品分类，再到具体商品分类，再结合长尾关键字。长尾关键字也是很重要的一环，咱们后面再说。

（4）每一个页面只出现一个<h1></h1>标签。<h1></h1>标签的权重仅次于title。通常资讯详情页和商品详情页标题，都放在<h1></h1>里。

（5）<meta>标签优化。meta标签的做用是跟搜索引擎解释你的网页是有关于哪些信息的。这里咱们只说和seo优化有关的description和keywords标签。description标签一般排在title以后，keywords以前。是用于描述网站，这些描述将鼓动人们浏览你的网站而不是你的竞争对手的，通常在150字以内。keywords中只能包括与你本页内容相关的关键字列表。全部关键字必须与本页内容相关。“逗号”表示“或”，“空格”表示“与”，搜索引擎会把空格分开的关键字根据必定的方式进行组合。关键字不宜以统一形式重复3——6次，重复过多会产生关键字垃圾，所以还有可能会受到惩罚。

（6）关键字合理布局，合理使用<h1>-<h6>,<strong><em><b>这类的标签，都有利于影响关键词排名

（7）图片的alt属性。全部图片都加上alt属性，title属性可选，若是商品详情页，都写上了title和alt，容易形成关键词堆砌，因此通常建议只加alt属性。

（8）连接可根据实际需求添加title属性和nofollow属性。nofollow这个标签的意义是告诉搜索引擎"不要追踪此网页上的连接或不要追踪此特定连接"。非特殊性连接，必定要写href，由于搜索引擎对js的支持一般来讲不好，图省事用click事件的程序员看到这里估计已经哭晕在厕所。快从厕所出来，之后改掉这个坏毛病。对于不须要排名的连接，请必定加上nofollow属性。加上此属性的连接，权重就再也不传递。

（9）页面内容尽可能不要作成flash和图片，视频。由于搜索引擎抓取不到抓取不到抓取不到。重要的事要说三遍。

（10）网站结构尽可能呈扁平状，目录结构不宜过深，不然不利于搜索引擎抓取。

（11）ajax动态加载的内容，搜索引擎没法识别。（这里不知道如今是否仍是这样，有懂得大大能够出来讲一说）。对于一些关键的连接组和商品，采用直接输出到页面的方式，优化用户体验的同时兼顾seo。

（12）站内锚文本。<a href="*****.com">站内锚文本</a>.搜索引擎会根据这个“站内锚文本”来理解这个href是作什么的。若是一个页面的站内锚文本足够精确，那这个网站页面在搜索引擎里面的排序就有极大的机会排在靠前的位置。

（13）反向连接。友情连接就是反向连接的一种。优化关键字排名的核心就是获取大量高权重，高PR的反向连接，能在短期内将关键字排名提升到首页前三位。

（14）长尾关键词   单次搜索次数比较少，但整体数量巨大的非热门关键词。从流量来源来看，seo整站优化带来的流量，特别是大量长尾关键词带来的流量将远远大于其首页带来的流量。

（15）站点地图和rss订阅。给本身的网站作一个站点地图和rss订阅也会影响排名。

（16）作好404页面。不只是为了提升蜘蛛体验，也是为了用户体验的更好。

  暂时就关于前端的seo优化就更新在这里。若是有不对的地方还请指正。谢谢收看。么么哒。

 京东seo站内优化分析贴地址：http://www.ghugo.com/jd-seo/