响应式网页禁止百度移动搜索转码的方法
2014-11-30 13:52:51 By: shinyuu
最近搭建了一个WordPress的站点、作文图书馆: http://www.zwtsg.com、我也是第一次使用WordPress建站、在建站过程中遇到了很多问题、今天又遇到了一个新问题、就是我在使用手机搜索“作文图书馆”、打开却发现整个网站被百度转码了、本来我就做了移动端的优化的、整个网站都是采用响应式布局的
从上图中可以看出来、整个网站使用手机浏览器效果非常好、相信这样的用户体验也非常不错、根本不需要百度的转码、那么问题来了、怎么禁止响应式网站被百度移动搜索转码呢、那么在本文你会找到答案
一、为什么百度会转码
就是我们打开的网页原来是电脑程序发布的内容和信息、由于手机操作方式不同查看不方便、百度就转换成适合手机观看和操作的格式！所以在浏览器用百度搜索的网页、会提示本页面由百度转码！就是为了方便手机观看与操作设置的、有些功能被简化了、如果需要查看可以拉到浏览器底部、有触屏版和电脑版可以选择！
二、响应式网页的优点
1、随着移动设备越来越多、可以提升用户体验
2、该设计没有网页版本区分、所以SEO的策略保持一致
3、可以避免重复内容、专心维护这一个网页
4、保持网页的原有链接
5、Google也建议优先采用响应式设计、因为无论是什么网页版本都是相同的HTML、相同的内容、Google最容易处理
6、响应式网页设计对SEO是友好的、这些相关技术还在不断演化中、还有许多尚待客服的地方
三、禁止百度移动搜索转码
no-transform协议TC支持的no-transform协议为如下两种形式
1、HTTP Response中显式声明Cache-control为no-siteapp
2、meta标签中显式声明Cache-control为no-siteapp
<meta http-equiv="Cache-Control" content="no-siteapp" />
总结
如果是响应式布局的话、还需要添加一个标签来说明屏幕的宽度、下面这句话可以让网页的宽度自动适应手机屏幕的宽度
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=2.0, user-scalable=yes" />
width=device-width ：表示宽度是设备屏幕的宽度
initial-scale=1.0：表示初始的缩放比例
minimum-scale=0.5：表示最小的缩放比例
maximum-scale=2.0：表示最大的缩放比例
user-scalable=yes：表示用户是否可以调整缩放比例
若资源对你有帮助、浏览后有很大收获、不妨小额打赏我一下、你的鼓励是维持我不断写博客最大动力
想获取DD博客最新资讯、你可以扫描下方的二维码、关注DD博客微信公众号（ddblogs）
或者你也可以关注我的新浪微博、了解DD博客的最新动态：DD博客官方微博（dwtedx的微博）
如对资源有任何疑问或觉得仍然有很大的改善空间、可以对该博文进行评论、希望不吝赐教
为保证及时回复、可以使用博客留言板给我留言: DD博客留言板（dwtedx的留言板）
感谢你的访问、祝你生活愉快、工作顺心、欢迎常来逛逛
