深圳易捷网络科技财税咨询网-neatmaster518.com 返回首页

前端开发人员应考虑哪些SEO优化技巧

信息来源:深圳市易捷网络科技有限公司
信息发布时间:2024/9/19

前端开发工程师不仅需要要跟视觉设计师、交互式设计师配合,完美还原设计图稿,编写兼容各大浏览器、加载速度快、用户体验好的页面。现在还需要跟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次,过深不利于搜索引擎的抓取。

相关行业资讯

1、制作网页设计的好坏如何定义
2、网站制作详细步骤
3、“互联网+”时代,网站建设呈现不一样趋势
4、重复收录页面的产生_网站运营
5、移动网站建设中长滚动页面的优点
6、 如何加快百度考核期
7、网站制作后如何做好后期的日常更新维护
8、在深圳建设企业网站的费用范围是多少
9、关键词密度分配
10、新网站应该如何做SEO优化
11、你的网站打开速度怎么样
12、企业建设网站一般需要哪些功能模块
13、网站建设哪家公司好,如何进行判断
14、个人网页的制作细节有什么
15、SEO优化之图片技巧
16、门户网站运营初期的3点经验
17、企业建网站网站的名称
18、站长如何保护自己的原创文章
19、网站运营规律性更新高质量文章有何技巧
20、几个决定网站生死的重要因素
21、高端网站建设时应怎样设计页面
22、在深圳网站制作中如何权衡SEO优化和用户体验设计
23、分析网站优化中哪些是高质量外链如何建设
24、如何提高网站建设行业软文的收录量
25、驳“网站制作简单论”
26、四条经验让你的网站运营更加得心应手
27、 网站微调优化技术你知道多少_网站运营_深圳网络公司
28、公司网站建设需要考虑哪些问题
29、建设网站前如何将资料准备周全
30、地方站的名称选择
31、快照又神奇穿越了,你怎么看
32、新手小白应该如何更好的去做网络推广
33、如何写行业类软文
34、2020年春节放假安排通知
35、改进电子商务网站建设的途径
36、关键词排名上不了首页SEO技术不行
37、关键词优化方法关键词优化工具有什么
38、收录量骤降的原因有哪些
39、SEO优化进阶之内容更新怎么来做
40、网站的数据怎么恢复和清除
41、做SEO经常没效果原因何在
42、 多样化的外链是如何布局的
43、如何建立一个网站 建站步骤介绍
44、企业网站制作如何选择网站空间
45、网站设计中的交互设计原则
46、七大毁掉网站设计的因素
47、如何才能做好营销型网站优化
48、互联网都经历过哪些变革
49、你知道seo优化单页面的好处吗
50、 地方网站的逆袭:得屌丝者这能得天下
深圳市易捷网络科技有限公司版权所有    粤ICP备2022153140号