响应式网页禁止百度移动搜索转码的方法

最近搭建了一个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：表示用户是否可以调整缩放比例