正确使用JavaScript防止被搜索引擎惩罚

admin8年前 (2013-11-30)SEO优化280

在使用javascript进行网页样式的控制时,会出现两个缺点,一是对用户有要求,有可以用户的浏览器禁用或者不支持javascript,导致想给用户展现的内容不能体现出来;二是可以会引起搜索引擎的误判,搜索引擎可以看到,但是用户却看不到,导致被惩罚。

在早几年前,就有黑帽seo者利用javascript进行作弊,利用display:none的CSS属性达到对用户隐藏关键词,而搜索引擎却是可见的,虽然现在很多SEOer们都知道这点,但却总是在无形中制造了这种特征,以致被搜索引擎惩罚。

正确使用JavaScript

当然这里并不是说不可以用javascript ,合理使用javascript是增加用户友好度的一个方法。我们先来看一个使用不当的例子。

CSS

.hide {display:none}

XHTML

<div class="display">

<a href="#" onclick="showText();">显示</a>

<div class="hide">珠海seo教你,这段文本是需要用户浏览器支持的,否则可能会使搜索引擎认为故意对用户隐藏内容。</div>

</div>

除了上面说的可能性外,这段代码还有个缺点就是javascript代码混合到了html结构中,应该将onclick方法放到外部的的js文件中,达到结构和行为分离的目的,让网页以渐进式的方式加强式和行为。

避免搜索引擎惩罚

第一步,为了创建更加适合搜索引擎和用户的友好页面,先创建一个HTML文件,将js文件和css文件放在外部,并使用一点友好的名称来确定被操纵的div

<div class="display-box">

<div class="expand">珠海SEO,一致力于搜索引擎电子商务营销!</div>

</div>

<div class="display-box">

<div class="expand">珠海SEO,二致力于网站建设,软件系统架构!</div>

</div>

<div class="display-box">

<div class="expand">珠海SEO,三致力于网站运营!</div>

</div>

同一个文件,来看我们如何实现渐进式设计。

第二步,首先注意到网页中没有链接使DOM对象显示和隐藏,但是在头部有一个css文件

.expand {display:block}

.collapse {display:none}

第三步,是我们要待网页DOM元素加载完成后,使用js穿过页面,操纵想要的元素,这里我们通过一个方法,不过这个方法里首先要做的是判断用户是否支持javascript脚本,这里利用的是javascript的特性检测技术。

function expandCollapseBlocks(){

if(!document.getElementByTagName) {return;}

}

然后通过循环,将显示隐藏显示标签动态嵌入到网页中

var clink = document.createElement("a");

clink.className="close-box";

clink.href="#";

clink.innerHtml = "Expand";

divs[i].parentNode.insertBefore(clink,divs[i]);

接着给这个clink链接标签加上行为

clink.onclick = function(){

var displayBox = this.parentNode.getElementByTagName("div")[0];

if(this.innerHTML=="Expand"){

this.innerHTML = "Collapse";

displayBox.className= "expand";

}else{

......

}

};

第四部,也是最重要的一点,是将javascript脚本放到</body>标签之前,保证浏览器加载我网页元素后,Javascript才会去操纵页面。

window.onload = expandCollapseBlocks;

使用这种渐进式的方式,正确的架构HTMl,合理的使用Javascript,避免被搜索引擎处罚。

相关文章

搜索引擎的中文分词方法

搜索引擎的中文分词方法

中文的搜索引擎,主要以百度,360,搜狗为首。对于中文分词方法繁多,也比较复杂。搜索引擎在完成网页的查重工作后,在分析系统准备将结果发往索引系统前进行分词工作。相对来说,英文的分词方法会比中文的分词方...

什么是网站降权,百度降权行为分析

什么是网站降权,百度降权行为分析

什么是网站降权,百度降权行为分析?网站降权,SEOer最怕网站被降权了,那么什么是网站降权呢?网站降权是指搜索引擎对网站评定的级别下降,是搜索引擎对网站进行的一种处罚方式。通常多为网站自身作弊导致的,...

百度site指令不在第一位是K站的预告吗

百度site指令不在第一位是K站的预告吗

在网上有很多站长质疑,百度site指令时,主站不在第一位了,是不是我的爱站要被K了?对于站长的这个问题,珠海SEO也纠结了很久,起初也认为有这个可能,不过在后来查阅了很多相关权威性的资料后,否认了这个...

百度与谷歌对新站SEO的不同策略

百度与谷歌对新站SEO的不同策略

百度和谷歌对等待新站都有自己的标准,谷歌有沙盒原理,百度有审核期,不过从总体的方向来看,其根本都是差不多,都是为了挑选优秀的网站,且都为3-6个月的时间。两者的区别是,过了审核期后,谷歌更注重网站本身...

2013年终百度算法调整后,珠海SEO网站上第一位后的感想

2013年终百度算法调整后,珠海SEO网站上第一位后的感想

珠海SEO网站一直在百度的审核期中,前几天,也就是2013年的最后几天,经过百度算法动荡后,珠海SEO网站浮出水面,一举排上百度首页第一位,其实在很早之前,珠海SEO就一直在谷歌搜索中排第一位。这个结...

SEO问答七:网站权重是什么,如何提高网站权重?

SEO问答七:网站权重是什么,如何提高网站权重?

网站权重是什么 网站权重,简单的说就是搜索引擎给网站的一个评分,分值越高,权重越高。权重高就表示搜索引擎越重视你的网站,那么网站在搜索引擎中的排名就越好,搜索引擎给予的流量也就越多。明白了网...

评论列表

互传电商网
6年前 (2015-07-18)

烟水茫茫。难忘,文期酒会,几孤风月,屡变星霜。

无锡SEO
7年前 (2014-06-23)

学习了,谢谢分享

发表评论

访客

◎欢迎参与讨论,请在这里发表您的看法和观点。