响应式网页禁止百度移动搜索转码的方法
2014-11-30 13:52:51  By: dwtedx

最近搭建了一个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的留言板)

感谢你的访问、祝你生活愉快、工作顺心、欢迎常来逛逛


快速评论


博文评论

  • 该博文还没有评论、赶快抢沙发吧...
DD记账
top
+