网站建设

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

Jager · 5月9日 · 2014年 · · · · 1442次已读

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

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

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

 

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

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

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

 

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

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

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

<iframe style="padding: 0px; width: 100%;" height="480" src="/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='/bokehutui' frameborder='no' border='0' marginwidth='0' marginheight='0' scrolling='no'></iframe>");

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

比如互推联盟调用的 js 最终地址为:https://zhang.ge/hutui.js 

 

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

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

<script type="text/javascript" src="/hutui.js" ></script>

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

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

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

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

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

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

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

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

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

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

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

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

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

60 条回应
  1. 萌妹 2014-5-9 · 11:23

    iframe 不建议用 如果你要做淘宝客什么的推广 可以 还是别用 iframe 和flash好

    • 刘海江 2014-5-9 · 11:24

      竟然比我快20秒

    • avatar
      Jager 2014-5-9 · 11:26

      认真看文章啊,我这个文章就是解决搜索引擎不喜欢iframe的。。。

      • 刘海江 2014-5-9 · 11:28

        居然比我快啊。。。。

      • 萌妹 2014-5-9 · 11:38

        搜噶 我平时都不用 iframe 看来没机会尝试了

  2. 刘海江 2014-5-9 · 11:24

    沙发占位

    • avatar
      Jager 2014-5-9 · 11:27

      这是一个杯具。

  3. 梅春喜个人博客 2014-5-9 · 11:36

    我去,这个倒是可以有;封装不是对特定的麽 [挖鼻屎]

    • avatar
      Jager 2014-5-9 · 11:39

      有什么不想让搜索引擎抓到的内容,都可以用这个封装。

  4. 圆月博客 2014-5-9 · 11:39

    博主牛逼啊,这么快就解决了这问题

    • avatar
      Jager 2014-5-9 · 11:43

      哈哈,这个问题解决很久了,一直没公布而已啦~互推联盟不是推出JS版本很久了么,好东西还是要分享一下的。

      • 梅春喜个人博客 2014-5-10 · 12:51

        这个之前很多人拿来欺骗搜索引擎,去做淘宝客的;一般查快照是可以找出来的

  5. 值得借鉴,看别人用过这个方法

    • avatar
      Jager 2014-5-9 · 13:38

      看来是我奥特了。。

  6. 漫道狂徒 2014-5-10 · 9:57

    对这个不懂,只能路过哈

    • avatar
      Jager 2014-5-10 · 10:00

      [衰] 我写的这么清楚了。。。。好吧,当必须要用iframe的时候记得来看看。

  7. 撒哈拉的小猫 2014-5-10 · 10:31

    [汗]

  8. 梅春喜个人博客 2014-5-10 · 12:50

    过来赞一个,护腿联盟越来越好

    • avatar
      Jager 2014-5-10 · 13:45

      [握手]

  9. 史欣蕾 2014-5-10 · 13:09

    看来,嵌入框架需要更改为js!

    • avatar
      Jager 2014-5-10 · 13:42

      恩恩,一定要用iframe的时候,记得封装成JS,哈哈

  10. APP雄起 2014-5-10 · 16:36

    挺好的

  11. 好铺365 2014-5-10 · 23:35

    学习了,不错

  12. cy 2014-5-12 · 9:22

    这倒是有点意思,哈哈

  13. 吴晓阳 2014-5-12 · 11:19

    支持下Jager同学啊

    • avatar
      Jager 2014-5-12 · 11:27

      感谢吴老师一直以来的支持!

  14. 泪风 2014-5-12 · 12:35

    又来请教了, 这个互推的框架是怎么写的?

    • avatar
      Jager 2014-5-12 · 12:38

      ul+li 做的框架。

  15. 龙三公子 2014-5-13 · 20:24

    刚好我博客也有一个调用,马上用此法解决一下。文章你投到松松博客了,效果还真不错哈。

    • avatar
      Jager 2014-5-13 · 20:35

      可惜了,投的第一稿,没写得这么好

  16. 微历史 2014-5-14 · 13:23

    这是脚本的变种写法,直接用脚本得了

    • avatar
      Jager 2014-5-14 · 17:09

      求分享。 [good]

      • 微历史 2014-5-14 · 17:21

        分享?你的推萌不就是脚本吗?

        • avatar
          Jager 2014-5-14 · 17:28

          我以为你有更好的写法呢,所以求分享。

          • 微历史 2014-5-14 · 17:33

            没有,我就觉得用script的方式最好了

  17. 开心一刻笑话 2014-5-18 · 17:51

    这个倒是很不错呢

    • avatar
      Jager 2014-5-18 · 18:41

      要用iframe的时候可以尝试下

  18. 台佳佳.中国 2014-6-7 · 22:01

    新技能 get!

  19. 现在搜索引擎越来越聪明了,已经可以在一定程度上看懂JS了

    • avatar
      Jager 2014-7-28 · 16:05

      总比直接iframe要好。

  20. BB霜排行榜 2014-9-6 · 15:39

    很不错的方法,用上了,谢谢博主

  21. 2B微电影 2014-11-21 · 12:44

    想用来做CPA 做还是没看懂

  22. 网赚论坛 2014-12-14 · 13:38

    努力就会成功吗?

  23. Alpha Chi Omega 2015-4-2 · 6:12

    好文章,先收藏,估计之后会用得到

  24. 西贝博客 2015-6-7 · 11:47

    坚持你认为正确的事情就对了

  25. rainman 2016-2-22 · 12:46

    这个方法现在还可行么...
    QAQ 如果还可行的话那不是任何不想让搜索引擎看到的内容都可以用 js 输出么...

    • avatar
      Jager 2016-2-22 · 12:57

      目测国内依然可行,都不能解析js。