name="applicable-device" 屏幕适配
2017-09-09 18:20
211 查看
随着移动互联网的发展,越来越多的用户使用移动设备访问网站,百度移动搜索会对移动站给予优先排序的机会,对于有PC网站的站长:
l 做好自适配,将移动终端的访问自主适配跳转至移动版站点;
l 为了更快地告知百度移动搜索您PC网站与移动站内容的一一对应关系,建议使用
站长平台开放适配工具进行适配关系提交。关于开放适配帮助可以参考:http://zhanzhang.baidu.com/wiki/39 同时还可以使用如下Meta标签协议规范:
u 如果该网页只适合在电脑上进行浏览,例如(http://test.biaosudi.com/ ),
在html中加入如下meta:
<meta name="applicable-device" content="pc">
u 如果该网页只适合在移动设备上进行浏览,例如(http://m.test.biaosudi.com/ ),
在html中加入如下meta:
<meta name="applicable-device" content="mobile">
u 如果网页采用了响应式网页设计,例如(http://cdc.tencent.com/) 不需要
经过url自适配跳转就可以根据浏览器的屏幕大小自适应的展现合适的效果,同时适合在移动设备和电脑上进行浏览,在html中加入如下meta: <meta name="applicable-device" content="pc,mobile">
l 做好自适配,将移动终端的访问自主适配跳转至移动版站点;
l 为了更快地告知百度移动搜索您PC网站与移动站内容的一一对应关系,建议使用
站长平台开放适配工具进行适配关系提交。关于开放适配帮助可以参考:http://zhanzhang.baidu.com/wiki/39 同时还可以使用如下Meta标签协议规范:
u 如果该网页只适合在电脑上进行浏览,例如(http://test.biaosudi.com/ ),
在html中加入如下meta:
<meta name="applicable-device" content="pc">
u 如果该网页只适合在移动设备上进行浏览,例如(http://m.test.biaosudi.com/ ),
在html中加入如下meta:
<meta name="applicable-device" content="mobile">
u 如果网页采用了响应式网页设计,例如(http://cdc.tencent.com/) 不需要
经过url自适配跳转就可以根据浏览器的屏幕大小自适应的展现合适的效果,同时适合在移动设备和电脑上进行浏览,在html中加入如下meta: <meta name="applicable-device" content="pc,mobile">
相关文章推荐
- 关于<meta name="applicable-device"content="pc">
- Android模拟器无法启动 "ERROR: unknown virtual device name: 'myavd'"
- meta name="viewport" content="width=device-width,initial-scale=1.0" 解释
- <meta name="viewport" content="width=device-width, initial-scale=1" />
- <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0"/>
- <meta name="viewport" content="width=device-width
- Android Soupport Differcent Device(Android不同语言地区,屏幕,平台版本适配)
- <meta name="viewport" content="width=device-width
- meta name="viewport" content="width=device-width,initial-scale=1.0" 解释
- <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalab
- "Android 屏幕适配"-Android面试必问"精华技能点"汇总
- Android应用问题:ERROR: unknown virtual device name"XXX"
- 分析<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable
- <meta name="viewport" content="width=device-width, initial-scale=1"> 作用
- meta name="viewport" content="width=device-width,initial-scale=1.0" 解释
- 关于<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-sc..
- <meta name="viewport" content="width=device-width...
- <meta name="viewport" content="width=device-width,initial-scale=1>
- <meta name="viewport" content="width=device-width, maximum-scale=1.0, initial-scale=1.0, user-sc
- <meta name="viewport" content="width=device-width, initial-scale=1.0>