当前位置:首页 > 运维笔记 > 正文

网站PC端、移动端禁止百度转码方案(全网防转码代码)

小说站防UC浏览器、夸克浏览器转码、百度浏览器转码、各种浏览器、阅读模式、畅读模式的防止转码解决办法。

看到一个小说站是这样防百度、UC、夸克转码的,他的下一章 href 是空的<a id="next" href="">下一章</a>”,然后利用js的滚动事件修改 href 属性。

正常浏览时必然会滚动页面,滚动页面就触发了修改 hrdf 的事件,对正常浏览是没有任何影响的。

这个站是章节带分页的,百度浏览器转码页显示的全是“第五章(1/3)页、第六章(1/2)页、(2/3)页、(3/3)页无法显示”,百度好像是从目录页直接转码的。

网站PC端、移动端禁止百度转码方案(全网防转码代码)

原理:UC或夸克浏览器转码情况下打开页面时会自动进入转码页面,但下滑加载下一章的时候会出现无法加载下一章的提示,这时就会出现返回源页面的提示。

注意:能加载下一章就不会有上面的提示,一直在他的转码页面里。

第一种代码

防止百度转码:

<meta http-equiv="Cache-Control" content="no-transform" /> 
<meta http-equiv="Cache-Control" content="no-siteapp" />

说明是自适应页面还是pc端页面或者移动端页面:

<meta name="applicable-device" content="pc,mobile">
<meta name="applicable-device" content="pc">
<meta name="applicable-device" content="mobile">

1、在pc版网页上,添加指向对应移动版网址的特殊链接rel=”alternate”标记,这有助于百度发现网站的移动版网页所在的位置;

2、同时在移动版网页上,添加指向对应pc版网址的链接rel=”canonical”标记。

比如:http://www.henanjiancai.com/huaxian.html

pc端可以这样写:

<link rel="alternate" media="only screen and(max-width: 640px)" href="http://m.henanjiancai.com/huaxian.html" >

移动端可以这样写:

<link rel="canonical "href="http://www.henanjiancai.com/huaxian.html" >

另外还有百度的开放适配服务:https://ziyuan.baidu.com/wiki/39/

响应式网站:

响应式设计的页面必须设置viewport,告诉浏览器按照屏幕宽度自动调整页面排版。

<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>

第二种代码

代码如下:

<meta name="applicable-device" content="pc,mobile">
<meta name="MobileOptimized" content="width"/>
<meta name="HandheldFriendly" content="true"/>

解释如下:

如果网页采用了响应式网页设计,例如不需要经过url自适配跳转就可以根据浏览器的屏幕大小自适应的展现合适的效果,同时适合在移动设备和电脑上进行浏览,在html中加入如下meta:

<meta name="applicable-device" content="pc,mobile">

MobileOptimized与HandheldFriendly是功能机时代的事实上标签,后来变成一个通用的标准用来标示移动站点。

有话要说...