Meta name=＂applicable-device＂属性写法及用法

name="applicable-device"属性是html元素meta标签中众多属性之一，它表示告知浏览器本页面属于什么类型设备的页面，主要有PC电脑端页面和mobile手机移动端页面两种设备！

applicable-device标注可以帮助百度识别网站是PC站还是M站，给百度提交提交校验识别结果的正确性，减少百度蜘蛛把PC站当成M站，或者把M站当成PC站进行抓取。

用法举例

如果你的网站只属于PC电脑端的页面，则使用以下代码：

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

如果你的网站只属于手机移动端的页面，则使用以下代码：

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

如果你的网站是自适应响应式的页面，可以这样写：

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

这段告诉搜索引擎本页面既支持pc，又支持移动(mobile)，也就是所谓的自适应页面！

PC与WAP适配关系：

目前较流量的PC站与移动站配置方式有三种，百度站在搜索引擎角度将这三种分别称为跳转适配、代码适配和自适应，以下为这三种配置方式的名词解释及异同对比。

1，跳转适配：该方法会利用单独的网址向每种设备提供不同的代码。这种配置会尝试检测用户所使用的设备或ua，然后使用 HTTP 重定向和 Vary HTTP 标头重定向到相应的页面。

2，代码适配：该方法使用相同的网址（不考虑用户所使用的设备），但会根据服务器对用户所用浏览器的了解（ua），针对不同设备类型生成不同版本的 HTML。

3，自适应：通过同一网址提供相同 HTML 代码的网站设计方法。该方法不考虑用户所使用的设备（pc、平板电脑、移动设备），但可以根据屏幕尺寸以不同方式呈现（即适应）显示屏。

百度官方正文：https://ziyuan.baidu.com/college/courseinfo?id=156

扩展内容

在2016年以前，以下代码可以用来禁止搜索引擎转码

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

但大概在2016年开始，以上代码已失效，取而代之的，就是下面的代码：

<meta name="applicable-device" content="pc,mobile">
<meta name="MobileOptimized" content="320"/>
<meta name="HandheldFriendly" content="true"/>

想要禁止搜索引擎转码自己网站的站长们，可以试试以上代码！

上一篇：Meta name=＂viewport＂视窗标签用法

下一篇：简单JS实现禁止复制和粘贴、另存为的方法