首页 > 优化 > 关键词 > 前端开发最新资讯 > 正文

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

2013-01-31 17:32 · 稿源:pangmm.org

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

本文源自胖美美生活馆http://pangmm.org/,如需转载请注明出处,谢谢!

  • 相关推荐
  • 大家在看
  • 榕树贷款:AI加持优化用户体验 满足用户多样金融需求

    金融科技对金融业的影响愈加广泛,对金融业务全过程都产生了深刻影响,新业务模式对传统业务和服务的影响更加深入。总结来看,金融科技在金融行业的发展中扮演了重要的角色:一是推动开展了新的业务,创新了竞争的赛道;二是提高信息传播效率,逐渐替代传统金融机构的作用;三是促进金融机构改进工作流程。 随着金融科技创新进程不断加快,专家认为,只有产生实际效果、增强消费者获得感的金融科技创新,才是有效的。消费者体验是

  • 消费金融潜力突显 榕树贷款精准匹配优化用户体验

    在我国经济由高速增长转向高质量发展的当前阶段,消费经济日渐成为经济发展最重要的引擎之一,我国实际上正步入消费驱动型经济体。有行业报告曾指出,无论基于政策理论,还是国际经验分析,消费金融在一国经济转型过程中具有重要作用,适度发展消费金融有助于拉动消费增长。 相比于传统金融服务,消费金融的最大特性在于其用户体验的全面优化,从用户申请、审核、资金发放等流程的高效、便捷,到消费金融平台充分发挥自身技术优势

  • SEO优化,4个独辟蹊径的策略!

    有的时候SEO工作就是一个数字游戏,每天看着数据的增长,不断的调整相关性的策略,但我们非常清楚,有的时候SEO优化会面临各种调整,特别是同行业之间的竞争。

  • 车轮"加油"频道,深入优化客户体验

    近年来,得益于我国经济高速发展,人们的生活水平稳定提升,汽车消费呈现井喷之势。众所周知,汽车的使用离不开汽油的支持,因此,汽车加油成为用车养车中的主要消费项目。而使消费者在加油中感到便利和实惠,在当今社会人们日益忙碌,压力越来越大的情况下,显得尤为重要。专注于全国汽车生活服务领域的移动互联网公司车轮互联想车主所想,解车主之难,在全国范围内推出了加油服务,"价格优惠"和"一键加油"是其服务的亮点。目前,

  • 信息流优化策略与SEO搜索排名,有关联吗?

    最近,在和SEO你问我答群里小伙伴,私下交流的时候,总是在说一些流量获取的问题,而最为常讨论的情况就是SEO流量与信息流平台的流量。

  • 苹果将向开发者开放U1超宽带芯片 并推出“近距离交互”框架

    【TechWeb】6月24日消息,据国外媒体报道,苹果已经宣布,它将向开发者开放U1超宽带芯片,并在iOS 14中推出一个新的“近距离交互”(Nearby Interaction)框架。苹果外媒报道称,“近距离交互”框架可以帮助搭载U1芯片的设备感知彼此的距离和相对方向。在当前的版本中,超宽带(UWB)技术确实有一些限制。例如,苹果指出,要使该功能正常运行,两台iPhone设备必须是纵向的,以确保距离和方向的准确测量,否则可能会限制测量能力。

  • 渠成的SEO智能营销为用户带来了什么

    渠成作为Netconcepts的创始人,逐步带领公司成为全球领先的互联网营销企业,究竟渠成是靠什么在十几年的时间里,将Netconcepts带向世界前沿的?答案是——SEO。渠成:SEO是核心Netconcepts发展之初,就是以SEO(搜索引擎优化)为核心优势。在渠成的带领下,发展至今,Netconcepts已经成为一家集搜索引擎优化、搜索引擎广告、社会化媒体营销、在线名誉管理、转化率优化服务、移动互联网营销、整合网络营销推广和教育培训为一体的综合?

  • 国潮+科技!LUCI immers带你领略沉浸式电竞新体验

    6 月 20 日,由鼓楼区科学技术局主办的“ 2020 南京创新周中华门潮科技大赛-全民电竞互动赛”在南京鼓楼区水木秦淮文化艺术街区如期开赛。LUCI此次首次来到南京城,并亮相活动现场,通过旗下可穿戴设备——LUCI immers头戴显示器,为现场观众带来身临其境的“沉浸式”科技体验。 目前我国已成为全球电竞产业发展最快、最受关注的地区之一,并成为全球首个开展电竞主客场的地区。随着电竞游戏的全民化,火爆程度仍然维持在较高水平

  • 产品力+洞察式体验,月影全铜吊灯获年轻人青睐

    从“丧文化”到“这届年轻人已经秃了”,在许多人眼中,年轻人似乎要将佛系和低欲望进行到底了。在父辈眼中,他们对任何事情都持“差不多就好”的没所谓态度,没有年轻人应有的热情和活力。而实际上,年轻人所谓的“低欲望”并非是没有需求,而是更加执着于少而精的品质生活,如果不是自己满意的,宁可不要,也不愿将就。殊不知各大电商平台畅销的即食燕窝、蜂蜜、养生糕点再到热搜词“独立设计师”等等,这些“精致而美”的产品都

  • 微软准备Windows Core OS:全力优化Chromium使用体验

    微软正在全力准备新的Windows系统Core OS,作为Windows 10的模块化版本,该软件旨在容纳多种不同外形尺寸的设备。除了类似Chromebook的廉价上网本,Core OS还可在双屏/折叠设备、以及HoloLens 2

  • 三星QLED 8K电视实现“音画合一”的沉浸式体验,很难让人说NO

    一直以来,三星QLED 8K电视通过不断的技术创新,引领着高端电视市场的发展风潮,无论是定位、品质还是工业设计,都绝对符合高端品牌标准。 堪称行业BUG的工业设计很多人好奇,那么强的性能,那么大的屏幕尺寸和电池容量,是怎么做到如此轻薄三星工业设计水准一向如此,三星QLED 8K Q950TS也毫无例外。这款电视配有独立量子点8K处理器芯片,4000nits行业最高亮度,精细化的全阵列直入式背光源系统。但是它怎么做到99%屏占比的?机身

  • 华为天际通汇聚全球旅行攻略,实现“一站式旅行”新体验

    每个人都有一颗热爱旅行的心,在旅途中不仅可以发现更美的自己,还能探寻世界更多的未知。到底尼斯湖有没有水怪?金字塔是不是外星人建造的?世界各地形形色色的麦田怪圈是不是人造景观?带着“十万个为什么”般的疑问,人们踏上了旅行的路途。全球旅行家一路在华为天际通的陪伴之下,与志同道合的旅友一同探秘大自然的恢弘神迹,通过优质目的地网络向世界分享自己精彩的旅行经历。 汇聚全球旅行攻略,实现“一站式旅行”新体验 近?

  • 终身学习者无畏,万门大学VIP一站式学习新体验

    终身学习的概念对许多人来说并不陌生。机遇和挑战伴随着人的一生,但不管是抓住机会,还是迎接挑战都离不开学习带来的提升。那有没有更实在高效的终身学习方案呢?万门大学推出万门VIP,提供一站式终身学习解决方案,为终身学习保驾护航。从万门大学官网了解到,万门大学VIP分为,一年和终身两种权益。平台课程适用人群非常广泛,从适龄中小学生,到升学、考证、跨专业学习的大学生,以及职场白领都能从万门大学VIP提供的服务中享?

  • 抢到就是赚到?小米手环5上手体验:磁吸式充电+小爱同学=独一档存在

    2020年6月11日小米通过直播发布会发布了这款最新的智能穿戴设备,通过官方所宣传的图我们能看到有很多亮点,那么我也是在第一时间拿到了这款小米手环5,那么此次升级的小米手环5究竟有哪些亮点呢

  • iOS 14、iPadOS新细节曝光:重新设计UI、优化手写功能

    明天凌晨开幕的WWDC开发者大会,iOS 14等一大波儿新系统可能并不是苹果的重点,而真正的是主角是基于ARM自研Mac处理器。据最新消息称,即便重点不在新系统上,但苹果依然为iOS 14准备了不少新

  • 外媒:超过60%的用户购买新手机只是为了体验新功能

    据外媒91mobiles消息,根据91mobiles2020 年智能手机买家见解调查,超过60%的用户购买新智能手机只是为了体验最新功能。

  • 潮玩功能不知AI 修复,ColorOS 7.2 给你沉浸式游戏体验

    6 月 5 日,OPPO发布5G视频手机OPPO Reno4 系列,并于 6 月 12 日正式发售。该系列新机在多个方面都实现了大幅度的升级,延续了“5G 视频手机”的定位。硬件方面OPPO Reno4 Pro支持90Hz刷新率和180Hz采样率, 5G+Wi-Fi双通道加速提供更高速用网体验。再搭配上基于 Android 内核深度定制的系统ColorOS 7.2,软件表现方面也是非常亮眼。而ColorOS 7. 2 除了带来全新的OPPO LAB、AI 修复等潮玩功能,在游戏体验方面的优化也是可圈可点

  • 百度MIP功能下线 MIP核心、组件等前端静态资源仍可使用

    6 月 4 日,百度搜索资源平台发布《MIP入口下线通知》称,因业务调整,搜索资源平台的“资源提交-MIP”入口即日起下线。MIP核心、组件等前端静态资源仍正常维护与使用,不影响已改造为MIP标准的站点的正常访问、收录、排序。

  • 安卓抢先体验 《王者荣耀》神优化:更新包大小缩减3-5倍

    每次《王者荣耀》更新,进入游戏前均有大量的各种加载及资源更新,等待时间漫长。玩家们只好盯着更新界面的公告翻来翻去的看。

  • 硬件缺陷?用户反馈索尼Xperia 1/5侧面指纹体验差

    2019年索尼推出了两大旗舰Xperia 1和Xperia 5,二者均采用了21:9 OLED屏,其中Xperia 1的分辨率达到了4K级别,是业界第一款采用4K屏的骁龙855旗舰。和大多数竞品选择屏幕指纹方案不同,Xperia

  • 参与评论
文明上网理性发言,请遵守新闻评论服务协议

热文

  • 3 天
  • 7天