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

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

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

添加applicable-device的必要性

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

<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标签