众所周知搜索引擎不喜欢JS代码,会将script标签直接过滤掉。而网站上的某些效果又离不开JS代码,更重要的是可以识别简单的JS代码,主要是为了检测seo作弊。因此,网站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.tengsheji.com')<0){top.location.href = 'http://www. tengsheji.com/'}
</script>
总结
虽说可以识别简单的JS代码,但必将对JS文件不友好。因此,网站上JS越少越好,特别是网站首页。不要因为一个页面效果,影响了网站SEO优化的效果,网站推广不出去再好看也没用。