上海网站制作:JS代码和script标签对于SEO有影响吗

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

众所周知搜索引擎不喜欢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优化的效果,网站推广不出去再好看也没用。

原创声明
本站部分文章基于互联网的整理,我们会把真正“有用/优质”的文章整理提供给各位开发者。本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
本文链接:http://www.jiecseo.com/news/show_71090.html
seo基础教程