您当前的位置:主页 > 教程合集 > 网站建设网站首页网站建设

网站内页移动适配Meta标注声明

发布时间:2015-08-18编辑:余斗阅读:(0)字号:
    前天,余斗讲到《移动适配之网页Meta标注声明》,其中是只做了网站首页的移动适配Meta声明,内页并未加以标注,这样对移动端的优化很不好,所以今天余斗全面讲解下网站内页是怎么做移动适配Meta标注的(以Dede为例): 余斗网站首页的移动适配Meta标注声明代码为:
    <meta name="mobile-agent" content="format=html5;url=http://m.yudouyudou.com/">
    这里要注意的是,因为首页是一个,而内页是多个,一般都是模版生成,我们不可能一个一个的添加标注代码,这里要在模版里生成,同时要分栏目页和内容页来添加。 栏目页移动适配Meta标注声明代码:
    <meta name="mobile-agent" content="format=html5;url=http://m.yudouyudou.com{dede:type typeid='0′ row=1}[field:typelink/]{/dede:type}" />
    这里的typeid='0′row=1 即表示获取当前栏目页的地址,这个方法通用语顶级栏目页和次级栏目页。 内容页移动适配Meta标注声明代码:
    <meta name="mobile-agent" content="format=html5;url=http://m.yudouyudou.com{dede:field name='arcurl'/}" />
    把做好的模版上传后,更新网页,就会发现所有页面的Meta标注声明都生效了,比较有利于百度适配移动页面。 最后,针对不同的移动端网站,我们还需要做下applicable-device标注声明,主要根据自己网站的情况分以下几种,请结合自己的网站情况使用:
    仅PC协议(添加在独立pc页面头部) <meta name="applicable-device" content="pc">
    仅PH协议 (添加在移动端网站页面头部) <meta name="applicable-device"content="mobile">
    自适应协议 (添加在独立pc页面头部) <meta name="applicable-device"content="pc,mobile">

关键字词Meta标注声明内页移动适配
余斗余斗
  1. 转载请注明:网站内页移动适配Meta标注声明
  2. 版权声明:本站原创文章,由发表在网站建设分类下,于2015-08-18最后更新
移动适配之网页Meta标注声明
Win8无法修改Host文件解决方法
手机扫一扫 随身带着看
鸿运国际手机登录首页