第十五节:SEO优化中JS代码和script标签使用技巧 SEO基础教程 安仔SEO优化网
轻松走上SEO巅峰,从这里开始
为SEOer免费提供最有效的SEO优化知识,期待将来的SEO界是精英的对决!
当前位置:安仔SEO优化网 > SEO教程 > SEO基础教程 > 浏览教程
SEO基础教程

第十五节:SEO优化中JS代码和script标签使用技巧

Tags:SEO,优化,代码,标签,技巧Time:2017-09-13Contents:SEO基础教程Browse:686Type:原创

众所周知搜索引擎不喜欢JS代码,会将script标签直接过滤掉。而网站上的某些效果又离不开JS代码,更重要的是百度可以识别简单的JS代码,主要是为了检测SEO作弊。因此,网站SEO优化时,不可忽略掉JS代码和script标签的优化,而且还要重视起来。

SEO优化中JS代码和script标签使用技巧

1、script标签的规范写法

调取JS文件的规范写法

<script src="/images/jquery-3.2.1.min.js" type="text/javascript"></script>

JS代码写在HTML页面里的规范写法

<script type="text/javascript">
document.write("Hello World!")
</script>

2、SEO优化中巧用noscript标签

noscript标签用来定义在脚本未被执行时的替代内容(文本),此标签可被用于可识别script标签但无法支持其中的脚本的浏览器。说白点就是,针对老实浏览器无法执行JS脚本,将提示的内容写在noscript标签里。

noscript标签可能大家不是很熟悉,网站制作时很少用到这个标签。安仔也是在处理挂马网站时发现的这个标签,黑客将外链写在noscript标签,由于noscript标签是个提示标签,内容不会再页面上展示出来,只有遇到低版本浏览器时才会展示出来,现在谁还用低版本的浏览器啊!因此隐蔽工作做得很好,更重要的是搜索引擎读取noscript标签里面的数据,因此对方巧妙使用noscript标签盗取了网站流量,扮演了黑帽SEO的角色。

各大搜索引擎每次更新算法,多数是和谐黑帽SEO,两者相互制约着对方使其双方不断进步。像使用noscript标签作弊的手法不知是哪位黑帽SEO高手想出来的,确实是一个不错的SEO优化手段。既然我们发现了这种方法,那么就可以将其变成自己的白帽SEO优化方法。

noscript标签的作用是代替JS脚本的提示,也就是说如果我想将JS文件的作用告诉搜索引擎,那么可以将备注内容写在noscript标签,类似Img标签的alt属性。

实例:

<script type="text/javascript">
document.write("Hello World!")
</script>
<noscript>提示语:Hello World!</noscript>

3、JS代码和script标签SEO优化技巧

A、JS文件(script标签)尽可能的放在head标签里面,并且在CSS样式表的后面;

B、body里的JS文件(script标签)尽可能的放在同一个位置,最好统一放在底部,便于统一加载和页面渲染;

C、JS文件也少越好,多个JS文件时尽可能的合并;

D、百度可以识别简单的JS代码和知名JS插件,所以想展示给百度看的JS代码也在HTML页面里面(不要放在JS文件里),知名的JS插件不要修改文件名,协助百度识别这个插件,避免因为JS组件导致排版错乱影响搜索引擎对网站代码的好感;

E、JS代码要格式化处理,节省空间,提高加载效率;

F、JS文件里不要有弹窗或者外链,这些百度是可以识别出来的(百度石榴算法打击的对象);

4、防止网站被iframe框嵌套的JS代码

很多SEOer都遇到过,排名好的网站,经常被竞争对手以盗链的形式消耗网站的流量,导致由于空间流量耗尽网站打不开的。用的最多的就是iframe框嵌套,下面分享一段JS代码将其放在自己的网站上即可破解iframe框嵌套。

<script type="text/javascript">
if(window.location.href.toLowerCase().indexOf('www.seoyhw.com')<0){top.location.href = 'http://www. seoyhw.com/'}
</script>

总结

百度虽说可以识别简单的JS代码,但必将对JS文件不友好。因此,网站上JS越少越好,特别是网站首页。不要因为一个页面效果,影响了网站SEO优化的效果,网站推广不出去再好看也没用。

《第十五节:SEO优化中JS代码和script标签使用技巧》为安仔SEO优化网原创文章,转载请注明出处!