News新闻

业界新闻动态、技术前沿
Who are we?

您的位置:首页      运营推广      打造网络营销利器-第8篇-技术篇:前端代码的优化

打造网络营销利器-第8篇-技术篇:前端代码的优化

发布日期:2017-04-18 22:42:00 1278

  网络营销如何做,才能从网络挖掘出大量的新业务?互联网时代你还停留于没业务就扩充销售队伍的思想,你就OUT了!


  本系列文章将用通俗的语言介绍网站运营大牛们的惯用手法,网站SEO并没有你们想象那么难!重点是了解并坚持去做!


  上一篇文章《打造网络营销利器-第6篇-外链推广》介绍了为什么网站需要做图片优化?企业网站上传图片有哪些误区?图片优化工作怎么做?有哪些工具可以做图片优化?


  接下来,我们来点有技术性的,网络营销不是靠忽悠,得有点“真本事”,呵呵。接下来给大家从前端上讲解下,网络营销的SEO优化是怎样做的。

  注:以下部分可能技术性比较强,如果你看不懂,直接丢给你们技术或者网站外包商去处理。

一、H标签很重要

  做网站运营后,有个习惯就是,一拿到一个网址,打开页面后就查找源码里面有没有h1标签,如果有1个,说明这个网站很可能是经过优化了,而如果没有或者有多个h1标签,那么很可能这家公司不懂网络优化!


  那么h1标签有多重要?这个相当于网页的中心思想,小学语文老师就经常让我们去一大篇文章去找中心思想,你当时有多头疼,而百度蜘蛛在遇到这么一个网页的时候,找H1标签找不到,就也会有多头疼。不过蜘蛛不是学生,他几乎有生杀予夺的权利,所以,你没有H标签,他抓不到重点,那么就给你胡乱弄一个得了。或者直接就下一个了。


  这个是说的h1标签,而其他的,h2、h3也都是非常重要的,你如果定义清楚,那么蜘蛛就觉得你有条理,而且,本身在H标签中,插入一些有用的关键词也是提升关键词权重的重要办法。


二、strong和b标签不要乱用

  网页中,会经常用到strong标签或者b标签,有些前端开发因为对seo这块儿不熟,经常用自己用strong或者b标签来做标题的,这个是非常之大忌!


  另外,strong和b标签,是可以提升关键词权重的,所以,在一个网页中,不适合放太多strong和b标签,否则可能有关键词垒砌嫌疑。


三、a标签的讲究

  a标签,一般来说也就是通常的超级链接,这个主要说下使用a标签的误区,a标签比较简单;


  1、a标签中,使用js打开网页,这样实际上百度蜘蛛是不认识的,届时蜘蛛会认为是空链接。除非一些功能性的网页,否则尽量使用href属性,有这个属性,蜘蛛才会跟着你指定的网址去爬行;


  2、a标签中,还有一个属性是nofollow,完全写法是<a href="http://www.ledaokj.com" rel="nofollow">深圳网站建设</a>,这个rel="nofollow"就是告诉蜘蛛,这个链接不要再去爬了,不是给你看的。


四、img标签需要注意的

  img标签也比较简单,需要关注的点不多:


  1、src地址,也就是图片地址,尽量是完全地址的,而不是相对地址的,针对根目录的绝对地址也可以。


  2、alt标签一定要加上,因为蜘蛛是不认识你图片里面到底展示的是什么,所以,你需要对图片进行解释下,就是通过加上这个alt标签来解释的。加上alt标签,对网页整体排名有帮助,另外,你的这张图片很可能被百度图片索引,也同样能带来一些流量。


五、抛弃掉table结构

  一般来说,table结构的页面,是早几年流行的,但是他不利于蜘蛛爬行,排版起来也比较麻烦,所以基本上现在已经被弃用了,除非是在一些后台,为方便格式化数据展示的地方,才会用到table结构。前端建议抛弃table结构。


六、慎用flash或者弃用flash

  在前面几篇文章中,都有介绍,网页尽量不用flash或者直接弃用flash,因为搜索引擎蜘蛛不识别,而且现在的flash安全性也存在很多问题。


七、文章或者产品列表的优化

  经常有运营小鲜肉问到我,说我这个网站一直有做原创更新的啊,为什么收录这么少?


  如果你的网站也存在这样情况,那么请检查下你的文章或者产品列表,是不是js跳转翻页的,或者是不是ajax刷新、拖动自动加载的。如果是,那么狠不幸,你之前做的一些文章更新很可能是竹篮打水一场空,你的辛苦耕耘,搜索引擎看不到。


  经常见到一些java或者.net的网站,文章列表都是用的js跳转或者ajax刷新,可能用户体验好了,看起来比较炫,但是却把搜索引擎蜘蛛拒之门外了。


  而你使用js跳转翻页,或者ajax无刷新翻页,而且你的网站还没有sitemap,那么千万记得第一步就是要优化这个!!!


八、JS部分的优化

  前面也提到了,搜索引擎蜘蛛现在还停留在幼儿水平,而且他目前也只喜欢格式化的、文本形式的内容,js是不认识的。


  那么,js部分的优化就很有必要了。


  1、js尽量外部文件形式加载   尽量不要把js代码写入html中;


  2、js代码尽量整合成一个文件,减少文件请求,加快网页加载速度。不过在有的js比较大的情况下,可以归类下,公用的JS部分写入一个公用的JS文件,其他子页面才用到的JS,就单独写在一个文件。减少公用JS加载的时间,这个需要根据具体情况来。


  3、js能写在页尾的,就不要写在页头!一般JS都是处理一些交互上的东西,最后加载不影响。写在页面尾部,有利于蜘蛛爬行。


九、CSS部分的优化

  跟前面介绍的js优化差不多:


  1、也注意尽量外部文件形式加载,不要写在html里面;


  2、也注意整合和分离的概念,减少加载时间;


  3、CSS因为会影响页面构造,如果放在页尾,可能会导致网页一开始打开是排版错乱的,所以,css文件一般是在页头引入;


  4、css里面引入的一些图片文件,地址一定要正确,蜘蛛是可以识别css文件的,所以,引入的图片如果错了,也会导致爬行的时候出现404错误。


  5、网页里面的图标,如果能使用css sprite技术,尽量把图标整合到一起,减少文件请求次数,加快网页打开速度。


  以上,基本上是前端方面所涉及到的一些优化部分。还有一些内容,因为涉及到网站程序方面,所以单纯前端去做优化还有困难,所以就下面再分开列出来:


十、网站结构的优化

  网站的优化,还有一个重要的优化,就是网站结构的优化。


  一般来说,企业网站可能都是平面结构,而一些企业网站,直接就是动态的网址,那更是不用说,90%是平面结构。


  这里再说下,还有一种结构叫树形结构,所谓树形结构,就是像树枝一样,是发散开的。首先是首页,然后是列表页,详情页,一层层从结构上存在包含和被包含的关系,例如:

  首页:  http://www.ledaokj.com/

  网络营销:  http://www.ledaokj.com/a-wlyx/

  详情页:  http://www.ledaokj.com/a-wlyx/159/639.html


  他们的层次层层递进,层层包含;推荐树形结构,但是并不是说平面结构不被蜘蛛认同;

注意:树形结构的目录层数尽量不超过3级;


十一、url的优化

  url方面,也是需要注意的,有的网站网址直接是动态的地址,然后跟一长串字符,那种网页搜索引擎蜘蛛是不识别,所以,推荐静态或者伪静态,把动态的地址改为以.html结尾的网址,这样对搜索引擎更优化。


  而有的url优化做得更好,直接网址是包含关键词的,这种更好,不过这种比较适合英文网站,中文的有转码,或者有的服务器、浏览器支持不好。