企业互联专注网站建设+网站改版+新站seo优化,是专业的网站推广/网络推广外包公司
400 0082 880
前端优化该学习什么
拥抱趋势 专业优化 快速打造能赚钱的网站
马上咨询
2015-03-31 09:48:53阅读:73来源:seo优化公司作者:企业互联
[导语]智唯网络为你推荐文章《前端优化该学习什么》(本文主要讲述:网站前端工作人员不可避免的会与优化打交道,会优化的前端也会更吃香。为什么说是择优呢?下面我给你慢慢分析。这里不需要考虑重复提交的问题。在技术博客里,提及这一块的也寥寥无几。页面头部页面底部页面很清晰表明了关键词出现的地方,我们发现这个页面除了正文部分外,还设置了许多的模块,这些模块看似只是一些简单的链接,实际上他们更重要的使命就是服务优化,提升关键词的密度......)如果你对文章有兴趣,欢迎关注我们
本文对73人有所帮助,共有2784个文字,预计阅读所需时间7分钟

前端优化该学习什么

网站前端工作人员不可避免的会与优化打交道,会优化的前端也会更吃香。 很多时候,从事网站前端开发的朋友缺乏对优化的基本了解,导致整个建站,运营效率偏低。实际上优化对于前端来讲很有必要,学习一些通用的优化技术,

前端优化该学习什么

网站前端工作人员不可避免的会与优化打交道,会优化的前端也会更吃香。

很多时候,从事网站前端开发的朋友缺乏对优化的基本了解,导致整个建站,运营效率偏低。实际上优化对于前端来讲很有必要,学习一些通用的优化技术,不耗时不费力,又可提升工作效率,提升自身能力,很好很好。

研发的同学,其实很多人并没有深入了解优化这个概念。在技术博客里,提及这一块的也寥寥无几。我今天就拿自己的经验,简单给大家扫个盲,有什么遗漏的地方,欢迎大家补充。

文字内容有点多,但是干货满满,请耐心阅读!

什么是优化

以下内容摘自百度百科

优化(Search Engine Optimization):汉译为关键词优化。关键词优化是一种利用搜索引擎的搜索规则来提高目前网站在有关搜索引擎内的自然排名的方式。优化是指为了从搜索引擎中获得更多的免费流量,从网站结构、内容建设方案、用户互动传播、页面等角度进行合理规划,使网站更适合搜索引擎的索引原则的行为。

优化原理

其实搜索引擎做的工作是相当复杂的,我们这里简单说一下大致的过程。后续针对优化如何seo,也会根据这几个点展开描述。

页面抓取 蜘蛛向服务器请求页面,获取页面内容

分析入库 对获取到的内容进行分析,对优质页面进行收录

检索排序 当用户检索关键词时,从收录的页面中按照一定的规则进行排序,并返回给用户结果

优化seo

既然是seo,那我们就得遵循优化的原理来做,可谓知己知彼,百战不殆。针对上面提出的三点,我们分别展开叙述。我们这里主要以百度蜘蛛举例。

页面抓取

如何才能吸引蜘蛛光顾我们的网站,如何才能让蜘蛛经常光顾我们的网站。这里提出以下几个seo点

提交页面。提交页面又分为几种不同的方式

sitemap提交。sitemap,顾名思义,就是网站地图,当蜘蛛来到我们的网站时,告诉它我们有多少页面,不同页面是按什么分类的,每个页面的地址是什么。顺着我们的指引,蜘蛛会很轻松的爬遍所有内容。另外,如果你的页面分类比较多,而且数量大,建议添加sitemap索引文件。如果站点经常更新添加新页面,建议及时更新sitemap文件;

主动提交。就是把你的页面直接丢给百度的接口,亲口告诉百度你有哪些页面,这是效率** 高也是收录** 快的方式了。但是需要注意,百度对每天提交的数量是有限制的,而且反复提交重复的页面,会被降低每日限额,所以已被收录的页面不建议反复提交。收录有个时间过程,请先耐心等待;

实时提交。在页面中安装百度给的提交代码,当这个页面被用户打开我,便自动把这个页面提交给百度。这里不需要考虑重复提交的问题。

以上几种提交方式可以同时使用,互不冲突。

** 我们的页面是蜘蛛可读的。

早在ajax还没流行的的时候,其实优化对于前端的要求并没有很多,或者说,那个时候还没有前端这个职业。页面全部在服务器端由渲染好,不管是用户还是蜘蛛过来,都能很友好的返回html。ajax似乎原本是为了避免有数据交互导致必须重刷页面设计的,但是被大规模滥用,一些开发者不管三七二十一,所有数据都用ajax请求,使得蜘蛛不能顺利的获取页面内容。庆幸的是这反倒促进了前端的飞速发展。

到了后来,各种SPA单页应用框架的出现,使得前端开发者不再需要关心页面的DOM结构,只需专注业务逻辑,数据全部由Javascript发ajax请求获取数据,然后在客户端进行渲染。这也就导致了老生常谈的优化问题。百度在国内搜索引擎的占有率** 高,但是很不幸,它并不支持ajax数据的爬取。于是,开发者开始想别的解决方案,比如检测到是爬虫过来,单独把它转发到一个专门的路由去渲染,比如基于Node.js的Jade引擎(现在改名叫Pug了),就能很好地解决这个问题。React和Vue,包括一个比较小众的框架Marko也出了对应的服务端渲染解决方案。详细内容查看对应文档,我就不多说了。

URL与301

URL设置要合理规范,层次分明。如果网站到了后期发现URL不合理需要重新替换时,会导致之前收录的页面失效,就是我们所说的死链(这种情况属于死链的一种,404等也属于死链)。所以一定要在建站初期就做好长远的规划。一旦出现这种情况也不要过于担心,我们可以采取向搜索引擎投诉或者设置301跳转的方式解决。

URL层级嵌套不要太深,建议不超过四层。增加面包屑导航可以使页面层次分明,也有利于为蜘蛛营造顺利的爬取路径。

除此之外,将指向首页的域名全部设置301跳转到同一URL,可以避免分散权重。

分析入库

当蜘蛛把页面抓取回去之后,就需要对页面内容进行分析,并择优收录入库。为什么说是择优呢?下面我给你慢慢分析。

搜索引擎的目的是给用户提供高质量的、精准的搜索结果。如果整个页面充斥着满满的广告和各种不良信息,这无疑会很大程度上影响用户体验。

除此之外,你肯定不希望自己辛辛苦苦创作的文章被别人轻而易举的抄走,所以搜索引擎在一定程度上帮助你避免这种情况的发生。对于已经收录的内容,搜索引擎会降低其权重,甚至直接不收录这个页面。即便是这样,为了** 页面的新鲜度,很多网站都会爬取或者转载其他网站的内容。这就是我们经常听到的伪原创。所以,想要让你的页面能够以较高的权重被收录,就需要坚持更新网站内容,并且是高质量的原创内容。

检索排序

这块我的理解是,页面被收录后,会给每个页面打一些tag。这些tag将作为搜索结果排序的重要依据。比如用户搜索“优化教程”,搜索引擎会检索收录页面中被打了“优化教程”tag的页面,并根据一系列规则进行排序。所以,如何提升这些tag在搜索引擎里面的权重是至关重要的。

TDKseo

TDK是个缩写,优化页面中的页面描述与关键词设置。

其中”T”代表页头中的title元素,这里可能还要利用到分词技术,当标题(Title)写好后,我们就尽可> 能不要再去修改了,尽量简洁,没意义的词尽量不要加入到标题中,避免干扰到搜索引擎识别网站主题。

其中”D”代表页头中的description元素,要知道描述是对网页的一个概述,也是对title的补充,因为title中只能书写有限的字数,所以在description中就要稍微详细的补充起来,一般用一句两句话概括文章的内容。

其中”K”代表页头中的keywords元素,提取页面中的主要关键词,数量控制在三到六个内。想方设法让主关键字都出现。

以上内容摘自百度百科,这里需要补充几点。

TDK是搜索引擎判断页面主题内容的关键,所以要在title里面言简意赅的体现出页面的主要内容,如果主体比较多,可以用一些符号把不同的主题词隔开,但是关键词不要太多,** 多不要超过五个。

keywords里面把每个关键词用英文逗号隔开,三到五个** 佳。尽量覆盖每个关键词。

description就是用自然语言描述页面的主要内容,这里注意一点就是把每个关键词至少覆盖一遍才能达到** 佳效果。

提升页面关键词密度

首先说个概念,叫关键词密度。简单理解就是关键词在所有文字内容中出现的比例。提升关键词的密度,有利于提升搜索引擎针对对应关键词的搜索排名。但并不是我们整个页面密密麻麻堆砌关键次就好,我们来分析一个案例。

我们在百度搜索“优化教程”,排在**的是优化教程自学网https://www.xmin优化.com/,这个就不解释了。我们就分析一下为啥携程会排名这么靠前。

前端优化该学习什么

通过查看百度快照,可以一目了然的看到页面上究竟哪些地方命中了这些词。

页面头部

前端优化该学习什么

页面底部

前端优化该学习什么

页面很清晰表明了关键词出现的地方,我们发现这个页面除了正文部分外,还设置了许多的模块,这些模块看似只是一些简单的链接,实际上他们更重要的使命就是服务优化,提升关键词的密度。同时,这些链接都是指向网站内部的链接,通过这样的方式,还可以在不同的页面之间相互投权重。可以说小链接,大学问!

你以为到此结束了?并没有。请仔细观察页面上这些模块的内容设置。分别覆盖了技术、视频等等,可以说是涵盖了你要优化教程周边的大部分需求。这样一来,不管你搜哪些有关于“优化教程”的关键词,比如“优化视频教程”,“优化技术教程”等都会命中这个页面的词,这使得这个页面的关键词数量得到提升,更容易得到曝光。

细枝末节但不可忽视的seo

页面上经常会有各种图片,对于搜索引擎来说,它是不识别图片上的内容的。你可能知道代码中img标签的alt属性是为了图片加载失败的时候,给用户看的。这个属性表明了这张图的内容。其实搜索引擎在分析页面的时候,也会根据这个词去判断图片的内容,所以要给页面上有意义的图片都加上alt属性,写清楚图片索要反映的内容。

页面上的出站链接(也就是指向别的网站的A标签),我们要给它加上nofollow标签,避免它向别的网站输出权重。百度蜘蛛会忽略加了nofollow 的链接。你也可以在网页的meta标签里这么写<meta name=”robots” content=”nofollow” />,这样一来,百度蜘蛛将不追踪页面上的所有链接,但不建议这么做,除非这个页面的所有链接都指向了别的域名。

……

其他seo点

友情链接

我们经常会在页面底部看到友情链接。友情链接是作为网站之间相互交换流量,互惠互利的合作形式。事实上,友情链接对网站权重提升有着至关重要的作用。友链不仅可以引导用户浏览,而且搜索引擎也会顺着链接形成循环爬取,可以有效提升网站流量和快照的更新速度。

关键词筛选

借助站长工具、爱站网或者各种站长后台我们可以分析出ip来路,以及关键词的搜索热度和相关词,我们再把这些词以一定的密度添加到页面中,以此来提升命中率。这里主要是运营同学的工作,我不专业,也就不展开说了,更多功能大家自行摸索。

利用好分析工具

我们要在自己的站点安装百度统计代码,这样就可以分析出站点内用户的关注度和浏览流程,以此来不断seo站点结构,提升用户的留存率。同时也可以做用户画像,分析用户数据等等。

结语

想要做好优化并不是一件简单的事,需要持之以恒,面面俱到。对网站持续关注,并保持更新。从长远打算,切不可投机取巧,只图一时的效果做违背搜索引擎的操作,也就是常说的黑帽优化,否则被百度K掉就得不偿失了。

以上观点只是我** 近学习的一些总结,并不权威,希望给不了解这块的研发同学简单扫个盲,如有错误,还请各位指正与补充!

优化教程自学网点评

技多不压身是恒古不变的道理,作为前端,更多的学习前端周边知识如优化,对于提升工作效率的结果是明显的。作为优化技术人员,多了解前端,了解服务器知识等,也是同样的道理。

参考资料

链接 https://www.imooc.com/article/44513

优化需要掌握哪些技术https://www.xmin优化.com/13767.html

如何优化:
1.不利于网站优化的一些因素 2.如何对目标关键词进行优化 3.选择长尾关键词应具备的技巧 4.网站结构优化的作用 5.静态url VS 动态url 6.如何辨别友情链接交换中那些作弊行为 7.友情链接检查工具的使用 8.网站优化需要分析哪些数据
总访问数:38513721 文章总数:9823 建站天数:2445
相关阅读
01
想要成为优化技术大拿?我给您支几招
  要做好一个网站,具体有一下几个步骤。** 好能让用户清楚的了解各个层级的入口,使用户操作起来更加便捷,一目了然。然后就是关于建设网站中的一些设置问题。你要先想好你要做一个关于什么样内容的网站。你要先想好你要做一个关于什么样内容的网站......[详情查看]
02
怎么做友情链接和如何寻找
  B2-20070315。10,检查对方加自己的链接是否是真实链接,友情链接欺骗检查工具:。企业互联是一家专注建站和搜索引擎seo网站优化的网络服务公司,主营业务百度网站排名,网站seo见到效果再付费,致力于为企业提供建站,整站seo,网站设计,开发等一体多样化的网站营销服务,。4,百度谷歌收录的数量比例:如果少于100页,就要慎重,我们知道少于100网站优化seo页,有可能是新站,也有可能是被K过......[详情查看]
03
SEO排名如何做
  seoSEO到底是“方法”重要还是“技术”重要,个人觉得是分不开的,大局观用方法,细节用技术。如果有人能够参透百度的核心算法,那么百度也不配算是国内** 好的IT公司之一了。百度的算法是不会被人所知道的,但是我们可以重经验来推测其算法的核心,但也只是很小的一部分。百度的算法是不会被人所知道的,但是我们可以重经验来推测其算法的核心,但也只是很小的一部分。seoSEO到底是“方法”重要还是“技术”重要,个......[详情查看]
04
如何seo你的网站?
  在这里,我们不会再多说关于平台链的高质量等等,关键是要有本身的手艺!。怎样seo你的网站?怎样seo你的网站?站内seo起首,确定网站的关键词。做好这方面的事变不只有利于优化职员的数据说明,也有利于内部链。你可以先筹备50篇文章,前30篇,然后在接下来的两到三篇之后,假如你认为你的文章更好,但** 好不要漫衍不匀称。怎样seo你的网站?站外的seo站外seo就是发外链了,虽然是高质量的外链,一些高质量......[详情查看]
05
优化技术分享 第51页
  。。2018-10-11企鹅博客阅读(441)赞(0)聊成优化卡硕网络:这样实现百度快照显示LOGO图片近期有不少客户问我们:别人的网站快照中怎么能显示图片?我们能不能实现呢?这种图文并茂的显示,确实能为网站带来不错的效果。2018-10-11企鹅博客阅读(441)赞(0)聊成优化卡硕网络:这样实现百度快照显示LOGO图片近期有不少客户问我们:别人的网站快照中怎么能显示图片?我们能不能实现呢?这种......[详情查看]
06
关键词挖掘,挖掘关键词的方法
  说到网站优化seo,关键词挖掘这个问题不得不说。com,大家可以去看看。5118的网址是www。五有朋友具体问到金花关键词挖掘工具怎么样笔者认为,还不错,目前用的人也很多,大家不妨去试试,只要试过才知道到底行还是不行。关键词挖掘的方法有哪些,下面我们来一一分析:一利用竞品网站进行关键词挖掘这是挖掘关键词** 有效的方法之一,尤其是在对行业不了解的情况下,找出几家行业里优化做得好的网站,然后利用相关的站......[详情查看]
07
301永久重定向操作方法
  对于搜索引擎优化|优化,会向搜索引擎提供一个友好信息,告诉它该页面已被永久重定向,以避免搜索引擎查找该页面。我将从我的域名cqseor。问:旧域名会跳到新域名,是只有首页301行还是必须全部301页答:所有第301页至新域名页必须是相应的页面。相反,重定向意味着**个页面通知浏览器发送一个新的页面请求。不过,转发后,浏览器URL仍指向起始页......[详情查看]
08
网站在搜索引擎的排名
  所以搜索引擎也会根据网站的内容去进行筛选,这样的话,就可以为搜索用户提供一个更为优质的服务,让搜索用户能够用** 短的时间可以去获得自己想要的内容。网站在搜索引擎的排名很多网站都想在搜索引擎中能够有一个排名靠前的位置,因为处在搜索引擎排名靠前的话是可以获得更多的点击量的。网站在搜索引擎的排名很多网站都想在搜索引擎中能够有一个排名靠前的位置,因为处在搜索引擎排名靠前的话是可以获得更多的点击量的。其实搜索......[详情查看]