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

平时制作移动站，一般有三种方式，跳转适配, 代码适配，自适应。三种方式都可以制作手机网站。比如一个代码适配的网站，手机访问返回手机端的页面，pc访问返回pc的页面。因为代码适配的网站，网址是一样的。如果用缓存服务器，那么应该返回那个页面呢？同样对于百度蜘蛛来说，虽说有针对移动端的蜘蛛，但好还是表明一下，这页面是什么类型的页面。这里总结以下，需要注意的地方。

电脑手机

代码适配网站需要注意的地方

页面本身要表明页面的类型适是pc的页面，还是移动的页面
pc页面可以写

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

mobile页面可以写

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

还需要注意的地方 http报文中的 vary设置
比如在nginx服务器中加入一行设置

add_header Vary "Accept-Encoding, User-Agent";

Vary 意思是可变的，因为代码适配是通过判断 User-Agent 来返回不同的页面。所以就可以告诉百度蜘蛛或者代码服务器，这个页面是根据不同的代理(User-agent)返回的页面是不同的。这样百度蜘蛛或者代理服务器就可以正常的处理这个页面了。

自适应的页面就比较简单

<meta name="applicable-device"content="pc,mobile"><meta name="viewport" content="width=device-width, initial-scale=1.0">

一行代码，就说明了。这个页面是可以在电脑上看，也可以在移动端看。二行是给浏览器看的，可以更好的显示网页。

代码跳转页面需要注意的地方

代码跳转页面，和前两种方式比较。不同的地方是，手机端和移动端页面的地址是不同的，这里就有个对应的问题。需要表明的是，手机端对应的移动端的页面是什么，移动端对应的手机端的页面是什么。

移动端的页面添加

<link rel="canonical"href="移动端对应的pc页面的url" >

pc端填写

<link rel="alternate" media="only screen and (max-width: 640px)" href="pc对应的移动页面的url" >

总结以下就是 网页本身，就应该表明这是个什么页面。

PC与WAP适配关系：

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

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

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

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

	PC、移动网址是否一致	PC、移动网页代码是否一致
跳转适配	否	否
代码适配	是	否
自适应	是	是

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

扩展内容

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

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

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

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