前天,余斗讲到《移动适配之网页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">
资源均来自第三方,谨慎下载,前往第三方网站下载