前端开发工程师不仅需要要跟视觉设计师、交互式设计师配合,完美还原设计图稿,编写兼容各大浏览器、加载速度快、用户体验好的页面。现在还需要跟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次,过深不利于搜索引擎的抓取。
注意:内容为王的时代,还是要有价值输出作为最重要的依靠,切莫舍本逐波,打造自己的IP。
1、原创内容,SEO编辑文章是站在SEO的角度思考,以一个非专业人士的角度撰写文章。那么即便是原创的文章对于用户而言价值可能不大,但是如果有行业的专业人员花时间写一篇原创的文章能给网站带来不少的价值。SEO人员也可以写一些原创的文章,比如在运营SEO博客、或者长时间积累一个行业成为了专业人员。2、网上资料整合
这并不是所有人认识的那样简单的复制黏贴,简单的拿来主义并不能创造价值。所以在整合网上资料时要增加附加价值:
(1)网上资料很多,整理资料时要选择即使是同样主题的文章,你选择的文章会有不同的观点或者是包含的内容更加全面和新颖。
(2)搜集来的文章要做处理,比如段落清晰、去除不必要的句子、去掉超链接、去掉广告、统一字体和颜色等等。
(3)添加别的文章没有的内容让文章阅读起来更加容易理解,比如图标、图片、视频、动画等等
3、专业资料整理。专业资料整理需要花更多的时间,因为专业资料的获取途径很少而且有的还没有出现在网上。很多机械行业公司会有一些非常专业的资料,会编辑一个小册子,但是不会放到网上。也有一些专业的杂志或者资料,大部分聚集在某一个网站,大部分SEO还不知道这些寻找的途径,主要有:订阅行业资料、购买最新的行业书籍、企业内部资料、关注专业网站更新。
4、用户自发的投稿。比如养羊吧是一个论坛,论坛的内容是用户主动发布到网站的,这些内容是用户在平时的养羊过程中遇到的具体的问题,所以是绝对的原创内容,更为重要的是用户发表了这些内容会经常来关注是否问题已被解答。
欢迎分享,转载请注明来源:夏雨云
评论列表(0条)