欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  博文

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

程序员文章站 2022-03-01 13:36:02
...

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