WEB前端开发中的几个SEO注意点

WEB前端开发中的几个SEO注意点,第1张

近几年来,SEO在国内得到了蓬勃的发展,其中很多的SEO技术越来越体现在web前端的一些细节上。要做好SEO,web前端这一块也要做必不可少的优化。

这就要求我们WEB前端工程师在开发页面的时候,要写出规范标准的代码,符合SEO,做好用户体验。

以下是一些在平时工作中总结的一些前端开发中的SEO注意点,其实很多也是前端的基础知识,仅供大家参考。

1、网站布局要做到样式与页面分离,删除页面中不必要的标签和元素。

2、页面生成要尽量小,要压缩页面的大小,页面尽量使用静态或伪静态。

3、所有的CSS、JS都要使用外部调用。

4、外部调用的JS文件的代码能放在底部的尽量放在底部,页面调用的css文件的代码尽量都放在head内,同一页面尽量不要超过3个JS外部调用。

5、每个页要只能出现一次H1标签,H2~H6标签可以多次,这样做是为了加重H1标签的权重。

6、除首页外别的页面要加面包屑型路径,导航一定要清晰。

7、网站一定要兼容脑残的IE各版本和FF等主流浏览器,这个虽然感觉对SEO影响不大,但是作为前端,这也是最基本的吧。

8、图片一定要添加alt属性,链接一定要添加title属性。

9、网站结构呈扁平状树型,目录结构不宜过深,每个页面离首页最多点击3次,过深不利于搜索引擎的抓取。

10、做好404页面,并测试其返回状态码为404。

11、确保网站代码无误,HTML能通过W3C版本。

今天小编要跟大家分享的文章是关于想成为合格的web前端人员应该注意的几点!想要成为一个月薪过万,企业争相互抢的web前端开发工程师,光掌握基本开发技术是远远不够的。今天为大家总结五点不能忽略的技术要领,希望可以帮到各位。下面我们一起来看一看吧!

一、以为不需要学习后端知识

随着行业在发展着,前端的功能越来越强大。离线数据库能提供数据存储和管理的功能,但不会写SQL语句显然已经行不通。

WebSocket能提供即时通信,但不了解socket和WebSocket的区别,能和后端开发(很多后端开发只会socket技术)一起搭建吗?

加快页面展示速度不只是要从前端分析,后端也要考虑到,使用keepalive、缓存等后端技术能使页面更快地打开。

二、网页考虑不周全

大部分前端呈现使用DOM,但DOM用得多了会有性能问题。现在很流行列表页页底上拉加载更多,但很少有前端关注加载的极端问题,如果一个页面我下拉了很多次,加载了几千个DOM,会发生什么问题?答案是轻则页面响应缓慢,重则浏览器闪退。

另外举个例子:LocalStorage使用起来确实方便,很多企业的前端重度依赖它,甚至知名的前端开发框架也依赖它。但它有个缺点——有容量限制(2.6M-10M),我们得考虑极端情况,当LocalStorage空间快满时,怎么处理。或在架构上避免这种极端情况的发生。

三、效果只需懂JS

有些人会认为,前端开发只有js,其实非也,不是所有的效果只有js能够解决问题,还需要掌握很多知识,比如:浏览器原理,html5,css3等。比如说做一个触摸屏上的转盘,看似一个简单的效果,但是代表了前端知识的综合应用。你没有触摸屏开发经验,不知道CSS3或canvas,不了解网页优化,是做不出来的。前端是综合技术的应用,只会JS是解决不了问题的。

四、不尝试新技术

我们已经有新的技术了,不要把它们浪费了,是时候对以前的网页和以前的操作方式进行变革了。试问一下自己,网页用了CSS3动画吗?网页支持多点触摸操作吗?距离感应器,动作感应器,你用了没有?并不是说为了用而用这些新技术,而是更应该将技术不断提升,将新技术运用到工作中。

五、不考虑SEO问题

WebApp一直在觊觎NativeApp的位置,有的WebApp和NativeApp根本看不出差别。Web

App大红大紫,各种前端MVC框架也风声水起,但它们都有个问题,几乎没法做SEO,因为搜索引擎无视JS。流量是企业的立命之本,SEO做得好能引来大量的流量,所以前端还是得考虑SEO问题。

前端工程师是一个高薪职业,希望大家能够不断优化自己的工作,为用户创造出更多有价值的WEB

。学习前端开发没有任何捷径,如果要想提高学习效率,推荐以系统化教程为主,专业行业大牛辅助进行学习。这样知识点覆盖会更广更深。

以上就是小编今天为大家分享的关于想成为合格的web前端人员应该注意的几点的文章,希望本篇文章能够对正在从事web前端工作的小伙伴们有所帮助。想要了解更多web前端知识记得关注北大青鸟web前端培训官网。最后祝愿小伙伴们工作顺利!

前端开发是创建Web页面或app等前端界面呈现给用户的过程,通过HTML,CSS及JavaScript以及衍生出来的各种技术、框架、解决方案,来实现互联网产品的用户界面交互。前端是互联网时代软件产品研发中不可缺少的一种专业研发角色。从狭义上讲,前端工程师使用HTML5、CSS、JavaScript等专业技能和工具将产品UI设计稿实现成网站产品,涵盖用户PC端、移动端网页,处理视觉和交互问题。从广义上来讲,所有用户终端产品与视觉和交互有关的部分,都是前端工程师的专业领域。【点击测试我适不适合学设计】

您有意向学习前端的话,千锋教育是一个不错的选择。千锋的教育培训业务致力于培养高质量数字化技术技能人才,主要提供大学生技能培训、职后技能培训等,课程涵盖前端、Java、Python、大数据、软件测试、物联网、云计算、网络安全、Unity、区块链、UI/UE设计、影视剪辑包装、商业插画、游戏原画、全媒体运营、产品经理等;此外还推出了软考、Adobe认证、PMP认证、华为认证、红帽RHCE认证、工信部认证等职业能力认证课程;同期成立的千锋教研院,凭借有教无类的职业教育理念,不断提升千锋职业教育培训的质量和效率。


欢迎分享,转载请注明来源:夏雨云

原文地址:https://www.xiayuyun.com/zonghe/724939.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-08-09
下一篇2023-08-09

发表评论

登录后才能评论

评论列表(0条)

    保存