专栏首页张戈的专栏另类SEO分享:利用JS封装iframe躲过搜索引擎的抓取

另类SEO分享:利用JS封装iframe躲过搜索引擎的抓取

前言:很多博友不仔细看完内容就直接认为用 iframe 不好之类的云云,而实际上本文就是教你在必须使用 iframe 的时候,该如何躲过搜索引擎的抓取,避免不利于 SEO 的情况!

那么,何为“必须要用 iframe 的时候”?我举个简单的例子:一些主题分享网站,很多时候会使用 iframe 框架调用主题作者的网站来做主题演示,这时候就会产生大量的 iframe 框架,那么本文的方法就可以派上用场了!

导读:了解一点 seo 的站长,应该都知道爬虫都不喜欢 iframe 或 frame,因为蜘蛛访问一个网址时所抓取的 HTML 是调用其他网页的 HTML 文件的代码,并不包含任何的文字内容,也就是说你这个网页的内容是什么,蜘蛛弄不清楚。有人可能会说搜索引擎的蜘蛛也能跟踪爬取所调用的 HTML 文件啊。对,是能跟踪爬取,但是跟踪这一部分内容通常不是完整的页面。搜索引擎更不能判断哪部分是主框架哪一部分是被调用的文件。随着搜索技术的发展也不一定永远无法解决这种问题,但是这么多的网站蜘蛛不会因为你一个网站而费那个劲。所以,当你一定要用到一个 iframe 框架的时候,张戈推荐你继续往下看。

从用 iframe 调用快递 100 制作快递查询,到自己推出互推联盟 iframe 调用代码,张戈算是对 iframe 这玩意摸得有那么一点透彻了。

记得,在互推联盟推出自适应 iframe 代码的时候,冯耀宗博友曾有如下评论:

后来,偶然的测试让我灵光一现,想到用 JS 封装 iframe 的方法,来避开搜索引擎的抓取。当时,我是测试用 JS 封装 CSS 代码,想简单的加密下自己的劳动成果。不想,突然就想到了,既然 JS 可以输出 CSS,那 JS 应该也可以输出 iframe 啊!实际测试发现,我的想法是可行的!通过 JS 输出 iframe 代码,可以完美实现直接调用 iframe 代码的效果!

下面以互推联盟为例子,公布方法:

张戈最开始推出的 iframe 自适应调用代码如下:

<iframe style="padding: 0px; width: 100%;" height="480" src="http://zhangge.net/bokehutui" frameborder="no" border="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

现在,张戈来说明如何用 JS 代码封装这段 iframe,制作 js 版本:

首先,新建一个 JS 文件,在里面输入以下内容并保存:

括号中即为原 iframe 的内容,要注意的是首尾是双引号,而 iframe 里面需要改为单引号!否则无法输出!

document.write("<iframe style='padding: 0px; width: 100%;' height='480' src='//zhangge.net/bokehutui' frameborder='no' border='0' marginwidth='0' marginheight='0' scrolling='no'></iframe>");

然后,将这个 js 文件上传到服务器

比如互推联盟调用的 js 最终地址为:http://zhangge.net/hutui.js 

最后,将如下语句写到你想调用 iframe 的地方

如果存在旧的 iframe 代码,请直接替换掉即可,如果发现界面不理想,请编辑第二步的 JS 文件来调整 iframe 大小。

<script type="text/javascript" src="http://zhangge.net/hutui.js" ></script>

如此一来,就完美实现了原来直接用 iframe 框架调用的效果。

接下来,张戈来实测一下躲过搜索爬虫的效果:

① 打开站长工具的搜索蜘蛛、机器人模拟抓取工具:http://tool.chinaz.com/Tools/Robot.aspx

② 输入用 JS 部署 iframe 代码的页面,比如 MOREOPEN 博客调用的互推联盟页面:http://moreopen.info/electunion

③如图,这个页面存在很多外部链接,若不做处理,蜘蛛肯定可以爬到这个 iframe。

但是经过 JS 封装后,则会得到如下了抓取结果:

如上图所示,结果中并不存在该页面互推联盟的任何内容, 证实了这个方法的可行性!当然,感兴趣的站长也可以用自己的站点亲自测试下效果。

最后,“国际惯例”式的总结下:

综上事实证明,通过 JS 封装 iframe 代码,确实可以完美骗过搜索引擎的抓取,让鱼和熊掌不再难以取舍!

而且,无外链输出、无权重流失,也是张戈博客的通用互推联盟页面被众多站长调用的重要原因之一!很多博主可能以为张戈弄这个互推联盟赚到了多少多少外链,其实不然!张戈在这里必须澄清一下,用 JS 调用的互推联盟,完全不会成为张戈博客的外链!不相信的朋友可以去用工具测试被调用的页面就知道了!

最后,给联盟打个广告:互推联盟欢迎健康合法、积极向上的独立博客的加入!有你更加精彩!详情=>

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • MySQL主从报错解决:Failed to initialize the master info structure

    大清早收到一个 MySQL 的自定义语言告警 :replication interrupt,看来是主从同步报错了。 登陆 MySQL,执行 show slave...

    张戈
  • 桌面白屏(Active故障)修复批处理

    一年前我在做用户系统维护服务工作时发现 AD 域环境下,AD 用户桌面经常会出现壁纸无法显示,ActiveDesktop 桌面损坏之类的故障,当时从前人心得里学...

    张戈
  • 修改博客文章链接为新窗口打开的方式

    记得,前段时间卢松松博客放出一个关于文章链接是新窗口 or 原窗口浏览方式的投票,结果大部分人都投给了新窗口,而投给原窗口的我顿时有点奥特 Man 的感觉。经过...

    张戈
  • 响应式web布局中iframe的自适应

    困境           在响应式布局中,我们应该小心对待iframe元素,iframe元素的width和height属性设置了其宽度和高度,但是当包含块的宽度...

    欲休
  • 深入理解iframe

    iframe 用于在页面内显示页面,使用 <iframe> 会创建包含另外一个文档的内联框架(即行内框架)

    Leophen
  • iframe框架及优缺点

    HTML5不再支持使用frame,关于frame与iframe的区别,可以参阅 iframe与frame的区别

    WindrunnerMax
  • iframe 有什么好处,有什么坏处?

    iframe 用于在页面内显示页面,使用 <iframe> 会创建包含另外一个文档的内联框架(即行内框架)

    落落落洛克
  • 根据获取内部元素的高度,设置iframe的高度

    德顺
  • iframe 解析

    简介:iframe在日常的开发中经常用到,本随笔在参考http://blog.csdn.net/cuew1987/article/details/1126515...

    郑小超.
  • 前端进程间通讯的渗透之术

    父页面和子页面(iframe)处于2个不同的进程(即使在同一个域),进程之间的通讯必须通过每个进程内【事件监听所在的线程】来完成。最重要的是,通讯时传输的数据格...

    Jean

扫码关注云+社区

领取腾讯云代金券