网站前端做seo该学习什么！

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

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

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

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

　　什么是SEO：

　　以下内容摘自百度百科：

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

　　SEO原理

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

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

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

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

　　SEO优化

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

　　页面抓取

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

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

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

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

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

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

　　保证我们的页面是蜘蛛可读的。

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

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

　　URL与301

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

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

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

　　分析入库

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

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

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

　　检索排序

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

　　TDK优化

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

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

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

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

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

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

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

　　description就是用自然语言描述页面的主要内容seo工具三到五个最佳。尽量覆盖每个关键词。

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

　　提升页面关键词密度

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

　　我们在百度搜索“seo教程”排在第一的是SEO研究院https://www.yuntianxia.com/这个就不解释了。我们就分析一下为啥携程会排名这么靠前。

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

　　页面头部

　　页面底部

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

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

　　细枝末节但不可忽视的优化

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

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

　　……

　　其他优化点

　　友情链接

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

　　关键词筛选

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

　　利用好分析工具

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

　　结语

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

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

　　SEO研究院点评：

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