十年专注于品牌网站建设 十年专注于品牌网站建设,低调、有情怀的网络应用服务商!
南昌百恒网络微信公众号 扫一扫关注
小程序
tel-icon全国服务热线:400-680-9298,0791-88117053
扫一扫关注百恒网络微信公众号
扫一扫打开百恒网络微信小程序

百恒网络

南昌百恒网络

在SEO过程如何对页面中javascript进行优化

百恒网络 2016-12-10 810

在做网站优化过程中,我们每一步都要做到极致,才能保证有比较强的竞争力,而不是仅仅追求短期效果,前面我们通过《详细介绍CSS优化具体操作方法及技巧》一文向大家介绍了CSS优化的意义及操作方法,例如外部调用、主休调用等,下一步由南昌网站建设公司百恒网络SEO向大家进一步介绍内部优化中javascript优化的具体操作。 
       1. JavaScript简介
       不管是对于普通用户还是搜索引擎,JavaScript都是极不友好的,目前大部分搜索引擎是不解析JavaScript生成内容(即JavaScript生成的内容对于搜索引擎来说是不可见的),在规划页面时要尽量避免使用JavaScript。 
       目前为止,搜索引擎并不解析JavaScript生成的页面或者内容。 
       JavaScript代码冗长,执行效率远低于HTML,导致打开页面时间过长。 
       2. JavaScript优化

在搜索引擎优化里,JavaScript优化并非为了提高JavaScript代码的执行效率,而是为了避免JavaScript代码占用页面空间及重要位置。为此,只需改变JavaScript代码出现的位置及调用方式即可。另外,JavaScript优化的另一个目的就是利用JavaScript对于搜索引擎不可见的特性,调用那些不想让搜索引擎抓取的内容3,例如Flash等。 
       利用JavaScript内容对搜索引擎的不可见性,我们可以用JavaScript生成一些只面对用户可见的内容。 
       3. JavaScript调用方式
        JavaScript的调用分为内部调用和外部调用两种,其中内部调用又分为头部调用和底部调用。 
       头部调用 
       头部调用就是把JavaScript代码放到页面的头部。但巨量的JavaScript代码放到页面的头部不但会增加页面体积,还会占用页面顶部重要的位置,使得页面中相对重要的内容不能优先向搜索引擎展示,如下代码所示:
<html>     
       <head>   
         <TITLE>南昌网站建设公司|南昌APP开发公司|百恒网络</TITLE>    
        <meta name="description" content="创始于2006年,专业专注于APP开发,南昌网站建设!">   
         <meta name="keywords" content="南昌网站建设公司,南昌APP开发公司,百恒网络-www.jxbh.cn">     
       <LINK href="/templets/img/css.css" type=text/css rel=stylesheet>         
       <script language="javascript" type="text/javascript">
       <!--             var FRIENDLY_URLS='true';            
        function sortFocus(obj){                
               if(isIE){                     
              obj.value ='';                 
       }                 
       else{                     
              o=new Option('','-1');                     
              obj.options.add(o);                     
              obj.value ='-1';                
        }            
        }             
       function sortBlur(obj, value){                
        if(isIE){                     
       obj.value ='value';                
        }             
       }
//--></script>            
        <!--[if IE 6]><script>            
        document.execCommand("BackgroundImageCache", false, true);         
       </script>    
        </head> </html>
底部调用
        底部调用就是把JavaScript代码放在页面的底部(即</body>标签之前)。这样就不会占用页面顶部重要的位置,但还是会占用页面空间,加大页面体积,如下代码所示: 
       <script language="javascript"    type="text/javascript">
       <!--     var FRIENDLY_URLS='true';    
        function sortFocus(obj){       
                if(isIE){            
               obj.value ='';         
       }        
        else{            
               o=new Option('','-1');            
               obj.options.add(o);             
              obj.value ='-1';         
       }    
        }     
       function sortBlur(obj, value){        
               if(isIE){            
               obj.value ='value';         
       }     
       }
//--></script>     
       <!--[if IE 6]><script>     
       document.execCommand("BackgroundImageCache", false, true); </script> 
       外部调用 
       外部调用就是把JavaScript内容存放到一个JavaScript文件里,再在页面中进行调用。这样做既不占用页面重要的位置,又可以精简大量代码,加快页面显示的速度,如下代码所示。 
       <head>   
         <TITLE>南昌网站建设公司|南昌APP开发公司|百恒网络</TITLE>    
        <meta name="description" content="创始于2006年,专业专注于APP开发,南昌网站建设!">   
         <meta name="keywords" content="南昌网站建设公司,南昌APP开发公司,百恒网络-www.jxbh.cn">     
       <script language="JavaScript" src="/include/login.js"></script>
4. 隐藏信息
        在实际应用中,网页中有些内容是会对网页的搜索引擎友好性产生负面影响的。因此,就要对搜索引擎隐藏这些内容,这时就可以利用JavaScript生成或调用。例如网页中的Flash文档,一般的搜索引擎是不检索Flash的,但是Flash却占用了一定的网页区域,从而会影响我们向搜索引擎展示网页中其他相对重要的内容。所以,我们需要向搜索引擎屏蔽掉这些内容,来提高页面的搜索引擎友好性,接下来我们即将通过《介绍表格优化在网站SEO中具体如何操作》一文介绍表格优化。
  本文仅限内部技术人员学习交流,不得作于其他商业用途.希望此文对广技人员有所帮助。原创文章出自:南昌网站建设公司-百恒网络http://www.jxbh.cn/如转载请注明出处!

400-680-9298,0791-88117053
扫一扫关注百恒网络微信公众号
扫一扫打开百恒网络小程序

欢迎您的光顾,我们将竭诚为您服务×

售前咨询 售前咨询
 
售前咨询 售前咨询
 
售前咨询 售前咨询
 
售前咨询 售前咨询
 
售前咨询 售前咨询
 
售后服务 售后服务
 
售后服务 售后服务
 
备案专线 备案专线
 
×