{
    分享网正式开通,我们为大家提供免费资源,欢迎大家踊跃投稿!

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

前天,余斗讲到《移动适配之网页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">

资源均来自第三方,谨慎下载,前往第三方网站下载


米微资源分享网 , 版权所有丨本站资源仅限于学习研究,严禁从事商业或者非法活动!丨本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:网站内页移动适配Meta标注声明
喜欢 ()分享 (0)