码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2015-09-13 00:47:56      阅读:200      评论:0      收藏:0      [点我收藏+]

标签:

     这两天因为一些公司业务上的原因,学习了一些关于网站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/

 

 

 

     

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

标签:

原文地址:http://www.cnblogs.com/shijia-dreamhome/p/4803870.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!