前端规范化对网站制作的重要性。

前端在日新月异的发展下,给开发人员带来便捷与高效,也给开发人员带来挑战与思考;开发过程中一千个人之中有一千个哈姆雷特也出现了一千份截然不同的代码,使得代码的管理以及维护带来困难,在此基础下,不同的团队在自身的环境下具体问题具体分析后制定出自己的一套规范,由此,展开了规范化在于项目过程中的重要性讨论。

项目开发过程中不是一蹴而就,而是由简入繁的过程,这个过程受到不同因素影响,从未知的影响下转化为已知的过程,往往带来的结果就是对于项目的调整,这是一个不可避免的流程。在这个不可避免的流程下,提出自己的第一个观点,规范化对于项目的重要性之一则是利于对项目的维护。由此,可以提出另外一个开发疑问,什么样的规范化利于项目的维护;在我理解情况下,主要有一下几点。

一、代码的注释:

前端规范化对网站制作的重要性(图1)

前端规范化对网站制作的重要性(图2)

上面的两段代码在实现的过程中假设是A开发人员,在修改的过程中需要B来修改,在一个庞大的项目中B为了修改代码需要读懂A开发人员写的代码,在没有注释的情况,无疑会给B开发人员带来难度,项目越复杂,需要理解的代码就越多,在修改的过程中就会耗费更多的时间。

二、模块化开发:

为什么要开始模块化开发?当一个项目越来越复杂的时候,会出现比较多的问题,比如说全局变量污染问题,功能之间的可关联性太小,不能很好的调用已完成的功能......

前端规范化对网站制作的重要性(图3)

上面呈现代码中,我们可以看到在eat和play两个方法在模块化和普通函数的调用的区别,通过person的类我们把子类封装到自己的私有作用域中,减少了全局的方法,只留下一个接口来进行调用。而普通的函数式直接暴露在window的作用域下,同时假设上面两段代码是A开发人员已经写好的,而B开发人员开始维护,B开发人员这个时候也想实现一个eat和play的方法,这个时候所产生的问题就是,B人员所写的方法名和A人员的方法冲突。或者在其他的情况下,B想修改A的方法,在关联性不强的情况下,也使得B对于A的代码产生难度,(注:这里所说的关联性不是低耦合或者高耦合的概念),这里所指的面向对象的封装概念。模块化的实现不仅可以使得代码的可读性和复用性提高,还能大大的减少代码冲突和无意义的报错。在这里所举例的只是最为的简单的一种封装的模块化,在整站的模块化过程也可以调用框架,前端的模块化框架request.js和服务器框架node.js。

规范化的重要性还远远不止于此,现在说说规范化另外一个重要功能SEO,SEO是搜索引擎的排名机制的基础之上,对网站进行内部的调整及外部的调整优化,好的SEO就像好的影视剧,能让剧中之人露脸频率与被人熟知的机会加大。那么为什么前端的规范化和SEO有关联?SEO的工作过程中是一个网页发现、收集网页信息、之后针对收集的网页信息建立索引库,再由检索器根据用户输入的关键词返回结果。通过这个过程,我们抛出另外一个疑问,这个机制是如何搜集信息,而我们的规范化是如何让我们的信息被搜索引擎机制所抓取。

一、爬虫通过url超链接从这个网页爬到另外一个网页:

所以url的设计过程中,一方面对于的功能的实现,另外一方面也需要考虑到SEO的优化,具体的表现在于:

1.url尽量简短,在简短的url中使用规范的小写英文关键词。

2.减少域名的收录,一个网站如果有几个不同的域名,对于SEO来说,不能够判断其中哪一个才是正确的,在网页收录的过程中爬虫会收录这几个域名,在搜索过程中显示的网页或许不是你想要的域名,同时一个规范性的域名为http://www.test.cn,不规范的域名为http://test.cn,这些情况下会分散页面权重,不利于搜素排名。虽然在可以通过301重定向来转向权重。但无疑来说,规范的url是对SEO无疑是较好的。

二、通过标签来提高SEO的收录:

当搜索引擎抓取到了一个新的站点,爬虫将会对这个站点进行收录。为了使爬虫的抓取更为高效,也需要开发人员在开发中不仅仅是实现功能,同时也需要考虑网页的结构上对SEO的考虑。

1.html5的语义化的标签出现,对于SEO更加的友好,也促使我们需要合理的使用Html5的标签进行网页结构的布局

2.meta属性content设置搜索引擎搜索到的关键字,content的内容和title标题设置的关键词需要精简。

3.页面中不过多的设置h1标签,也不能不设置h1标签,h1变迁的重要性仅此与title的内容,如果网页中使用不到h1标签,可以设置h1的内容为需要收录的内容,对h1的标签进行z-index的隐藏,不建议使用dISPlay:none进行隐藏,对于display:none的内容,爬虫会默认跳过。同时对于重要的内容渲染不使用js,js的内容和iframer的内容,爬虫的收录效果非常差或者说不收录。

4.图片需要设置alt属性,网页需要设置404页面;之所以需要图片设置alt属性是因为爬虫不认识图片上的内容,只能通过alt进行抓取图片的信息。网页中设置404页面,对于爬虫来说,会不断从当前页面上抽取新的URL放入队列。如果抽取的过程中进入404页面,爬虫会默认回到之前的收录的页面。

规范化是每一个开发人员在不停的思考、经验积累的过程总结出来的一套'标准'。这套'标准'也许没有在开发过程中带来惊喜,但是却会在'隐藏'的地带带来福利。以上所说的规范化,只是蜻蜓点水,还有着许许多多的优势没有体现。(注:以上观点仅为个人观点,如果观点有误。欢迎指正和补充)

本文来自投稿,不代表重蔚自留地立场,如若转载,请注明出处https://www.cwhello.com/217797.html

如有侵犯您的合法权益请发邮件951076433@qq.com联系删除

(0)
重蔚的头像重蔚管理团队
上一篇 2023年2月14日 01:39
下一篇 2023年2月14日 01:40

相关推荐

  • 从僵尸网站到企业网络营销。

    做站这么多年了,经常看到企业商家的网站由于长期不打理,沦为僵尸网站,内容极少更新,甚至是几年前做的内容都在里面,以前什么样儿,现在还什么样儿,个别的十多年了都没改过版,也没更新过内容。我不清楚,这样…

    2023年2月14日
    00
  • SEO对小企业的重要性。

    有成千上百家小企业由于在线业务不佳而未能更好的发展。此外,面对这么多的竞争对手使这项工作变得更加艰难,但是每个企业都必须在这场激烈竞争中生存寻求方法。在这种情况下,小企业生存的一种简单有效的方法是选…

    2022年8月23日
    0112
  • 网站添加短片视频的好处就是提升用户信任度影响搜索结果排名。

    对于SEO员工来说,视频营销相对陌生。很少有人使用视频剪辑来提高搜索引擎优化关键词的排名。然而,从目前的发展来看,视频剪辑变得越来越重要。   据统计,每天浏览视频的时间逐渐超过了阅读视频的时间…

    2022年9月3日
    097
  • 迎来百度飓风30升级上线。

    百度终于迎来了飓风3.0,这一次仍要保持一个健康的移动搜索生态系统,以确保用户体验,确保高质量的站点和智能小程序能够获得合理的流量分配。飓风算法的升级主要集中在跨域获取和站点集群问题上,这些问题将覆盖百…

    2022年8月24日
    076
  • 艾瑞咨询:2022年中国零售私域数智化增长白皮书。

    《2022年中国零售私域数智化增长白皮书》通过对私域数智化发展背景、私域数智化布局及增长痛点\"道\"、\"场\"、\"器\"、\"术\"的分析,梳理零售私域数智化的布局策略,展现\"选平台\"、\"用工具\"、\"重运营\"、\"…

    2023年3月1日 SEO操作
    01
  • 如何优化稳定网站排名?网站优化公司能做到吗。

    为了赢得用户的关注,获得理想的转化率,每个企业都在尽努力赢得消费者的青睐,激发他们的下单欲望。而将自己的网站优化到首页位置是大多数企业的方法,这种方法也是使其尽快实现利润的途径。 因为,很多用户在消费…

    2023年2月24日
    01
  • 如何检查SEO的优化效果。

    今天小编要跟大家分享的文章是关于如何检查SEO的优化效果。一直以来,当我们讨论SEO的成功时,我们经常把搜索引擎排名作为一个重要的衡量标准。但有时,我们会坐下来静静地思考SEO排名的价值吗?我们的客户真的关心…

    2023年2月25日
    01
  • 搜索引擎蜘蛛的抓取频率是衡量网站质量的一杆秤。

    一、网站首页,搜索引擎重要的部分 无论是百度还是谷歌,主页都是评估一个网站的重要参数。对于经常更新的大型网站,百度对主页的访问量非常高,可以实现每日快照和主页上的第二次文章收集。对于更新量小的网站,可…

    2023年2月17日
    01

联系我们

QQ:951076433

在线咨询:点击这里给我发消息邮件:951076433@qq.com工作时间:周一至周五,9:30-18:30,节假日休息