欢迎来到江苏极速云台科技股份有限公司!

前端开发人员需要具备哪些SEO优化技巧

访问量 : 162
编辑时间 : 2019-05-14

前端开发工程师不只需求要跟视觉规划师、交互式规划师合作,完美还原规划图稿,编写兼容各大浏览器、加载速度快、用户体会好的页面。现在还需求跟SEO人员合作,调整页面的代码结构和标签。一些老练的渠道,在开发初期并没有考虑优化问题,所以做出来的页面,就算是作用很炫,功用很强,可是对搜索引擎十分的不友善。任何一个老练的网站,后期页面都是动辄几百万的,到这个时候再来调整结构,既费时又吃力,怕的还是会影响到排名和录入。

所以说与其在后期碰到问题再来调整,还不如把问题解决在源头。我自己也是从事前端开发作业的,下面把我作业过程中,积累的几个开发过程中就需求做好的SEO优化技巧,分享给大家。

1、简化代码结构,更利于搜索引擎剖析抓取有用内容:页面尽量选用DIV+CSS,当然,表格展现模式用table还是比div方便许多的;一切js、css选用外联方式,图片选用css精灵,减少请求次数。看下下面同样的内容,用div和talbe布局的代码比较,清楚明了用div简便的多。

2、重要内容优先加载(一个链接好是网站主关键词,不故意要求),能够用css来处理,索引一篇文章的长度也是有限制的,一定要把重要的内容,优先展现给蜘蛛,这方面你能够经过查看一些比较大的网页快照来求证。

3、每个页面只能出现一次H1标签,H2标签能够屡次:H1权重很高,普遍认为仅次于title,一般资讯详情页的标题、产品详情页的标题,都放在H1里。

4、图片一定要增加alt特点,title特点可选:蜘蛛不认识图片上的内容,只能经过alt特点来判别,假如是产品列表页,一切产品都加了alt和title的话,简单形成堆砌关键词,所以我一般是只加alt特点。

5、图片大小声明:假如图片大小不做定义的话,页面需求从头烘托,就会影响到加载速度。

6、链接可根据需求增加title特点以及nofllow值;非特殊性链接,链接地址一定要写入herf特点,有些前端开发人员为了省事,直接用div加个click事情当链接,在视觉上和使用上确实是实现了链接作用,可是做过SEO优化的人员都知道,蜘蛛目前对于js的支撑很差,基本无法读取里面的链接地址。所以说用click事情是肯定不允许的,特别是一些重要的导航链接。

7、页面内容尽量不要做成flash、图片、视频,这些东西蜘蛛是抓不到的,就算是有必要的,也要生成相应的静态页面。有许多企业站看着很炫,全站flash,老板看着是爽了,做SEO优化的人员就要抓狂了,全站没一个链接。

8、除主页外别的页面好要加上面包屑型导航,导航结构一定要明晰。

9、做好404页面,一般会加主页链接及错误提示,并测试其回来状况码为404:1、用户体会友好,能够留住用户,不至于直接关闭页面;2、蜘蛛友好,能够回来抓取其他页面。

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


前端开发人员需要具备哪些SEO优化技巧
前端开发人员需要具备哪些SEO优化技巧
前端开发人员需要具备哪些SEO优化技巧