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

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

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

现在这个社会缺的不是产品，而是把产品卖出去的人，那么别人如何在互联网上获取客户流量呢？ 这就是一个问题了，现在是互联网+时代，如果你想要玩转这个时代，你就要先了解一下，什么是互联网+。\x0d\x0a通俗来说，“互联网+”就是“互联网+各个传统行业”，但这并不是简单的两者相加，而是利用信息通信技术以及互联网平台，让互联网与传统行业进行深度融合，创造新的发展生态。它代表一种新的社会形态，即充分发挥互联网在社会资源配置中的优化和集成作用，将互联网的创新成果深度融合于经济、社会各域之中，提升全社会的创新力和生产力，形成更广泛的以互联网为基础设施和实现工具的经济发展新形态。\x0d\x0a互联网+是把将线下的商务机会与互联网结合，这就为传统的企业开辟了新的市场渠道，现在传统企业的生意越来越不容易做，成本逐渐增高，而通过互联网加的方法，可以降低营销的成本，开辟新的市场渠道。\x0d\x0a比如：在南京有个姓王的小伙子，自己经营一家水果店，生意很冷清，后来他朋友让他在互联网上找找机会，于是他找人搭建了一个网站，通过互联网渠道销售他的产品，没想到现在的每月营业额达到了30多万，南京当地的媒体也有报道。当然线下的生意和线上的生意结合有很多的方法，但是现在的传统生意互联网化，是逃离不了的趋势。\x0d\x0a一、如何才能玩转互联网+呢？\x0d\x0a互联网+你认为它重要，它对你来说就有意义，你认为它不重要，它对你来说就没有意义!对于传统企业和创业者，我们要做的不是看客，不是在这里看热闹。一种新的商业现象和商业逻辑，我们要思考的是怎么为我所用，因为我们在切切实实地做生意!如果不理解，我们就去研究和学习如果理解了，挽袖子动手去干就好了。\x0d\x0a想把自己的生意搬到互联网上来做，需要一个自己产品展现的载体，要么搭建一个网站平台，或者做一家网店，因为只有这样才能让别人找到你，其实做网站很容易，申请网店也很容易，而最难的是如何获取流量？流量相当于是我们传统生意中的客户。如果让网站获取流量，那么离不开SEO优化技术，这是掌握整个互联网流量入口的技术，也是我们传统企业开辟互联网渠道的利器，所以如果想要玩转互联网就要学习SEO这门技术。\x0d\x0a现在网上关于这方面的教程有很多，但是很多都是过时的，因为互联网是在不断的变化的，为了避免让大家学到错误的过时的知识，我联合互联网上的牛人，组建了一个群，想学学习互联网和SEO的小伙伴，可以来这里学习，这个群的开始的几位数字是：武器留，中间的几位数字是：209，最后的几个数字伊灵七是：，按照顺序组合起来就可以找到，我想说的是，除非你想学习这方面的知识，让自己获取互联网机会，如果只是凑热闹的话，就不要来了。\x0d\x0a 二、互联网+的核心是互联网思维\x0d\x0a“互联网+”的第一个内涵是“互联网思维+”，传统企业融合“互联网+”的第一步是了解互联网，所以了解互联网思维是一个基础的开始。什么是互联网思维？在互联网商业模式的长期发展中，很多互联网企业积累了大量的案例及数据，足以让他们总结出一套适合自身发展的方法论，这个方法论就可以看作互联网思维。互联网思维是互联网企业总结出来的，更适合线上的商业模式，所以对传统企业在线下经营不会太适合。“互联网+”要求传统企业先了解互联网思维，然后再结合实际情况探索出新的商业模式。\x0d\x0a典型的互联网思维有雷军的“专注、极致、口碑、快”七字诀，也有其他的诸如生态思维、平台思维、免费思维、跨界思维等互联网思维。正是这些内涵丰富的互联网思维，构成了种类繁多的互联网商业模式。互联网思维就如餐饮企业的标准化流程，其特点是可以快速复制。但互联网思维不是万能的，当前更多的所谓的“屌丝、粉丝、迭代”等互联网思维是建立在产品运营、商业营销及用户服务的基础上的，并非商业模式的具体体现。\x0d\x0a 针对近期一些对互联网思维理解的误区，谈一下我的观点。\x0d\x0a1、不是因为有了互联网，才有了互联网思维。而是因为互联网科技的发展，以及对传统商业形态的不断冲击，导致了这种思维得以集中式的爆发。这个道理很简单，生产力决定生产关系，互联网在技　术和商业层面的变化必然会带来上层思考方式的变化。\x0d\x0a2、互联网思维不是互联网人的专利。不是因为你在互联网公司你就具备这种互联网思维，也不是传统企业就没有这种思维。互联网思维就是一种思考方式，它不属于哪一类人。互联网公司出来的也有很多人不具备这种思维。\x0d\x0a3、互联网思维不是包治百病的灵丹妙药，但也不是境界虚高。在互联网思维的指导下我们可以重新审视一下我们原有的一些商业习惯。现代社会碎片化阅读的习惯导致我们经常一知半解，很多人并没有深入地理解互联网思维，就四处挪用，这个稍微有点悲哀。\x0d\x0a4、多数人都在用互联网思维做营销，而少有人去完成互联网思维的系统思考。卖牛腩、卖煎饼果子的案例遭到大多数人吐槽之后，又有大把人用互联网思维来包装，卖电视、卖包子、卖卫浴、卖家居，等等等等，甚至还有人要用互联网思维去改造一所青楼!话说回来，用互联网思维做营销，本身也是去博取眼球、获得关注和流量，流量思维本身也是互联网思维的一种。那么，到底怎样理解互联网思维?依然是我之前总结的“独孤九剑”9大思维，包括：用户思维、简约思维、极致思维、迭代思维、流量思维、社会化思维、大数据思维、平台思维、跨界思维。\x0d\x0a这里我给大家讲讲其背后的商业逻辑，这里尤其针对的是面临互联网转型的传统企业。\x0d\x0a真正的互联网思维是对传统企业价值链的重新审视，体现在战略、业务和组织三个层面，以及供研产销的各个价值链条环节中。并且将传统商业的“价值链”，改造成了互联网时代的“价值环　”\x0d\x0a“价值环”以用户为中心，战略制定和商业模式设计要以用户为中心，业务开展要以用户为中心，\x0d\x0a组织设计和企业文化建设都要以用户为中心。战略层、业务层和组织层都围绕着终端用户需求和用户体验进行设计。这就是互联网时代的“价值环”模式。\x0d\x0a其中，在业务层面，用户端和供应链端联接起来，形成了一个闭环，将不断地实现价值动态地传递，用户将需求反馈至研发生产，研发生产形成产品或服务再传递到销售端，销售端通过接触用户又形成了二次的循环。这种经过互联网思维改造的“价值环”模式，将对传统商业生态和商业理论带来深刻的影响。“价值环”要求我们必须要持续不断地关注用户需求、聆听用户反馈并且能够实时做出回应，这是未来企业建立商业模式的基础。\x0d\x0a那么，互联网思维在这个“价值环”中如何分布呢?\x0d\x0a一、战略层\x0d\x0a主要命题：怎样明确产业定位?怎样制定战略?怎样设计商业模式?\x0d\x0a典型思维：用户思维、平台思维、跨界思维\x0d\x0a二、业务层\x0d\x0a(一)后端：产品研发及供应链\x0d\x0a主要命题：怎样做业务规划?怎样做品牌定位和产品设计?\x0d\x0a典型思维：用户思维、简约思维、极致思维、迭代思维、社会化思维\x0d\x0a(二)前端：品牌及产品营销\x0d\x0a主要命题：怎样做品牌传播和业务经营?怎样做商业决策?\x0d\x0a用户思维、流量思维、社会化思维、大数据思维\x0d\x0a三、组织层\x0d\x0a主要命题：怎样设计组织结构和业务流程?怎样建设组织文化?怎样设计考核机制?\x0d\x0a典型思维：用户思维、社会化思维、平台思维、跨界思维\x0d\x0a三、致那些考察行业的朋友。\x0d\x0a人世中的许多事，只要想做，都能做到，该克服的困难，也都能克服，用不着什么钢铁般的意志，更用不着什么技巧或谋略。只要一个人还在朴实而饶有兴趣地生活着，你终究会发现，造物主对世事的安排，都是水到渠成的。\x0d\x0a我们的压力通常不是来自真正沉重的工作，而是因为自己缺乏解压能力。缺乏解压能力，大多是因为不能信任他人和自诩完美主义而挑剔。\x0d\x0a　 一个不难实行的遥远计划，意味着你并不想实行它。明日复明日，明日何其多，人们总喜欢谈论着“我未来要……”，而从未付诸行动，似乎以为自己有长生不死的能耐，有无限的未来。\x0d\x0a我随处听到二三十岁的人说：“等我退休之后，我一定要……”“一定要”的后头接着的，可能是买一块田，可能是学画画，可能是学陶艺，可能是练书法，可能是短途旅行……据我统计，有80%是他现在省掉手机上花费的时间就可以做的事情。\x0d\x0a你可能会认为打工是在赚钱。其实打工才是最大最愚蠢的投资。人生最宝贵的是什么？除了我们的青春还有什么更宝贵？！很多人都抱怨穷，抱怨没钱想做生意又找不到资金。多么的可笑！其实你自己\x0d\x0a就是一座金山（无形资产），只是你不敢承认。宁可埋没也不敢利用。宁可委委屈屈地帮人打工，把你的资产双手拱让给了你的老板。\x0d\x0a你试想一下，有谁生下来上天就会送给你一大堆金钱的？有谁是准备非常齐全了完美了再去创业就成功了？含着金汤匙出生的毕竟是极少数、富不过三代，许多伟业都是平凡人创造出来的。\x0d\x0a计划赶不上变化，特别是在如今这个信息高度快速传播的年代！我曾经问过我的一个朋友为什么不去打工？他的回答是：“说句得罪点的话，出去打工简直就是愚蠢的浪费青春！”为什么你一直是打工仔？\x0d\x0a因为你安于现状！因为你没有勇气，你天生胆小怕事不敢另择它路！因为你没有勇往直前，没有超越自我的精神！\x0d\x0a虽然你曾想过改变你的生活、改变你穷困的命运、但是你没有做，因为你不敢做！你害怕输，你害怕输的一穷再穷！你最后连想都不敢想了，你觉得自己也算努力了、拼搏了、你抱着雄心大志、结果你到预想的成就，你就放弃了。你就只能是一个打工仔！\x0d\x0a为什么你一直是打工仔？因为你随波逐流，近墨者黑、不思上进，分钱没有、死爱面子！因为你畏惧你的父母、你听信你亲戚、你没有主张、你不敢一个人做决定。你观念传统、只想打工赚点钱结婚生子，\x0d\x0a然后生老病死、走你父母一模一样的路。因为你天生脆弱、脑筋迟钝只想做按班就部的工作\x0d\x0a。因为你想做无本的生意，你想坐在家里等天上掉陷饼！因为你抱怨没有机遇、机遇来到你身边的时候你又抓不住，因为你不会抓！因为你的贫穷，所以你自卑！你退缩了、你什么都不敢做！你只会给别人打工！\x0d\x0a你没有特别技能，你只有使蛮力！你和你父母一样，恶性循环！所以，你永远是一个一直在打工的打工仔！\x0d\x0a很多人想把握机会、但要做一件事情时，往往给自己找了很多理由让自己一直处于矛盾之中！不断\x0d\x0a浪费时间，虚度时光。如：\x0d\x0a1、我没有口才——错：没有人天生就很会说话，台上的演讲大师也不是一下子就能出口成章，那是他们背后演练了无数次的结果！你骂人的时候很擅长、抱怨的时候也很擅长、但这种口才是没有价值的口才，看别人争论的时候、自己满嘴评头论足、却不知反省自己，倘若你付出努力练习，你今天是否还说自己没口才？\x0d\x0a2、我没有钱——错：不是没有钱，而是没有赚钱的脑袋。工作几年了没有钱么？有、但是花掉了。花在没有投资回报的事情上面。花在吃喝玩乐上、或存放贬值了，没有实现价值最大化、所以钱就这样入不敷出。每月当月光族、周而复始、没有远虑、当一天和尚敲一天钟，得过且过。\x0d\x0a3、我没有能力——错：不给自己机会去锻炼，又有谁一出生就有能力？一毕业就是社会精英？一创业就马上成功？当别人很努力的学习、很努力的积累、努力找方法，而你每天就只做了很少一点就觉得乏味。学了一些就觉得没意思、看了几页书就不想看、跟自己也跟别人说没兴趣学。然后大半辈子过去一事无成，整天抱怨上天不给机会。能力是努力修来的、不努力想有能力，天才都会成蠢材。但努力，再笨的人也能成精英。\x0d\x0a4、我没有时间——错：时间很多、但浪费的也很多！别人很充实、你在看电视，别人在努力学习时、你在玩游戏消遣虚度。总之时间就是觉得很多余、你过得越来越无聊。别人赚钱了羡慕别人、但不去学别人好好把握时间创造价值，整天不学无术。\x0d\x0a5、我没有心情——错：心情好的时候去游玩、心情不好的时候在家喝闷酒，心情好的时候去逛街、心情不好的时候玩游戏，心情好的时候去享受、心情不好的时候就睡大觉。好坏心情都一样，反正就是不做正事。\x0d\x0a6、我没有兴趣——错：兴趣是什么？吃喝玩乐谁都有兴趣，没有成就哪来的尽兴！没钱拿什么享受生活！你的兴趣是什么？是出去旅游回来月光族、出去K歌回头钱包空空、出去大量购物回来惨兮兮……打工有没有兴趣？挤公交车有没有兴趣？上班签到下班打卡有没有兴趣？家里急需要一大笔钱拿不出来有没有兴趣？借了钱没钱还有没有兴趣？卖老鼠药的人对老鼠药有兴趣……？\x0d\x0a7、我考虑考虑——错：考虑做吧有可能就成了、不做吧好不甘心！一想整天上班也没有个头、还是明天开始做吧！又一想还是算了、这钱挣的也不容易！不不、就是打工挣钱也不容易，决定了不能放弃机会！哎呀、天都黑了，明天再说吧！然后第二天又因为以上12345点、因为左思右想、继续循环、最终不能决定。犹犹豫豫、耽误了很多时间、还是一无所获。\x0d\x0a有句话是：“可怜之人必有可恨之处！”你一生中不是没有机遇，而是没有争取与把握！借口太多，理由太多……！争取之人必竭力争取、一分钱都没有也千方百计想办法！不争取的人给一百万也动不起来、发财不了，还有可能一败涂地。这就是行动力的欠缺!\x0d\x0a在你穷的时候，要少在家里，多在外面。\x0d\x0a在你富有的时候，要多在家里，少在外面。\x0d\x0a 穷的时候，钱要花给别人，富的时候，钱要花给自己。很多人，都做颠倒了。\x0d\x0a 穷的时候，不要计较，对别人要好。富的时候，要学会让别人对自己好。自己对自己更好。\x0d\x0a 穷要把自己贡献出去，尽量让别人利用。\x0d\x0a 富，要把自己收藏好，小心别让别人随便利用。这些奇妙的生活方式，是很少人能够明白的。\x0d\x0a 穷的时候，花钱给别人看。富的时候，花钱给自己享受。\x0d\x0a 穷的时候一定要大方，富的时候，就不要摆阔了。生命已经恢复了简单，已经回到了宁静。\x0d\x0a 年轻不是过错，贫穷无需害怕。懂得培养自己，懂得什么是贵重物品，懂得该投资什么，懂得该在哪里节约，这是整个过程的关键。\x0d\x0a 少在外面吃饭，要吃就请客，要请，就请比自己更有梦想的，更有思想，更努力的人。\x0d\x0a 一旦生活需要的钱已经够了，最大的花费，就是用你的收入，完成你的梦想，去放开你的翅膀大胆地做梦，去让生命经历不一样的旅程。\x0d\x0a 人生如书，读不尽。人生如景，看不完……\x0d\x0a 穷人=怀疑+拒绝，富人=接受+了解!\x0d\x0a 穷人在怀疑中拒绝，富人在怀疑中了解 !\x0d\x0a在这个互联网+的时代，你OUT了吗？

---