网站优化知识>正文
尽可能写对搜索引擎友好的Javascript代码
2014-03-20 13:22本文主要讲述了如果写对搜索引擎友好的JavaScript代码
在Search Engine的robot搜索时,针对的type,text/html此类“文本”的友好度是最高的(现阶段text/xml除外),而text/javascript此类的友好度不理想,如果robot还要判断DHTML代码的话,那这个复杂度也是较高,而且划不来,因此,在DHTML编程时,如果要提升代码的友好度。采用的方法,较好的方法是“尽可能是把DHTML的代码简化成没有HTML的代码”。这句话如何理解?
e.g:
一个javascript menu。
方法一、采用常规的编程方法:
<script type="text/javascript"> var navi_menu = neverDHTMLmenu(); /* addItem method * @ pid * @ id * @ text * @ href */ navi_menu.addItem("0","1","home","http://www.goubaoluo.com"); navi_menu.addItem("0","2","blog","http://www.goubaoluo.com"); navi_menu.addItem("0","3","music","http://www.goubaoluo.com"); navi_menu.init("navigator_Container"); </script>
二、采用对Search Engine较友好的编程方法
以下是引用片段:
<script type="text/javascript"> onload = function() { var config = { container: document.getElementById("navigator_Container"); // and more configuration code } var navi_menu = new neverCssDHTMLMenu(config); navi_menu.init(); </script> <div id="navigator_Container" class="navigator_menu"> <ul> <li><a href="http://www.goubaoluo.com">home</a></li> <li><a href="http://www.goubaoluo.com">blog</a></li> <li><a href="http://www.goubaoluo.com">music</a></li> <!-- more... --> </ul> <div>
从方法一和方法二来比较,方法一把一些HTML封装到了neverDHTMLmenu()里,但这样做并没有实际的好处,虽然我们依然可以把CSS给到这个类里。
方法二中可以看到有很多好处,比如,可以将view与program分离,可以实现客户端的MVC。换个角度说,可以提高开发效率。
可能有些朋友会问,除了menu,还有哪些程序可以按上述的方法分离呢?
上面也提到了,一般与页面交互较多的,会产生大量的HTML的,会影响Search Engine的robot的,都可以采用这种方法,当然了,这些只是讨论对Search Engine的友好度,所以,任何代码都必须由实际情况而定。
也或者有朋友问,这样为何会提高开发效率?
比如,美工做好模板后,(假设此美工会一些相关的HTML编写)那么按照xhtml标准,(如上例如示)
假设我要把原本的home改成Default page,那么美工得和程序员沟通,说要改这个menu的字,沟通时间在开发中也会多了。因此,在开发进度上,这个时间要算进去的。假设要改模板了,那么还得沟通。再或者假如原来用js生成的HTML是table做成的menu,要改版了,那么这个程序还得改写。不利于维护...
这个方法建议大家可以试试,意思主要就是JS负责业务实现,而视图则仍然交由HTML来处理。
本文链接:https://www.0937.biz/post-111.html
猜你喜欢
- 2014-03-20 什么是URL标准化
- 2014-03-20 好的SEOer与糟糕的SEOer?
- 2014-03-20 URL规范
- 2014-03-20 不友好的网站结构-蜘蛛陷阱
- 2014-03-20 详解站内布局长尾关键词三部曲
- 2014-03-20 目标关键词是什么意思?
- 2014-03-20 夜息:SEO需要掌握哪些方面的知识
- 2014-03-20 写robots时需要注意的一些事情
- 2014-03-20 如何发外链不会被删技巧
- 03-19充分利用rewrite伪静态规则实现dedecms站点301变...
- 02-17为域名取名的技巧
- 03-15什么叫做网站的死链?百度快照中的死链又是指什么...
- 08-07你把SEO当全部,我却轻松超越
- 05-12写robots时需要注意的一些事情
- 04-11如何发外链不会被删技巧
- 03-20网页同时出现noindex和Canonical标签?
- 08-03好的SEOer与糟糕的SEOer?
- 06-22URL规范
- 06-22不友好的网站结构-蜘蛛陷阱
- 06-22详解站内布局长尾关键词三部曲
- 06-22目标关键词是什么意思?
- 05-13夜息:SEO需要掌握哪些方面的知识
- 05-12写robots时需要注意的一些事情
- 08-03好的SEOer与糟糕的SEOer?
- 06-22URL规范
- 06-22不友好的网站结构-蜘蛛陷阱
- 06-22详解站内布局长尾关键词三部曲
- 06-22目标关键词是什么意思?
- 05-13夜息:SEO需要掌握哪些方面的知识
- 05-12写robots时需要注意的一些事情
- 图文推荐
-
- 热门标签