铜梁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次，过深不利于搜索引擎的抓取。

1、网站结构。我涉及到的网站优化项目都是针对机械设备行业的展示站。这种情况我是建议采用扁平化结构去建网站的。扁平化结构比较受搜索引擎的喜爱，节省搜索引擎抓取网站的时间，同时由于网站结构简单明了，能够让潜在用户以最快的速度找到目标页面。还有就是网站是动态页面还是静态页面，我是建议把网站做成静态页面，很多人说动态静态无所谓，但是我在优化中，感觉搜索引擎更喜欢静态页面。最后我觉得企业主 要明白一个问题，网站的体验并不是做大篇幅图片就好。其实搜索引擎对图片是不感冒的。搜索引擎亲文字疏图片。2、关键词布局。关键词有核心关键词、流量词、转化词、长尾词、短句，这些怎么去布局。我个人认为可以在首页上核心关键词（百度指数最高的词或者），二级页面上一些精准词（有百度指数但是指数偏低），三级页面页面直接上短句（无百度指数，但是能提供解决方案的一些问答词、地域词、价格词、厂家词）。这样布局，然后再用内链把这些关键词做联动。3、原创文章。现在很多人都在做伪原创，甚至一些文章都是直接复制其他领域的文章，然后再文章中插入关键词，简单做内链，这样是会有机会上排名的，但是这样会有用户体验吗？难道让客户进网站看乱码吗？本来想找油缸的，进来一看怎么写的都是旅游啊。违背了网站优化的初衷，网站优化不仅仅是做排名，做搜索引擎排名只是第一步，网站优化我是归纳到互联网整合营销的一部分的。我觉得营销就应该提供解决方案，吸引客户了解产品最终实现转化。比如售卖液压油缸的企业官网，要写的文章应该是：怎么选择大吨位油缸、分离式液压油缸漏油怎么办、1000吨油缸应该选择多大的电动泵站、手动液压泵和液压千斤顶怎么匹配。比如油烟净化器行业可以写：油烟净化器安装需要注意哪些问题，静电油烟净化器与机械油烟净化器哪个更好，低空油烟净化器和高空油烟净化器怎么选择，水喷淋油烟净化器和静电油烟净化器哪个更好。这样写才对。有些伪原创简直惨不忍睹。新网站最重要的就是写原创文章，所以大家一定要重视。还有就是近期如果做得新网站记得和熊掌号打通。打通熊掌号以后收录会比较快，而且会给倾斜流量的。4、网站内链。网站内链其实做网站的时候都已经做好了，这个自不必多说。主要是文章页面怎么设置内链。我建议原创文章如果设置内链，可以设置2-3个就可以，不要全篇都是内链，当然我也做过全篇文章很多内链，百度也没有降权，但是会不会降低用户体验我就不知道了，还是建议合理内链，做事不要太过。5、友情链接。我是不会去做其他外链的，就是做做友情链接。现在去做外链太难做了。好的优质的平台都不让放外链了。垃圾平台又没有什么流量。所以我就干脆不做了。友情链接需要注意的就是要先让百度收录很多以后再去做友链，收录的少，关键词没有排名，好网站都不给你换。换友情链接就要换好的，垃圾友链有时候会降低排名的。看到网站排名突然降低很多，记得看看是不是你的友链被百度k了，如果是的话赶紧撤掉这个友链。换友链不要太着急，一个礼拜换1-2个就行，一共换30个以内。6、选择搜索引擎平台。虽然百度、搜狗、360都是搜索引擎，但是他们的搜索算法都是不同的，比如百度为了提升移动端的体验出来的闪电算法，提出了要做cdn加速，要针对百度移动搜索做mip页面。除了闪电算法还有比如飓风算法、清风算法、萝卜算法、惊雷算法、蓝天算法、石榴算法等等。一定要多看看百度算法，要不然容易被算法击中。以前很火的新闻源上百度首页，百度推出了蓝天算法就死了一大批网站。去年推出惊雷算法以后，紧接着死了一大批刷点击的网站。

一、熟知搜索引擎工作原理：

网站优化之前，我们一定要清楚搜索引擎的工作原理，毕竟SEO是针对搜索引擎操作的，搜索引擎一般由下面几个模块组成滴：

1：抓抓取模块2：过滤模块3：收收录模块4、排序模块。学懂这几个模块的SEO技术，搜索引擎的工作原理遇到一些问题的时候就可以知道问题的产生原因了。

二、学习SEO名词大全 作为一个SEO人常见的名词是必须熟知的，在后面的文章中，我们将会不断更新SEO名词解释的文章更新。

三、选择利于优化的域名和空间 要想优化好一个网站，从网站的初期就要做好各项优化准备，包括域名和空间相关的知识，也是需要学习的，一个好的域名和空间，而域名和空间对我们网站优化也起着非常重要的作用，所以在网站域名和空间方面的选择是必须要注重的。后面我们会针对域名和空间的选择写一篇详细的文章。

四、SEO常用工具 想要学好SEO，一些常用的SEO工具也要了解，比如站长工具，SEO综合查询，百度权重查询，关键词的挖掘，搜索引擎蜘蛛、机器人模拟工具，百度站长平台等等。SEO常用工具的使用方式也要掌握。

五、做好移动适配 我们做好一个网站以后，为了提升用户的移动搜索结果浏览体验，一定要做好移动适配功能。

六、提交链接 还要注意提交想被百度收录的链接，百度搜索引擎会按标准处理，进行收录，要注意的是，百度不一定会收录我们所提交的链接。

提交链接有主动推送，和提交sitemap。同时我们网站产生的死链接也要提交，如果百度发现一个网站的死链接过多，那么很有可能对该网站进行降权处理。假如我们的网站因为改版或者是内容调整的缘故导致网站出现大量死链接，那么就应该向百度提交死链接，以便百度可以快速加速时间进行清除。

七、网站优化的操作在网站优化的操作中有哪些需要做好的基础工作呢？

下面列举几个点：1、战略的制定：通过数据分析用户需求和竞争对手，找出SEO优化的突破口。2、关键词挖掘：根据用户需求和SEO优化的突破口进行关键词挖掘。3、网站搭建：按照战略目标，有计划的制定网站建设框架，网站搭建分为几个步骤：导航设计、页面框架、确定草图、设计设置展示。网站搭建之后就可以根据我们之前设计的框架对导航、首页、目录页、内页的标题和url进行设置了，同时也可以根据内容框架开始给网站填充内容。4、优化战略制定：首先，战略制定是SEO基础操作必须做好的一个工作。所谓的战略的制定就是我们要通过数据分析满足到我们网站的用户最大的搜索需求，并且通过对比竞争对手找到最适合的SEO优化方向。战略制定分为四个部分。后面的文章中我会不断更新。用户需求的竞争力坏人分析对手的突破口。确定了突破口，就说明我们的SEO项目是可操作的了。

八、对关键词进行挖掘 那么接下来的工作就是对关键词进行挖掘，下面介绍一些常见的关键词挖掘工具：1：百度下拉框2：百度相关搜索3：百度指数4：百度推广助手5：行业问答平台等等。

九、站内优化 以下是SEO优化前期需要做的一些工作：1：内容更新2：列出内容大纲3：优化标题:4、完善内容。

十、站外推广优化 接下来就是发高质量外链。还有进行营销推广工作。

---