添加applicable-device的必要性

在自适应网站设计中，我们使用meta标签来告诉浏览器网页的自适应规则。如：

<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=yes" />

这个meta，user-scalable=yes 是声明网页可以缩小放大。

通用搜索引擎对自适应识别校验代码

<meta http-equiv="Cache-Control" content="no-transform" /> 

<meta http-equiv="Cache-Control" content="no-siteapp" />

这两个meta，no-siteapp和no-transform，是告诉搜索引擎不要把网页转码。

其实，使用上面两个meta声明，百度就能识别自适应网页了。

不过，为了对百度更友好，让百度更方便识别校验，我们要再添加一个meta标签。

方法也很简单，只要在上面viewport标签下面再添加一个applicable-device标签就行：

<meta name="applicable-device" content="pc,mobile">

这个meta标签，表示页面同时适合在移动设备和PC上进行浏览。

说到底自适应网站添加applicable-device标签对百度比较友好。

标签:石家庄小程序开发 applicable-device 自适应网站建设 搜索引擎 meta标签