巧用Css蒙版-不一样的百度转码解决方案

2018年7月11日 评论 1,103 1223字阅读4分4秒

大鸟讲了很多关于百度转码的教程,其实,百度出了一个移动落地页检测工具我们在百度站长平台里面可以看到,在配合百度移动搜索落地页体验白皮书——广告篇3.0,基本就可以解决百度转码的问题,但是我们有的站长这么做了依然被屏蔽,额,那大鸟也不知道该说什么了。

可以看看大鸟前面的教程,如果不能解决在看看大鸟今天说的教程,看看是否可以解决,解决这种问题最好是自己懂点代码,不然照葫芦画瓢,如果百度稍微改动了点,我们这个方法就不灵光了。废话少说吧,下面看看如何解决!

第一:放一段css代码

<style type="text/css">
        .tips{border:1px solid rgb(255,0,0);margin:5px 0px;padding:10px 0px;text-align:center;}
        .tips p{margin:5px 0px;}
        .tips .btn{border:1px solid rgb(200,200,200);padding:8px 10px;cursor:pointer;background:rgb(255,0,0);color:rgb(255,255,255);}
    </style>

这段代码放在上面位置呢,就是网页的就放在这个head标签的位置,大鸟截图给你看。

巧用Css蒙版-不一样的百度转码解决方案
就放在如图的位置就可以了。

第二:增加一段div

<div class="tips">
            <p style="color:rgb(255,0,0);">亲爱的书友,您现在访问的是转码页面,可能导致更新不及时,访问最新更新请点击</p>
            <p><input value="访问最新内容" class="btn" onclick="if(self!=top){window.parent.location.href= 'https://www.daniao.org/'}else{window.location='https://www.daniao.org/'}" type="button"></p>
        </div>


巧用Css蒙版-不一样的百度转码解决方案
这段代码放在什么位置呢,放在body之间,稍微靠着上面放,或者你找个自己喜欢的位置放。

第三:增加一段js

我们需要对上面的提示代码用js来控制,不然直接显示不太友好,不过,其实到第二部的时候,css蒙版就可以使用了,百度转码的时候会在网页的醒目位置提示你,这是个转码的网页,我们需要点击给出的网址到原网页。但是大鸟还是觉得用js控制下比较好。

<script>$('.tips').hide();</script>

这个tip是就是我们第二步定义的,我们把这个css的class用js来控制输出,没有被转码的时候我们hide这段提示,如果被百度转码了,刚好百度也清除了网页的js代码,刚好这段提示就会跳出来。代码就是这个意思,应该很容易理解的。我们把这个放在什么位置呢,额,一般放在最下面网页尾部js放的那个位置。

总结

这里大鸟就把整个教程都说完了,这只是一个方法,我们需要灵活运用才能发挥更好的价值。

  • 我的微信
  • 分享宝塔面板建站技术交流等!
  • weinxin
  • 微信公众号
  • 关注本博公众号
  • weinxin
大鸟
百度滤镜转码m.baidu.com域名的解决思路 技术分享

百度滤镜转码m.baidu.com域名的解决思路

说实话,站长做个网站确实不容易,如果有点流量,放点广告确实无可厚非,但是也有一些投机的站长,做很多的垃圾站,利用你垃圾站产生的一点流量,放很多很多的广告,用户体验确实不好,这类网站确实需要打击。 但是...
利用(iframe)框架技术来处理百度转码 WEB前端

利用(iframe)框架技术来处理百度转码

做网站的时候网页中,最好不要插入框架,但是对于很多被转码的网站来说,js被删除干净,head部分被有选择的删除,我们只能选择这种方法了。但是我们稍微处理下这个框架,让蜘蛛不去抓取他。就从技术上规避了风...
2017如何禁止百度移动搜索转码? 技术分享

2017如何禁止百度移动搜索转码?

很多站长的站点被百度转码了,特别是2017年特别严重,大鸟觉得这比什么百度推出什么算法危害大的多,大鸟也一直关注这个事情,现在也没什么好方法,下面的方法大鸟简单的说下,其实很多很多人都知道,如果你还不...
匿名

发表评论

匿名网友

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: